header : passer en fixed, déplacer le strip dans le header, ajuster le layout

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

assets/css/src/_global.scss

@@ -7,3 +7,7 @@ body {
 button {
   cursor: pointer;
 }
+
+main {
+  margin-top: 29rem;
+}

assets/css/src/_header.scss

@@ -1,9 +1,7 @@
 .main-header {
-  position: sticky;
+  position: fixed;
   top: 0;
   box-sizing: border-box;
-  padding: 0 var(--space-body);
-  padding-bottom: 4rem;
   width: 100%;
   background-color: var(--color-green);
   text-align: center;

assets/css/src/_strip.scss

@@ -9,10 +9,12 @@
   border-radius: var(--radius);
   border: var(--border);
 
-  margin-top: -3rem;
+  margin-top: -1rem;
 
-  font-family: "Bartok", sans-serif;
-  font-size: 2rem;
-  font-weight: 600;
-  text-align: center;
+  * {
+    font-family: "Bartok", sans-serif;
+    font-size: 2rem;
+    font-weight: 600;
+    text-align: center;
+  }
 }

site/snippets/footer.php

@@ -1,3 +1,3 @@
-    </main> 
+    </main>
   </body>
 </html>

site/snippets/header.php

@@ -15,5 +15,9 @@
     <div class="characters" style="--offset: 9.5rem; --scale: 1">
       <?= svg('assets/images/characters/characters.svg') ?>
     </div>
+    
+    <div class="strip">
+      <h1><?= $page->title() ?></h1>
+    </div>
   </header>
   <main>

site/templates/events.php

@@ -1,8 +1,5 @@
 <?php snippet('head') ?>
 <?php snippet('header') ?>
-<div class="strip">
-  <h1><?= $page->title() ?></h1>
-</div>
 
 <ul class="events-grid">
   <?php foreach($page->children() as $event): ?>