From a2fd20c1cc6de552aa3d578ce8fd0e8f3f2c3084 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Wed, 4 Sep 2024 15:23:45 +0200
Subject: [PATCH] add anchors strip

---
 assets/css/src/page-sectioned.css | 19 ++++++++++++++++++-
 site/blueprints/pages/program.yml |  2 +-
 site/templates/sectioned.php      | 12 ++++++++++++
 3 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/assets/css/src/page-sectioned.css b/assets/css/src/page-sectioned.css
index 26438e8..7028ffe 100644
--- a/assets/css/src/page-sectioned.css
+++ b/assets/css/src/page-sectioned.css
@@ -1,5 +1,22 @@
+.anchors-strip {
+  padding: calc(var(--padding-vertical) / 1.6) var(--space-m) !important;
+}
+
+.anchors-strip ul {
+  display: flex;
+}
+
+.anchors-strip a:hover {
+  text-decoration: underline;
+  text-underline-offset: 0.3rem;
+}
+
+.anchors-strip li {
+  margin-right: 5vw;
+}
+
 [data-template="sectioned"] section {
-  scroll-margin-top: 6rem;
+  scroll-margin-top: 8rem;
   background-color: var(--color);
 }
 
diff --git a/site/blueprints/pages/program.yml b/site/blueprints/pages/program.yml
index bb37156..fe87147 100644
--- a/site/blueprints/pages/program.yml
+++ b/site/blueprints/pages/program.yml
@@ -18,4 +18,4 @@ tabs:
         label: Saisons
         type: pages
         template: season
-        info: "{{ page.children.count }} événements"
\ No newline at end of file
+        info: "{{ page.children.count }} événements"
diff --git a/site/templates/sectioned.php b/site/templates/sectioned.php
index 1708d6c..6a49b44 100644
--- a/site/templates/sectioned.php
+++ b/site/templates/sectioned.php
@@ -1,5 +1,17 @@
 <?php snippet('header') ?>
 
+<section class="anchors-strip">
+  <ul>
+    <?php foreach($page->children() as $section): ?>
+      <?php if ($section->isIndexed() != 'false'): ?>
+        <li>
+          <a href="#<?= $section->slug() ?>" title="Défiler jusqu'à la section <?= $section->title() ?>"><?= $section->title() ?></a>
+        </li>
+      <?php endif ?>
+    <?php endforeach ?>
+  </ul>
+</section>
+
 <section>
   <h1><?= $page->title() ?></h1>
 </section>