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>
39 lines
1.2 KiB
HTML
39 lines
1.2 KiB
HTML
{{ define "content" }}
|
|
<article>
|
|
<header>
|
|
<h1>{{ .Title }}</h1>
|
|
{{- with .Description }}
|
|
<p>{{ . }}</p>
|
|
{{- end }}
|
|
{{- if or (not .Date.IsZero) .Params.author }}
|
|
<p data-text="dim">
|
|
{{- if not .Date.IsZero -}}
|
|
<time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "January 2, 2006" }}</time>
|
|
{{- end -}}
|
|
{{- if and (not .Date.IsZero) .Params.author }} · {{ end -}}
|
|
{{- with .Params.author }}{{ . }}{{ end -}}
|
|
</p>
|
|
{{- end }}
|
|
{{- with .GetTerms "tags" }}
|
|
<nav aria-label="Tags">
|
|
{{- range . }}
|
|
<a href="{{ .Permalink }}">#{{ .Name }}</a>
|
|
{{- end }}
|
|
</nav>
|
|
{{- end }}
|
|
</header>
|
|
|
|
{{ .Content }}
|
|
|
|
{{- if or .PrevInSection .NextInSection }}
|
|
<footer data-role="prev-next">
|
|
{{- with .PrevInSection }}
|
|
<a href="{{ .RelPermalink }}" rel="prev"><span aria-hidden="true">←</span> {{ .LinkTitle }}</a>
|
|
{{- end }}
|
|
{{- with .NextInSection }}
|
|
<a href="{{ .RelPermalink }}" rel="next">{{ .LinkTitle }} <span aria-hidden="true">→</span></a>
|
|
{{- end }}
|
|
</footer>
|
|
{{- end }}
|
|
</article>
|
|
{{ end }}
|