ADD: added stuff to audio page, but things are going badly OwO

app/db_connector.php

@@ -49,14 +49,23 @@ function get_audio($pdo, $search='%', $sort='aud_date', $sdir='DESC') {
   $aud_list = '<ul class="aud_list">';
   foreach ($data as $block) {
     $aud_list .= '<li>';
+    $aud_list .= '<div class="music_player">';
+    $aud_list .= '<img src="'.get_album_cover($block["aud_title"]).'">';
     $aud_list .= '<audio controls>';
     $aud_list .= '<source src=\''.$block['aud_path'].'\' type="audio/mpeg">';
     $aud_list .= 'There would be an awesome music player here if you weren\'t such a weirdo...';
     $aud_list .= '</audio>';
+    $aud_list .= '</div>';
     $aud_list .= '<h4>'.$block['aud_title']."<br></h4>";
     $aud_list .= '<p class="list_text">'.$block['aud_desc']."</p>";
+    $aud_list .= '<p><a href="'.$block['aud_path'].'">download</a></p>'; // TODO: mask dl link with helper class
     $aud_list .= '</li>';
   }
   $aud_list .= '</ul>';
   echo $aud_list;
 }
+
+function get_album_cover($title) {
+  // TODO: put actual code here, maybe steal from this lib https://github.com/wapmorgan/Mp3Info/blob/master/src/Mp3Info.php
+  return "nopathyet";
+}

public/resources/stylesheet.css

@@ -182,3 +182,9 @@ footer {
 form > label {
   margin-left: 1rem;
 }
+
+.music_player {
+  display: flex;
+  flex-direction: column;
+  width: 30%;
+}