asw/site/layouts/_default/baseof.html
Ludo 6d654e884b
feat: oklch color system, hamburger nav, theme toggle, footer, CSS fixes
Color system:
- Replace all --color-N references in dark mode with oklch()
- Fine-grained surface steps (12%→15%→18%→21%→22%)
- Smooth text gradient (92%→78%→62%→48%)
- Heading hierarchy (95%→65%)
- All palette-driven via --palette-hue and --palette-chroma

Navigation:
- Hamburger menu for mobile (data-nav-toggle + JS)
- Theme toggle button (sun/moon, localStorage persistence)
- data-theme="light|dark" override on <html>
- Cleaned nav CSS, removed old dropdown conflicts

Footer:
- Three-column nav grid (Framework, Resources, Project)
- Branding header + tagline
- Proper semantic structure (header + 3 nav + p)

Fixes:
- Sidebar: compact spacing, --sidebar-link-max token
- TOC: compact, scroll spy with IntersectionObserver
- Prev/next: inline arrows, data-role="prev-next" restored
- Section dividers scoped to article/main only
- Grid columns use tokens not hardcoded values

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-11 20:43:56 +02:00

43 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode | default "en" }}">
<head>
{{- partial "head.html" . -}}
</head>
<body>
{{ partial "nav.html" . }}
{{ block "content" . }}{{ end }}
<footer>
<header>
<strong>Agentic Semantic Web</strong>
<p>Semantic HTML for the agentic era.</p>
</header>
<nav aria-label="Framework">
<h3>Framework</h3>
<ul>
<li><a href="/docs/getting-started/introduction/">Getting Started</a></li>
<li><a href="/docs/core/tokens/">Token System</a></li>
<li><a href="/docs/core/data-attributes/">Data Attributes</a></li>
<li><a href="/layouts/">Layouts</a></li>
</ul>
</nav>
<nav aria-label="Resources">
<h3>Resources</h3>
<ul>
<li><a href="/docs/packs/overview/">Packs</a></li>
<li><a href="/docs/reference/vocabulary/">Vocabulary</a></li>
<li><a href="/docs/reference/charts/">Charts</a></li>
<li><a href="/lab/">Lab</a></li>
</ul>
</nav>
<nav aria-label="Project">
<h3>Project</h3>
<ul>
<li><a href="https://git.trentuna.com/trentuna/asw">Source</a></li>
<li><a href="/docs/llms.txt">llms.txt</a></li>
<li><a href="https://trentuna.com">trentuna.com</a></li>
</ul>
</nav>
<p>Built by <a href="https://trentuna.com">Trentuna</a> · Styled by ASW · {{ now.Format "2006" }}</p>
</footer>
</body>
</html>