From 0ced3405191b356f768fb97b4029111aac74a082 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= Date: Sun, 3 May 2026 19:18:12 +0200 Subject: [PATCH] Replace section-title page with proper title page (p.2) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Page structure: imprint (p.1) → title page (p.2) → TOC (p.3) → stories (p.4+). Title page shows title/subtitle/author in Cormorant Garamond. Removes the artificial section-title buffer in favour of a meaningful front matter page. Co-Authored-By: Claude Sonnet 4.6 --- styles/layout.css | 16 +++++----------- styles/typography.css | 29 +++++++++++++++++++++++------ templates/book.html | 23 ++++++++++++----------- 3 files changed, 40 insertions(+), 28 deletions(-) diff --git a/styles/layout.css b/styles/layout.css index d22a555..e669f33 100644 --- a/styles/layout.css +++ b/styles/layout.css @@ -102,27 +102,21 @@ flex-shrink: 0; } -/* ── Section title page ── */ -.page--section { +/* ── Title page ── */ +.page--titlepage { background: var(--cream, #faf8f2); display: flex; align-items: center; justify-content: center; } -.section-title-inner { +.titlepage-inner { display: flex; flex-direction: column; align-items: center; - gap: 0.8rem; + gap: 1rem; text-align: center; -} - -.section-rule { - display: block; - width: 3rem; - height: 1px; - background: rgba(30, 27, 24, 0.25); + padding: 0 0.8in; } /* ── Finale page ── */ diff --git a/styles/typography.css b/styles/typography.css index ac8a7b1..3bdbdda 100644 --- a/styles/typography.css +++ b/styles/typography.css @@ -155,20 +155,37 @@ body { padding-top: 0.5rem; } -/* ── Section title page ── */ -.section-ornament { +/* ── Title page ── */ +.titlepage-ornament { font-family: var(--font-display); - font-size: 1.8rem; + font-size: 1.6rem; color: var(--ink-muted); } -.section-title { +.titlepage-title { font-family: var(--font-display); font-style: italic; font-weight: 300; - font-size: 2.2rem; + font-size: 2.4rem; + line-height: 1.2; color: var(--ink); - letter-spacing: 0.03em; +} + +.titlepage-subtitle { + font-family: var(--font-display); + font-style: italic; + font-size: 1rem; + color: var(--ink-muted); + letter-spacing: 0.08em; +} + +.titlepage-author { + font-family: var(--font-body); + font-size: 0.85rem; + color: var(--ink-muted); + letter-spacing: 0.12em; + text-transform: uppercase; + margin-top: 0.5rem; } /* ── Finale overlay ── */ diff --git a/templates/book.html b/templates/book.html index e025578..22229d2 100644 --- a/templates/book.html +++ b/templates/book.html @@ -9,7 +9,7 @@ - {# ── Copyright / imprint page ── #} + {# ── Page 1 (right): Copyright / imprint ── #}

{{ frontMatter.title or 'Das Kaleidoskop der Schlummerwelten' }}

@@ -18,7 +18,17 @@
- {# ── Table of contents ── #} + {# ── Page 2 (left): Title page ── #} +
+
+ ❧ +

{{ frontMatter.title or 'Das Kaleidoskop der Schlummerwelten' }}

+

{{ frontMatter.subtitle or '' }}

+

{{ frontMatter.author or '' }}

+
+
+ + {# ── Page 3 (right): Table of contents ── #}

Die zwölf Schlummerwelten

    @@ -28,15 +38,6 @@
- {# ── Section title — keeps stories starting on an even (left) page ── #} -
-
- ❧ -

Die Geschichten

- -
-
- {# ── Stories ── #} {% for story in stories %} {% include "story-spread.html" %}