From c7b23b9f3927af0cc4e2571dcabbdbdf25dd31bf Mon Sep 17 00:00:00 2001 From: fs Date: Fri, 31 Jul 2026 18:32:32 +0200 Subject: [PATCH] =?UTF-8?q?Archiv-Zeile:=20Titel=20gr=C3=B6=C3=9Fer=20und?= =?UTF-8?q?=20selbsterkl=C3=A4rend?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Titel lautet jetzt "Stadionzeitung zum Heimspiel gegen " statt nur "Gegen ". Damit ist die Zeile für sich verständlich, auch als Link-Text für Screenreader. Das "zum" ist eingefügt, damit der Satz grammatisch trägt. Größe von --fs-650 auf --fs-690, den Token für Karten-Überschriften (28px auf 32 bis 44px). Die alte Begründung für die kleinere Stufe war, dass lange Gegner-Bezeichnungen in die 280px-Karte passen mussten — die Karte ist jetzt eine Zeile über die volle Breite, der Grund ist weg. Nach unten bleibt --fs-650 die harte Grenze für Coolvetica in Versalien. Geprüft bei 1280px (Titel auf einer Zeile, füllt die Zeile) und bei echten 390px (bricht auf zwei Zeilen, liest sich sauber). Co-Authored-By: Claude Opus 5 (1M context) Claude-Session: https://claude.ai/code/session_01NzeVVgMCrzCDJAKeLEdKr7 --- CLAUDE.md | 8 +++++--- app/components/stadionzeitung-cards.php | 2 +- public/assets/css/components.css | 12 +++++++----- 3 files changed, 13 insertions(+), 9 deletions(-) diff --git a/CLAUDE.md b/CLAUDE.md index af679b4..56417c4 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -438,9 +438,11 @@ Digitale Fassung der Stadionzeitung zu jedem Heimspiel — Archiv-Übersicht (`/ **Liste über die volle Breite, Cover links und die Angaben rechts daneben** (dasselbe Muster wie `.veranstaltung-card`, und aus demselben Grund: der Bestand ist klein). Vorher war das ein horizontales Regal mit 280px-Karten; bei **einer** veröffentlichten Ausgabe stand die Karte allein -links auf einer 1280px breiten Seite (geändert 31.07.2026). Die Zeile trägt als Teaser die -**Coverzeile des Interviews** (`interview.teaser`, dieselbe Quelle wie „Im Heft" auf dem Cover) — -ohne Interview entfällt sie. Pro Ausgabe ein Swipe-Viewer (`/stadionzeitung/`, dynamische Route, +links auf einer 1280px breiten Seite (geändert 31.07.2026). Der Titel der Zeile lautet +**„Stadionzeitung zum Heimspiel gegen "** (nicht nur „Gegen "): so ist die Zeile für +sich verständlich, auch als Link-Text für Screenreader. Als Teaser darunter steht die **Coverzeile des +Interviews** (`interview.teaser`, dieselbe Quelle wie „Im Heft" auf dem Cover) — ohne Interview +entfällt sie. Pro Ausgabe ein Swipe-Viewer (`/stadionzeitung/`, dynamische Route, siehe „Architektur-Muster"). **Bewusst kein PDF auf der Website** — die Ausgabe entsteht ohnehin in Canva, jede Seite wird dort direkt als Bild (PNG/JPG) statt als PDF exportiert. Ein PDF-Export der Muster-Datei war ~80 MB (hochauflösende Druck-Scans) und hätte serverseitig Ghostscript/Imagick diff --git a/app/components/stadionzeitung-cards.php b/app/components/stadionzeitung-cards.php index cf5a74d..4f616fa 100644 --- a/app/components/stadionzeitung-cards.php +++ b/app/components/stadionzeitung-cards.php @@ -31,7 +31,7 @@ $issues = $issues ?? [];
-

Gegen

+

Stadionzeitung zum Heimspiel gegen

· Seiten diff --git a/public/assets/css/components.css b/public/assets/css/components.css index c5cbd86..fbca90b 100644 --- a/public/assets/css/components.css +++ b/public/assets/css/components.css @@ -3428,11 +3428,13 @@ } .stadionzeitung-card__name { - /* fs-690 (wie .team-card__name) ist für kurze Teamnamen gedacht — Gegner- - Bezeichnungen können lang/zusammengesetzt sein ("Gegen X & SG Y/Z"), - darum eine Stufe kleiner. --fs-650 ist die harte Untergrenze für - Coolvetica in Versalien (CLAUDE.md). */ - font-size: var(--fs-650); + /* --fs-690 ist der Token für Karten-Überschriften (wie .team-card__name). + Hier stand vorher --fs-650 mit der Begründung, Gegner-Bezeichnungen könnten + lang sein und in die 280px-Karte passen — die Karte ist jetzt eine Zeile über + die volle Breite, der Grund ist weg (31.07.2026). Nach unten bleibt --fs-650 + die harte Grenze für Coolvetica in Versalien (CLAUDE.md), nach oben ist hier + Platz. */ + font-size: var(--fs-690); line-height: var(--lh-heading); }