From fc422c78d0739b1d39fc46661ae20d7bb706a0ee Mon Sep 17 00:00:00 2001
From: karim <karim@gabrielevarano.ch>
Date: Fri, 5 Jun 2026 00:29:42 +0200
Subject: [PATCH] =?UTF-8?q?ui:=20Archiv/Library=20mit=20Titel=20oben,=20Ar?=
 =?UTF-8?q?chiv-Atlas=20zeigt=2010=20+=20'alle=20=E2=86=92';=20Logo=20+10%?=
 =?UTF-8?q?,=20Masthead-Abst=C3=A4nde=20+20%?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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>
---
 assets/css/custom.css     | 10 +++++-----
 layouts/archiv/list.html  | 17 +++++++++--------
 layouts/library/list.html |  1 +
 3 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index 2ba4a9e..f2ac57d 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -160,8 +160,8 @@ a:hover {
 .site-header {
   background: var(--color-dark-panel);
   color: var(--color-dark-panel-text);
-  /* oben etwas Luft über dem Logo, unten nur 1–2px unter dem Menü */
-  padding: 0.4rem 0 2px;
+  /* oben Luft über dem Logo, unten knapp unter dem Menü (+20%) */
+  padding: 0.48rem 0 2.4px;
   border-bottom: none;
   margin-bottom: 0;
   /* inner 3-col grid matches body so wordmark/nav align with content column */
@@ -192,7 +192,7 @@ a:hover {
   padding: 0;
   display: block;
   justify-self: center;
-  width: clamp(140px, 18vw, 200px);
+  width: clamp(154px, 19.8vw, 220px);
   aspect-ratio: 1412 / 231;
   height: auto;
   background-image: url("/logo/logo.svg");
@@ -211,8 +211,8 @@ a:hover {
 
 .site-header .site-nav {
   justify-self: center;
-  /* etwas Luft zwischen Logo und Menü. */
-  margin-top: 0.1em;
+  /* Luft zwischen Logo und Menü (+20%). */
+  margin-top: 0.12em;
 }
 
 .wordmark-link:focus-visible { outline: 2px dotted var(--color-text-muted); outline-offset: 4px; }
diff --git a/layouts/archiv/list.html b/layouts/archiv/list.html
index 0bc67df..2bb93e7 100644
--- a/layouts/archiv/list.html
+++ b/layouts/archiv/list.html
@@ -1,9 +1,8 @@
 {{ define "main" }}
-  {{ .Content }}
-
-  {{ if .IsSection }}
-    {{ if eq .Path "/archiv" }}
-      {{/* Archiv root: Atlas — gruppiert nach Untersection */}}
+  {{ if eq .Path "/archiv" }}
+      {{/* 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">
         {{ range .Sections.ByWeight }}
           {{ $section := path.Base .RelPermalink }}
@@ -11,14 +10,14 @@
             <h2><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
             {{ with .Params.description }}<p class="text-muted">{{ . }}</p>{{ end }}
             <ul class="atlas-list">
-              {{ range first 6 .RegularPages.ByDate.Reverse }}
+              {{ range first 10 .RegularPages.ByDate.Reverse }}
                 <li>
                   <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
                   <span class="list-meta text-muted"> · {{ partial "date.html" .Date }}</span>
                 </li>
               {{ end }}
             </ul>
-            {{ if gt (len .RegularPages) 6 }}
+            {{ if gt (len .RegularPages) 10 }}
               <p class="more"><a href="{{ .RelPermalink }}">alle in {{ .Title }} →</a></p>
             {{ end }}
           </article>
@@ -45,6 +44,8 @@
         {{ with .Params.description }}<p class="section-description">{{ . }}</p>{{ end }}
       </header>
 
+      {{ .Content }}
+
       {{ $tools := where .RegularPages "Params.external" "!=" nil }}
       {{ $texts := where .RegularPages "Params.external" nil }}
 
@@ -91,6 +92,7 @@
         <h1 class="section-title">{{ .Title }}</h1>
         {{ with .Params.description }}<p class="section-description">{{ . }}</p>{{ end }}
       </header>
+      {{ .Content }}
       <div class="time-list" data-section="{{ $section }}">
         <ul>
           {{ range .RegularPages.ByDate.Reverse }}
@@ -109,5 +111,4 @@
         </ul>
       </div>
     {{ end }}
-  {{ end }}
 {{ end }}
diff --git a/layouts/library/list.html b/layouts/library/list.html
index 8c86768..ee9c26d 100644
--- a/layouts/library/list.html
+++ b/layouts/library/list.html
@@ -1,4 +1,5 @@
 {{ define "main" }}
+  <header class="section-header"><h1 class="section-title">{{ .Title }}</h1></header>
   {{ .Content }}
 
   {{ $pages := where site.RegularPages "Section" "library" }}