header : remplacer le titre par une nav, ajouter le reset des liens

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

assets/css/src/_header.scss

@@ -23,6 +23,7 @@
     margin-top: var(--offset);
     scale: var(--scale);
     svg {
+      overflow: visible;
       margin-top: -2.5rem;
       #left-character-background,
       #right-character-background path,

assets/css/src/_reset.scss

@@ -37,3 +37,8 @@ img {
   height: auto;
   object-fit: contain;
 }
+
+a {
+  color: inherit;
+  text-decoration: none;
+}

assets/css/src/_strip.scss

@@ -12,9 +12,18 @@
   margin-top: -1rem;
 
   * {
-    font-family: "Bartok", sans-serif;
     font-size: 2rem;
     font-weight: 600;
     text-align: center;
   }
+
+  nav {
+    ul {
+      width: 100%;
+      padding: 0 var(--space-body);
+      display: flex;
+      justify-content: center;
+      gap: 1rem;
+    }
+  }
 }

site/snippets/header.php

@@ -6,7 +6,7 @@
         /
         <button>EN</button>
       </div>
-      <button>menu</button>
+      <!-- <button>menu</button> -->
     </div>
     <h1 class="logo" style="--logo-offset: 0px">
       Lesort<br>
@@ -17,7 +17,13 @@
     </div>
     
     <div class="strip">
-      <h1><?= $page->title() ?></h1>
+      <nav>
+        <ul>
+          <li><a href="">La Compagnie</a></li>
+          <li><a href="">Les Spectacles</a></li>
+          <li><a href="">Agenda</a></li>
+        </ul>
+      </nav>
     </div>
   </header>
   <main>