ui: Archiv/Library mit Titel oben, Archiv-Atlas zeigt 10 + 'alle →'; Logo +10%, Masthead-Abstände +20%

- Archiv-Root + Library-Übersicht bekommen einen section-title ganz oben.
- Archiv-Atlas: letzte 10 statt 6 pro Kategorie, 'alle in … →' am Block-Ende.
- Subsektionen rendern ihren Intro (.Content) nach dem Header.
- Wordmark clamp 140-200 → 154-220 (+10%); Header-Padding 0.4rem/2px → 0.48rem/2.4px,
  Logo↔Menü 0.1→0.12em (+20%).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-05 00:29:42 +02:00
parent 6e4bb06f5f
commit fc422c78d0
3 changed files with 15 additions and 13 deletions
+5 -5
View File
@@ -160,8 +160,8 @@ a:hover {
.site-header { .site-header {
background: var(--color-dark-panel); background: var(--color-dark-panel);
color: var(--color-dark-panel-text); color: var(--color-dark-panel-text);
/* oben etwas Luft über dem Logo, unten nur 12px unter dem Menü */ /* oben Luft über dem Logo, unten knapp unter dem Menü (+20%) */
padding: 0.4rem 0 2px; padding: 0.48rem 0 2.4px;
border-bottom: none; border-bottom: none;
margin-bottom: 0; margin-bottom: 0;
/* inner 3-col grid matches body so wordmark/nav align with content column */ /* inner 3-col grid matches body so wordmark/nav align with content column */
@@ -192,7 +192,7 @@ a:hover {
padding: 0; padding: 0;
display: block; display: block;
justify-self: center; justify-self: center;
width: clamp(140px, 18vw, 200px); width: clamp(154px, 19.8vw, 220px);
aspect-ratio: 1412 / 231; aspect-ratio: 1412 / 231;
height: auto; height: auto;
background-image: url("/logo/logo.svg"); background-image: url("/logo/logo.svg");
@@ -211,8 +211,8 @@ a:hover {
.site-header .site-nav { .site-header .site-nav {
justify-self: center; justify-self: center;
/* etwas Luft zwischen Logo und Menü. */ /* Luft zwischen Logo und Menü (+20%). */
margin-top: 0.1em; margin-top: 0.12em;
} }
.wordmark-link:focus-visible { outline: 2px dotted var(--color-text-muted); outline-offset: 4px; } .wordmark-link:focus-visible { outline: 2px dotted var(--color-text-muted); outline-offset: 4px; }
+8 -7
View File
@@ -1,9 +1,8 @@
{{ define "main" }} {{ define "main" }}
{{ .Content }}
{{ if .IsSection }}
{{ if eq .Path "/archiv" }} {{ if eq .Path "/archiv" }}
{{/* Archiv root: Atlas — gruppiert nach Untersection */}} {{/* Archiv root: Titel + Intro + Atlas (je Kategorie die letzten 10) */}}
<header class="section-header"><h1 class="section-title">{{ .Title }}</h1></header>
{{ .Content }}
<section class="atlas"> <section class="atlas">
{{ range .Sections.ByWeight }} {{ range .Sections.ByWeight }}
{{ $section := path.Base .RelPermalink }} {{ $section := path.Base .RelPermalink }}
@@ -11,14 +10,14 @@
<h2><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2> <h2><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
{{ with .Params.description }}<p class="text-muted">{{ . }}</p>{{ end }} {{ with .Params.description }}<p class="text-muted">{{ . }}</p>{{ end }}
<ul class="atlas-list"> <ul class="atlas-list">
{{ range first 6 .RegularPages.ByDate.Reverse }} {{ range first 10 .RegularPages.ByDate.Reverse }}
<li> <li>
<a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a> <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
<span class="list-meta text-muted"> · {{ partial "date.html" .Date }}</span> <span class="list-meta text-muted"> · {{ partial "date.html" .Date }}</span>
</li> </li>
{{ end }} {{ end }}
</ul> </ul>
{{ if gt (len .RegularPages) 6 }} {{ if gt (len .RegularPages) 10 }}
<p class="more"><a href="{{ .RelPermalink }}">alle in {{ .Title }} →</a></p> <p class="more"><a href="{{ .RelPermalink }}">alle in {{ .Title }} →</a></p>
{{ end }} {{ end }}
</article> </article>
@@ -45,6 +44,8 @@
{{ with .Params.description }}<p class="section-description">{{ . }}</p>{{ end }} {{ with .Params.description }}<p class="section-description">{{ . }}</p>{{ end }}
</header> </header>
{{ .Content }}
{{ $tools := where .RegularPages "Params.external" "!=" nil }} {{ $tools := where .RegularPages "Params.external" "!=" nil }}
{{ $texts := where .RegularPages "Params.external" nil }} {{ $texts := where .RegularPages "Params.external" nil }}
@@ -91,6 +92,7 @@
<h1 class="section-title">{{ .Title }}</h1> <h1 class="section-title">{{ .Title }}</h1>
{{ with .Params.description }}<p class="section-description">{{ . }}</p>{{ end }} {{ with .Params.description }}<p class="section-description">{{ . }}</p>{{ end }}
</header> </header>
{{ .Content }}
<div class="time-list" data-section="{{ $section }}"> <div class="time-list" data-section="{{ $section }}">
<ul> <ul>
{{ range .RegularPages.ByDate.Reverse }} {{ range .RegularPages.ByDate.Reverse }}
@@ -109,5 +111,4 @@
</ul> </ul>
</div> </div>
{{ end }} {{ end }}
{{ end }}
{{ end }} {{ end }}
+1
View File
@@ -1,4 +1,5 @@
{{ define "main" }} {{ define "main" }}
<header class="section-header"><h1 class="section-title">{{ .Title }}</h1></header>
{{ .Content }} {{ .Content }}
{{ $pages := where site.RegularPages "Section" "library" }} {{ $pages := where site.RegularPages "Section" "library" }}