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:
+18
-4
@@ -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,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,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" }}
|
||||||
|
|||||||
Reference in New Issue
Block a user