refactor: state

2023-10-27 13:13:22 +02:00
parent cb0272b790
commit fa22be6e0e
6 changed files with 64 additions and 32 deletions
--- a/templates/index.html
+++ b/templates/index.html
@@ -13,10 +13,20 @@
    </script>
  </head>
  <body>
-    {% for clip in clips %}
-    <button onclick="play('{{clip.hash}}')">{{clip.file_name}}</button><br />
-    {% endfor %}
-
-    <button onclick="stop()">Stop.</button>
+    <div class="container">
+      <div class="categories">
+        <span class="category">Category 1</span>
+        <!-- More categories -->
+        <button class="more">More</button>
+      </div>
+      <div class="soundclips">
+        {% for clip in clips %}
+        <button onclick="play('{{clip.hash}}')">{{clip.file_name}}</button>
+        {% endfor %}
+      </div>
+      <div class="player">
+        <button onclick="stop()">Stop.</button>
+      </div>
+    </div>
  </body>
 </html>