From b5806510f1f12ea66d5f4a9c04366fe251d1c252 Mon Sep 17 00:00:00 2001
From: Agahnim <naguiagahnim@proton.me>
Date: Thu, 19 Mar 2026 16:50:55 +0100
Subject: [PATCH] wip header

---
 static/style.css               | 75 +++++++++++++++++++++++++++++++++-
 templates/base.html            |  3 +-
 templates/partials/header.html | 13 +++---
 templates/partials/index.html  | 24 +++++++++++
 4 files changed, 108 insertions(+), 7 deletions(-)
diff --git a/static/style.css b/static/style.css
index 606ebdf..a29ba15 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,3 +1,76 @@
+:root {
+  --lavender: #cdb4db;
+  --light-pink: #ffc8dd;
+  --pink: #ffafcc;
+  --light-blue: #bde0fe;
+  --blue: #a2d2ff;
+  --darker-pink: #ff75a7;
+  --darkerer-pink: #ff4287;
+}
+
 body {
-  background-color: crimson;
+  background-image: url(assets/images/tiledbgpink.webp);
+  background-size: cover;
+  background-position: center;
+  height: 100lvh;
+  width: 100lvw;
+  overflow: auto;
+  font-family: "DotGothic16", sans-serif;
+
+  main {
+    padding-top: 3.5rem;
+  }
+}
+
+/* Navbar */
+navbar {
+  font-family: "VT323", monospace;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100svw;
+  height: 3.5rem;
+  background-color: #c0c0c0;
+  border-bottom: 2px solid #000;
+
+  navbar-content {
+    display: flex;
+    gap: 1rem;
+
+    label {
+      cursor: pointer;
+      padding: 4px 8px;
+      border: 2px solid;
+      border-color: #ffffff #808080 #808080 #ffffff;
+      background: #c0c0c0;
+
+      &:has(input:checked) {
+        background: #ff75a7;
+        color: #ffffff;
+        border-color: #808080 #ffffff #ffffff #808080;
+      }
+
+      &:active {
+        border-color: #808080 #ffffff #ffffff #808080;
+        padding: 5px 7px 3px 9px;
+      }
+
+      &:hover {
+        background: #0004;
+      }
+    }
+
+    input {
+      opacity: 0;
+      position: absolute;
+      pointer-events: none;
+    }
+
+    & a {
+      text-decoration: none;
+      color: inherit;
+    }
+  }
+
+
 }
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index e8b4414..8f934fd 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -3,8 +3,9 @@
 
 <head>
   <meta charset="UTF-8" />
-  <link rel="icon" type="image/gif" href="/static/assets/gifs/pcgif.gif" />
+  <link rel="icon" type="image/gif" href="/static/assets/gifs/pcgif.gif">
   <title>Ａｇａｈｎｉｍ</title>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DotGothic16&family=VT323&display=swap">
   <link rel="stylesheet" href="/static/style.css" />
   <script src="/static/vendor/htmx.min.js"></script>
 </head>
diff --git a/templates/partials/header.html b/templates/partials/header.html
index 865faae..0bf0cf5 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -1,5 +1,8 @@
-<header>
-  <nav>
-    <a href="/">Accueil</a>
-  </nav>
-</header>
\ No newline at end of file
+<navbar>
+  <navbar-content>
+    <label>
+      <input type="radio" name="nav" id="nav-home" checked>
+      <a href="/">Accueil</a>
+    </label>
+  </navbar-content>
+</navbar>
\ No newline at end of file
diff --git a/templates/partials/index.html b/templates/partials/index.html
index e4b27fb..f89c5d7 100644
--- a/templates/partials/index.html
+++ b/templates/partials/index.html
@@ -1 +1,25 @@
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
+<h1>Bonjour</h1>
 <h1>Bonjour</h1>
\ No newline at end of file
