Ludo
b42e4942fa
- sidebar and TOC typography/colors moved from 08-layout.css to 03-components.css - nav[data-nav="sidebar"] and aside[data-toc] layout-only rules remain in 08-layout.css - <small> section labels replaced with <h3> in sidebar and TOC (semantic + accessible) - dead selectors removed: nav[data-nav="sidebar"] nav a → nav[data-nav="sidebar"] a, nav[data-nav="toc"] (Hugo never outputs data-nav="toc") - webkit scrollbar pseudo-elements removed (scrollbar-width/color sufficient) - sidebar/TOC sticky top values split: sidebar top space-4, TOC top space-8 + padding-top - max-height magic number (--size-px-10) replaced with token expression - layer convention established: 03=component identity, 04=modifiers, 08=placement only Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
95 lines
2.5 KiB
HTML
95 lines
2.5 KiB
HTML
{{ define "header" }}
|
|
<header>
|
|
{{- if .Description -}}
|
|
<hgroup>
|
|
<h1>{{ .Title }}</h1>
|
|
<p>{{ .Description }}</p>
|
|
</hgroup>
|
|
{{- else -}}
|
|
<h1>{{ .Title }}</h1>
|
|
{{- end }}
|
|
</header>
|
|
{{ end }}
|
|
|
|
{{ define "content" }}
|
|
<section data-layout="docs">
|
|
|
|
<nav aria-label="Vault" data-nav="sidebar">
|
|
{{- $menuName := .Site.Params.vault_menu | default "vault" -}}
|
|
{{- $menu := index .Site.Menus $menuName -}}
|
|
{{- if $menu -}}
|
|
{{- range $menu -}}
|
|
{{- if .HasChildren -}}
|
|
<h3>{{ .Name }}</h3>
|
|
<ul>
|
|
{{- range .Children -}}
|
|
<li>
|
|
<a href="{{ .URL }}"
|
|
{{- if $.IsMenuCurrent $menuName . }} aria-current="page"{{ end -}}>
|
|
{{- .Name -}}
|
|
</a>
|
|
</li>
|
|
{{- end -}}
|
|
</ul>
|
|
{{- else -}}
|
|
<ul>
|
|
<li>
|
|
<a href="{{ .URL }}"
|
|
{{- if $.IsMenuCurrent $menuName . }} aria-current="page"{{ end -}}>
|
|
{{- .Name -}}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
{{- end -}}
|
|
{{- end -}}
|
|
{{- else -}}
|
|
{{- with .CurrentSection -}}
|
|
<h3>{{ .Title }}</h3>
|
|
<ul>
|
|
{{- range .RegularPages -}}
|
|
<li>
|
|
<a href="{{ .RelPermalink }}"
|
|
{{- if eq .RelPermalink $.RelPermalink }} aria-current="page"{{ end -}}>
|
|
{{- .LinkTitle -}}
|
|
</a>
|
|
</li>
|
|
{{- end -}}
|
|
</ul>
|
|
{{- end -}}
|
|
{{- end -}}
|
|
</nav>
|
|
|
|
<article role="main">
|
|
{{ .Content }}
|
|
|
|
{{- $prevURL := index .Params "prev-url" -}}
|
|
{{- $prevTitle := index .Params "prev-title" -}}
|
|
{{- $nextURL := index .Params "next-url" -}}
|
|
{{- $nextTitle := index .Params "next-title" -}}
|
|
{{- if or $prevURL $nextURL -}}
|
|
<footer data-role="prev-next">
|
|
{{- if $prevURL -}}
|
|
<a href="{{ $prevURL }}" rel="prev">
|
|
<small>← Previous</small>
|
|
<span>{{ $prevTitle }}</span>
|
|
</a>
|
|
{{- end -}}
|
|
{{- if and $nextURL $nextTitle -}}
|
|
<a href="{{ $nextURL }}" rel="next">
|
|
<small>Next →</small>
|
|
<span>{{ $nextTitle }}</span>
|
|
</a>
|
|
{{- end -}}
|
|
</footer>
|
|
{{- end -}}
|
|
</article>
|
|
|
|
{{- with .TableOfContents -}}
|
|
<aside data-toc>
|
|
<h3>On this page</h3>
|
|
{{ . }}
|
|
</aside>
|
|
{{- end -}}
|
|
|
|
</section>
|
|
{{ end }}
|