From 3900966800a7f68e6a3da054862a22c0c26b8e55 Mon Sep 17 00:00:00 2001
From: antonin gallon <antoningallon@gmail.com>
Date: Tue, 27 Jan 2026 17:33:06 +0100
Subject: [PATCH] =?UTF-8?q?builder=20avec=20section=20>=20suppression=20du?=
 =?UTF-8?q?=20bandeau=20qui=20contient=20le=20titre=20de=20la=20page=20-?=
 =?UTF-8?q?=20donc=20le=20titre=20du=20site=20passe=20en=20h1=20sur=20les?=
 =?UTF-8?q?=20pages=20sectionn=C3=A9es=20aussi,=20anchors-strip=20sticky?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/src/page-sectioned.css |  5 +++++
 assets/js/anchors-strip_stiky.js  | 15 +++++++++++++++
 site/snippets/header.php          |  4 ++++
 site/snippets/nav.php             |  2 +-
 site/templates/sectioned.php      |  4 ----
 5 files changed, 25 insertions(+), 5 deletions(-)
 create mode 100644 assets/js/anchors-strip_stiky.js

diff --git a/assets/css/src/page-sectioned.css b/assets/css/src/page-sectioned.css
index e5f9cc7..cdcd0b0 100644
--- a/assets/css/src/page-sectioned.css
+++ b/assets/css/src/page-sectioned.css
@@ -1,5 +1,10 @@
 .anchors-strip {
   padding: calc(var(--padding-vertical) / 1.6) var(--space-m) !important;
+  position: sticky;
+  top: var(--header-height, 0px);
+  z-index: 9;
+  background-color: #fff !important;
+  box-shadow: 0px -10px #fff; /*pour éviter un petit bug du à la latence de anchors-strip_stiky.js*/
 }
 
 .anchors-strip ul {
diff --git a/assets/js/anchors-strip_stiky.js b/assets/js/anchors-strip_stiky.js
new file mode 100644
index 0000000..0be916d
--- /dev/null
+++ b/assets/js/anchors-strip_stiky.js
@@ -0,0 +1,15 @@
+const header = document.querySelector('.main-header');
+
+console.log("test");
+
+const setHeaderHeight = () => {
+  document.documentElement.style.setProperty(
+    '--header-height',
+    `${header.offsetHeight}px`
+  );
+};
+
+setHeaderHeight();
+
+const resizeObserver = new ResizeObserver(setHeaderHeight);
+resizeObserver.observe(header);
diff --git a/site/snippets/header.php b/site/snippets/header.php
index 7e36996..4f45db5 100644
--- a/site/snippets/header.php
+++ b/site/snippets/header.php
@@ -35,6 +35,10 @@
 
     <!-- script.js -->
     <script defer src="<?= url('assets/dist/script.min.js') ?>" type="module"></script>
+
+    <?php if ($page->template() == 'sectioned'): ?>
+        <script defer src="<?= url('/assets/js/anchors-strip_stiky.js') ?>"></script>
+    <?php endif ?>
     
     <style>
       :root {
diff --git a/site/snippets/nav.php b/site/snippets/nav.php
index 94115ed..7cf681e 100644
--- a/site/snippets/nav.php
+++ b/site/snippets/nav.php
@@ -1,7 +1,7 @@
 <header class="main-header">
   <nav class="main-nav" aria-label="main-menu">
     <a href="/" title="Aller à l'accueil">
-      <?php if ($page->isHomePage()): ?>
+      <?php if ($page->isHomePage() || $page->template() == "sectioned"): ?>
         <h1 class="logo">
           <span>
             Nouveau
diff --git a/site/templates/sectioned.php b/site/templates/sectioned.php
index 7e5fb2b..7cd4c62 100644
--- a/site/templates/sectioned.php
+++ b/site/templates/sectioned.php
@@ -12,10 +12,6 @@
   </ul>
 </section>
 
-<section>
-  <h1><?= $page->title() ?></h1>
-</section>
-
 <?php foreach($page->children() as $sectionPage): ?>
   <section id="<?= $sectionPage->slug() ?>" <?= e($sectionPage->backgroundColor()->isNotEmpty() == 'true', ' style="--color: ' . $sectionPage->backgroundColor() . ';"') ?>>
     <?php if ($sectionPage->isTitled() != 'false'): ?>