header: wip

static/style.css

@@ -21,7 +21,7 @@ body {
 
 
   main {
-    padding-top: 3.5rem;
+    padding-top: 5rem;
   }
 }
 
@@ -70,16 +70,21 @@ crt {
 navbar {
   font-family: "VT323", monospace;
   position: fixed;
+  display: flex;
+  flex-direction: column;
+
   top: 0;
   left: 0;
   width: 100svw;
-  height: 3.5rem;
-  background-color: var(--win-bg-grey);
-  border-bottom: 2px solid #000;
+  height: auto;
 
   navbar-content {
+
     display: flex;
     gap: 0.3rem;
+    padding: 0.5rem 0;
+    padding-left: 0.5rem;
+    background-color: var(--win-bg-grey);
 
 
     input {
@@ -88,7 +93,7 @@ navbar {
       pointer-events: none;
     }
 
-    & a {
+    a {
       color: inherit;
       text-decoration: none;
       cursor: pointer;
@@ -114,6 +119,14 @@ navbar {
       }
     }
   }
+
+  pink-statusbar {
+    height: 1.5rem;
+    flex-shrink: 0;
+    background-color: var(--darker-pink);
+
+    border-bottom: 2px solid #000;
+  }
 }
 
 /* Home */

templates/partials/header.html

@@ -5,4 +5,7 @@
     <input type="radio" name="nav" id="nav-music">
     <a href="/music">Music</a>
   </navbar-content>
+  <pink-statusbar>
+    <p>Salut</p>
+  </pink-statusbar>
 </navbar>