diff options
Diffstat (limited to 'noises/index.php')
| -rw-r--r-- | noises/index.php | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/noises/index.php b/noises/index.php new file mode 100644 index 0000000..f9fc8e3 --- /dev/null +++ b/noises/index.php @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="icon" type="image/x-icon" href="../favicon.ico"> + <title>deep twisty - noises</title> + <link href="../style.css" rel="stylesheet" type="text/css" media="all"> + <link href="../subpage.css" rel="stylesheet" type="text/css" media="all"> + <style> + article { + padding: 1rem; + max-width: 25rem; + margin: auto; + } + h2 { + margin-bottom: 0.45rem; + font-size: medium; + } + article p { + margin-top: 0.1rem; + } + audio { + border-radius: 2rem; + box-shadow: 2px 2px 8px black; + } + </style> + </head> + <body> + + <main> + <h1 id="header"><span id="headerblue">no</span><span id="headergreen">is</span><span id="headeryellow">es</span></h1> + <p><a class="white-color" style="text-decoration: none; font-size: 1.4em; font-family: var(--hfont);" href="../">home</a></p><hr> + <div id="songs"> + <?php + // Code to automatically populate the page with every mp3 file in the directory. + // Should display filename - and date of creation and id3 comment if possible. + + function test_audio($name) { // Returns true if a file is an mp3, false otherwise + return (strpos($name, ".mp3") > 0); + } + + $files = array_filter(scandir("."), "test_audio"); + + usort($files, function($a, $b) { // Sort files by modification date of the files + return filemtime("$b") - filemtime("$a"); + }); + + foreach($files as $fi) { + echo "<article><h2>$fi</h2><audio controls><source src='$fi' type='audio/mpeg'>your browser does not support embedded audio.</audio></article>"; + } + ?> + </div> + </main> + + </body> + +</html> |