marcoallegretti/likwid
1
0
Fork 0
mirror of https://codeberg.org/likwid/likwid.git synced 2026-02-09 21:13:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

ux: add manifesto jump links

Browse source
This commit is contained in:
Marco Allegretti 2026-02-05 13:18:35 +01:00
parent dd7dba883d
commit b337560aba
1 changed files with 25 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
frontend/src/pages/manifesto.astro
View file

@ -10,9 +10,16 @@ import PublicLayout from '../layouts/PublicLayout.astro';
<p class="lead"> <p class="lead">
A technical and political vision for governance infrastructure in the digital age. A technical and political vision for governance infrastructure in the digital age.
</p> </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> </header>
<section class="manifesto-section"> <section class="manifesto-section" id="problem">
<h2>The Problem with Digital Governance</h2> <h2>The Problem with Digital Governance</h2>
<p> <p>
We have built extraordinary tools for communication, collaboration, and coordination. We have built extraordinary tools for communication, collaboration, and coordination.
@ -38,7 +45,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</p> </p>
</section> </section>
<section class="manifesto-section"> <section class="manifesto-section" id="infrastructure">
<h2>Governance as Infrastructure</h2> <h2>Governance as Infrastructure</h2>
<p> <p>
Likwid treats governance not as a feature to be bolted onto other systems, but as 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> </ul>
</section> </section>
<section class="manifesto-section"> <section class="manifesto-section" id="principles">
<h2>Principles for Governance Infrastructure</h2> <h2>Principles for Governance Infrastructure</h2>
<div class="principle-block ui-card ui-card-pad-xl"> <div class="principle-block ui-card ui-card-pad-xl">
@ -177,7 +184,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</div> </div>
</section> </section>
<section class="manifesto-section"> <section class="manifesto-section" id="stakes">
<h2>The Political Stakes</h2> <h2>The Political Stakes</h2>
<p> <p>
This is not merely a technical project. The design of governance tools is inherently political. 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> </ul>
</section> </section>
<section class="manifesto-section"> <section class="manifesto-section" id="invitation">
<h2>An Invitation</h2> <h2>An Invitation</h2>
<p> <p>
Likwid is not finished. It is not perfect. It is an ongoing experiment in building 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> </p>
</section> </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="/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> <a href="/about" class="ui-btn ui-btn-secondary ui-btn-lg">Learn More About Likwid</a>
</section> </section>
@ -247,6 +254,18 @@ import PublicLayout from '../layouts/PublicLayout.astro';
margin-bottom: 3rem; 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 { .page-label {
display: inline-block; display: inline-block;
font-size: 0.75rem; font-size: 0.75rem;