ui: Übersichts-Titel als Artikel-Heading mit Unterstrich; Header-Abstände grösser

- Archiv/Library-Titel: .collection-title (Serif, links, 3px-Linie darunter wie
  die Kategorien) statt zentriertem section-header.
- Masthead: padding 0.48rem/2.4px → 0.9rem/0.5rem, Logo↔Menü 0.12→0.45em.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-05 00:38:56 +02:00
parent fc422c78d0
commit 234ed52fa8
3 changed files with 20 additions and 6 deletions
+18 -4
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 Luft über dem Logo, unten knapp unter dem Menü (+20%) */ /* mehr Luft: über dem Logo, und unter dem Menü */
padding: 0.48rem 0 2.4px; padding: 0.9rem 0 0.5rem;
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 */
@@ -211,8 +211,8 @@ a:hover {
.site-header .site-nav { .site-header .site-nav {
justify-self: center; justify-self: center;
/* Luft zwischen Logo und Menü (+20%). */ /* mehr Luft zwischen Logo und Menü. */
margin-top: 0.12em; margin-top: 0.45em;
} }
.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; }
@@ -1116,6 +1116,20 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
max-width: 60ch; max-width: 60ch;
} }
/* Übersichts-Titel (Archiv/Library): wie ein Artikel-Heading, aber mit Linie
darunter — im selben Stil wie die Kategorie-Überschriften. */
.collection-title {
font-family: var(--font-family-serif);
font-size: clamp(1.7rem, 3vw, 2.2rem);
font-weight: 700;
letter-spacing: -0.015em;
line-height: 1.12;
color: var(--color-text-primary);
border-bottom: 3px solid var(--accent);
padding-bottom: var(--spacing-xs);
margin: 0 0 var(--spacing-md);
}
.time-list ul { .time-list ul {
list-style: none; list-style: none;
margin-left: 0; margin-left: 0;
+1 -1
View File
@@ -1,7 +1,7 @@
{{ define "main" }} {{ define "main" }}
{{ if eq .Path "/archiv" }} {{ if eq .Path "/archiv" }}
{{/* Archiv root: Titel + Intro + Atlas (je Kategorie die letzten 10) */}} {{/* Archiv root: Titel + Intro + Atlas (je Kategorie die letzten 10) */}}
<header class="section-header"><h1 class="section-title">{{ .Title }}</h1></header> <h1 class="collection-title">{{ .Title }}</h1>
{{ .Content }} {{ .Content }}
<section class="atlas"> <section class="atlas">
{{ range .Sections.ByWeight }} {{ range .Sections.ByWeight }}
+1 -1
View File
@@ -1,5 +1,5 @@
{{ define "main" }} {{ define "main" }}
<header class="section-header"><h1 class="section-title">{{ .Title }}</h1></header> <h1 class="collection-title">{{ .Title }}</h1>
{{ .Content }} {{ .Content }}
{{ $pages := where site.RegularPages "Section" "library" }} {{ $pages := where site.RegularPages "Section" "library" }}