Style the author pfp

blog/authors/index.php

@@ -44,11 +44,11 @@ if (file_exists($dir) && is_dir($dir) ) {
           $link_title = str_replace('_',' ',$file);//Remove undersores and replace them with spaces
           $link_title = str_replace($_replace,'',$link_title);
           if (file_exists($file."/pfp.png")){
-              $pfp_path = $file."/pfp.png";
+              $pfp_path = "$file/pfp.png";
+              echo("<ul><li><img src=\"$pfp_path\" class=\"pfp\" name=\"$file pfp\"><a href='$file'> $link_title </a></li></ul>\n");//Output the result.
           } else {
-              $pfp_path = "";
+              echo("<ul><li><a href='$file'> $link_title </a></li></ul>\n");//Output the result.
           }
-          echo("<ul><li><img src=\".$pfp_path\" name=\"$file pfp\" width=\"20\" height=\"20\"><a href='$file'> $link_title </a></li></ul>\n");//Output the result.
         }
     } else {
         echo "<ul><li><a>No Authors<a></li></ul>";

common/css/styles.css

@@ -125,6 +125,14 @@ img{
 img.center_align{
   vertical-align:middle;
 }
+img.pfp {
+  vertical-align: middle;
+  width: 25px;
+  height: 25px;
+  border-radius: 25px;
+  border-style: solid;
+  border-width: 1px;
+}
 .top{
   max-width: 100vw;
   float: left;