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:
@@ -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 1–2px 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; }
|
||||||
|
|||||||
@@ -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,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" }}
|
||||||
|
|||||||
Reference in New Issue
Block a user