From b337560ababd8eb5053a3a59f5a45e93048888d8 Mon Sep 17 00:00:00 2001
From: Marco Allegretti <mightymarco4@gmail.com>
Date: Thu, 5 Feb 2026 13:18:35 +0100
Subject: [PATCH] ux: add manifesto jump links

---
 frontend/src/pages/manifesto.astro | 31 ++++++++++++++++++++++++------
 1 file changed, 25 insertions(+), 6 deletions(-)

diff --git a/frontend/src/pages/manifesto.astro b/frontend/src/pages/manifesto.astro
index d636dda..c9ee37f 100644
--- a/frontend/src/pages/manifesto.astro
+++ b/frontend/src/pages/manifesto.astro
@@ -10,9 +10,16 @@ import PublicLayout from '../layouts/PublicLayout.astro';
       <p class="lead">
         A technical and political vision for governance infrastructure in the digital age.
       </p>
+      <nav class="page-nav" aria-label="On this page">
+        <a class="ui-pill ui-pill-core" href="#problem">The problem</a>
+        <a class="ui-pill ui-pill-core" href="#infrastructure">Infrastructure</a>
+        <a class="ui-pill ui-pill-core" href="#principles">Principles</a>
+        <a class="ui-pill ui-pill-core" href="#stakes">Stakes</a>
+        <a class="ui-pill ui-pill-core" href="#invitation">Invitation</a>
+      </nav>
     </header>
 
-    <section class="manifesto-section">
+    <section class="manifesto-section" id="problem">
       <h2>The Problem with Digital Governance</h2>
       <p>
         We have built extraordinary tools for communication, collaboration, and coordination. 
@@ -38,7 +45,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
       </p>
     </section>
 
-    <section class="manifesto-section">
+    <section class="manifesto-section" id="infrastructure">
       <h2>Governance as Infrastructure</h2>
       <p>
         Likwid treats governance not as a feature to be bolted onto other systems, but as 
@@ -69,7 +76,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
       </ul>
     </section>
 
-    <section class="manifesto-section">
+    <section class="manifesto-section" id="principles">
       <h2>Principles for Governance Infrastructure</h2>
       
       <div class="principle-block ui-card ui-card-pad-xl">
@@ -177,7 +184,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
       </div>
     </section>
 
-    <section class="manifesto-section">
+    <section class="manifesto-section" id="stakes">
       <h2>The Political Stakes</h2>
       <p>
         This is not merely a technical project. The design of governance tools is inherently political. 
@@ -205,7 +212,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
       </ul>
     </section>
 
-    <section class="manifesto-section">
+    <section class="manifesto-section" id="invitation">
       <h2>An Invitation</h2>
       <p>
         Likwid is not finished. It is not perfect. It is an ongoing experiment in building 
@@ -226,7 +233,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
       </p>
     </section>
 
-    <section class="manifesto-cta">
+    <section class="manifesto-cta" id="cta">
       <a href="/demo" class="ui-btn ui-btn-primary ui-btn-lg">Explore the Demo</a>
       <a href="/about" class="ui-btn ui-btn-secondary ui-btn-lg">Learn More About Likwid</a>
     </section>
@@ -247,6 +254,18 @@ import PublicLayout from '../layouts/PublicLayout.astro';
     margin-bottom: 3rem;
   }
 
+  .page-nav {
+    margin-top: 2rem;
+    display: flex;
+    gap: 0.5rem;
+    justify-content: center;
+    flex-wrap: wrap;
+  }
+
+  section[id] {
+    scroll-margin-top: 6rem;
+  }
+
   .page-label {
     display: inline-block;
     font-size: 0.75rem;