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 docs jump links

Browse source
This commit is contained in:
Marco Allegretti 2026-02-05 13:22:38 +01:00
parent b337560aba
commit a946fc6b85
1 changed files with 28 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
frontend/src/pages/docs.astro
View file

@ -9,10 +9,19 @@ import PublicLayout from '../layouts/PublicLayout.astro';
<p class="lead"> <p class="lead">
Technical guides for deploying, configuring, and extending Likwid. Technical guides for deploying, configuring, and extending Likwid.
</p> </p>
<nav class="page-nav" aria-label="On this page">
<a class="ui-pill ui-pill-core" href="#getting-started">Getting started</a>
<a class="ui-pill ui-pill-core" href="#administration">Administration</a>
<a class="ui-pill ui-pill-core" href="#governance">Governance</a>
<a class="ui-pill ui-pill-core" href="#plugins">Plugins</a>
<a class="ui-pill ui-pill-core" href="#api">API</a>
<a class="ui-pill ui-pill-core" href="#security">Security</a>
<a class="ui-pill ui-pill-core" href="#contribute">Contribute</a>
</nav>
</header> </header>
<section class="docs-sections"> <section class="docs-sections">
<div class="doc-category"> <div class="doc-category" id="getting-started">
<div class="category-header"> <div class="category-header">
<div class="category-icon">🚀</div> <div class="category-icon">🚀</div>
<h2>Getting Started</h2> <h2>Getting Started</h2>
@ -37,7 +46,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</div> </div>
</div> </div>
<div class="doc-category"> <div class="doc-category" id="administration">
<div class="category-header"> <div class="category-header">
<div class="category-icon">⚙️</div> <div class="category-icon">⚙️</div>
<h2>Administration</h2> <h2>Administration</h2>
@ -62,7 +71,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</div> </div>
</div> </div>
<div class="doc-category"> <div class="doc-category" id="governance">
<div class="category-header"> <div class="category-header">
<div class="category-icon">🗳️</div> <div class="category-icon">🗳️</div>
<h2>Governance Features</h2> <h2>Governance Features</h2>
@ -87,7 +96,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</div> </div>
</div> </div>
<div class="doc-category"> <div class="doc-category" id="plugins">
<div class="category-header"> <div class="category-header">
<div class="category-icon">🔌</div> <div class="category-icon">🔌</div>
<h2>Plugin Development</h2> <h2>Plugin Development</h2>
@ -112,7 +121,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</div> </div>
</div> </div>
<div class="doc-category"> <div class="doc-category" id="api">
<div class="category-header"> <div class="category-header">
<div class="category-icon">📡</div> <div class="category-icon">📡</div>
<h2>API Reference</h2> <h2>API Reference</h2>
@ -137,7 +146,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</div> </div>
</div> </div>
<div class="doc-category"> <div class="doc-category" id="security">
<div class="category-header"> <div class="category-header">
<div class="category-icon">🔒</div> <div class="category-icon">🔒</div>
<h2>Security</h2> <h2>Security</h2>
@ -174,7 +183,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</div> </div>
</section> </section>
<section class="docs-contribute"> <section class="docs-contribute" id="contribute">
<h2>Contributing to Documentation</h2> <h2>Contributing to Documentation</h2>
<p> <p>
Found an error? Want to add a section? Documentation contributions are welcome. Found an error? Want to add a section? Documentation contributions are welcome.
@ -204,6 +213,18 @@ import PublicLayout from '../layouts/PublicLayout.astro';
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
} }
.page-nav {
margin-top: 2rem;
display: flex;
gap: 0.5rem;
justify-content: center;
flex-wrap: wrap;
}
[id] {
scroll-margin-top: 6rem;
}
.page-header h1 { .page-header h1 {
font-size: 2.5rem; font-size: 2.5rem;
font-weight: 700; font-weight: 700;