music draft

2023-11-02 09:14:23 +00:00
parent e85193dcb4
commit 63cac1f0c5
5 changed files with 69 additions and 8 deletions
--- a/templates/music.html
+++ b/templates/music.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>listening to [[ listing.name ]]</title>
+    <style>
+      html, body {
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        padding: 0;
+      }
+      .music {
+        margin: 25px;
+      }
+    </style>
+  </head>
+  <body>
+    [[ component:return ]]
+    <div id="main">
+      <div class="music">
+        <h2 style="display: inline-block;">[[ listing.name ]] [[ chapter ]]</h2>
+        <br>
+        <audio controls>
+          <source src="/music_assets/[[ listing.name ]]/[[ chapter ]].mp3" type="audio/mpeg">
+        </audio>
+        [[ component:nav ]] <!-- id: nav -->
+      </div>
+    </div>
+  </body>
+</html>