CHANGE: played around with css, didn't do much today kinda not feeling so hot :'(

public/about.php

@@ -1,8 +1,8 @@
 <h1 class='cat_heading'>> chosen file type: person<br>&nbsp;&nbsp;getting to know me is futile...<br>&nbsp;&nbsp;listing files...<br>$<img src='./resources/img/cursor_blinking.gif' class='pixelart' style='height: 1em;'></h1>
 
-<h2>I am a human. Treat me as such. I will reciprocate.</h2>
-
-<div style='display: flex'>
+<div style='margin: auto; width: 85vw;'>
+  <h2>I am a human. Treat me as such. I will reciprocate.</h2>
+  <div style='display: flex;'>
     <p>
     This is a hunk of text about me and my website.<br>
     Very fascinating indeed.<br><br>
@@ -17,8 +17,5 @@
     - Dani aka TheShinyMelon
     </p>
     <img src='./resources/img/about-me.gif' style='height: 10rem; margin: 5rem;' class='pixelart'>
+  </div>
 </div>
-
-<?php
-
-?>

public/audio.php

@@ -1,4 +1,4 @@
-<h1 class='cat_heading'>> chosen file type: audio<br>&nbsp;&nbsp;listing files...</h1>
+<h1 class='cat_heading'>> chosen file type: audio<br>&nbsp;&nbsp;listing files...<br>$<img src='./resources/img/cursor_blinking.gif' class='pixelart' style='height: 1em;'></h1>
 
 <?php
   include_once('../app/db_connector.php');

public/image.php

@@ -1,4 +1,4 @@
-<h1 class='cat_heading'>> chosen file type: image<br>&nbsp;&nbsp;listing files...</h1>
+<h1 class='cat_heading'>> chosen file type: image<br>&nbsp;&nbsp;listing files...<br>$<img src='./resources/img/cursor_blinking.gif' class='pixelart' style='height: 1em;'></h1>
 
 <?php
   include_once('../app/db_connector.php');

public/index.php

@@ -14,7 +14,7 @@
   <a href='index.php' class='logo_link'>
     <div class='logo_group'>
       <h1 class='logo_font'>LAYER-</h1>
-      <img src='./resources/img/8_spinning_30fps_bw_shadow.gif' class='logo_gif'>
+      <img src='./resources/img/8_spinning_30fps_bw_shadow.gif' class='logo_gif' alt='8'>
     </div>
   </a>
   

public/resources/stylesheet.css

@@ -88,21 +88,32 @@ footer {
 
 .menu_bar li a {
   text-decoration: none;
-  color: #FFF;
 }
 
 .menu_bar li a:hover {
+  text-style-type: bold;
+  /*
   text-decoration: underline;
   text-decoration-thickness: 5px;
   text-decoration-color: #f3a041;
-  color: #FFF;
+  */
+}
+
+.menu_bar li a:hover:before {
+  content: '~/';
+}
+
+.menu_bar li a:hover:after {
+  content: '/ ';
 }
 
 .menu_bar li a:active {
+  color: #AAA;
+  /*
   text-decoration: underline;
   text-decoration-thickness: 6px;
   text-decoration-color: #41a3f3;
-  color: #FFF;
+  */
 }
 
 .img_list {