music: small wip

static/style.css

@@ -621,6 +621,28 @@ home-content {
   }
 }
 
+/* Music */
+music {
+  video-bg {
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 100lvh;
+    width: 100lvw;
+    z-index: -1;
+
+    video {
+      height: 100lvh;
+      width: 100lvw;
+      object-fit: cover;
+    }
+  }
+
+  box {
+    background-color: white;
+  }
+}
+
 /* 404 */
 katcenkat {
   display: flex;

templates/partials/music.html

@@ -1 +1,11 @@
-<hello>hello</hello>
+<music>
+  <video-bg>
+    <video autoplay muted loop playsinline>
+      <source src="/static/assets/videos/music.webm" type="video/mp4" />
+    </video>
+  </video-bg>
+
+  <box>
+    <p>Salut</p>
+  </box>
+</music>