From 6d654e884bd21c7110e951f20d066469d274860f Mon Sep 17 00:00:00 2001 From: Ludo Date: Sat, 11 Apr 2026 20:43:56 +0200 Subject: [PATCH] feat: oklch color system, hamburger nav, theme toggle, footer, CSS fixes MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 - 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) --- site/hugo_stats.json | 4 +- site/layouts/_default/baseof.html | 32 +++- site/layouts/_default/single.html | 2 +- site/layouts/docs/single.html | 31 +++- site/layouts/essay/single.html | 2 +- site/layouts/partials/head.html | 16 ++ site/layouts/partials/nav.html | 23 ++- src/layers/01-tokens.css | 143 +++++++++++---- src/layers/03-landmarks.css | 281 ++++++++++++++++-------------- src/layers/06-navigation.css | 24 ++- src/layers/10-chroma.css | 4 +- src/layers/11-layout.css | 23 ++- 12 files changed, 390 insertions(+), 195 deletions(-) diff --git a/site/hugo_stats.json b/site/hugo_stats.json index 3e50e97..e412fb8 100644 --- a/site/hugo_stats.json +++ b/site/hugo_stats.json @@ -27,7 +27,6 @@ "h6", "head", "header", - "hgroup", "hr", "html", "input", @@ -45,7 +44,6 @@ "script", "section", "select", - "small", "span", "strong", "summary", @@ -62,6 +60,7 @@ "ul" ], "classes": [ + "chroma", "footnote-backref", "footnote-ref", "footnotes", @@ -213,6 +212,7 @@ "timeline", "token-colour-mapping", "token-mapping-prism", + "try-the-shortcodes", "two-columns", "typography", "typography-scale", diff --git a/site/layouts/_default/baseof.html b/site/layouts/_default/baseof.html index 247f65d..707c716 100644 --- a/site/layouts/_default/baseof.html +++ b/site/layouts/_default/baseof.html @@ -7,7 +7,37 @@ {{ partial "nav.html" . }} {{ block "content" . }}{{ end }} diff --git a/site/layouts/_default/single.html b/site/layouts/_default/single.html index 98355f9..0e15fd7 100644 --- a/site/layouts/_default/single.html +++ b/site/layouts/_default/single.html @@ -26,7 +26,7 @@ {{ .Content }} {{- if or .PrevInSection .NextInSection }} -