Remove interior title page — cover replaces it

The title page is redundant since the KDP cover (cover.pdf) already
establishes title and author. Interior now opens directly on the
copyright page, followed by the TOC and stories (99 pages total).
Removed unused .page--title CSS from layout and typography.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-03 18:56:59 +02:00
parent 5b95645185
commit 90b35f9d0c
4 changed files with 2 additions and 80 deletions
+2 -2
View File
@@ -69,8 +69,8 @@ async function build() {
const outPath = join(root, 'output', 'book.html'); const outPath = join(root, 'output', 'book.html');
await writeFile(outPath, html, 'utf-8'); await writeFile(outPath, html, 'utf-8');
// title page + copyright + TOC + (4 scenes × 2 pages per story) + finale // copyright + TOC + (4 scenes × 2 pages per story) + finale
const pageCount = 3 + stories.reduce((acc, s) => acc + s.scenes.length * 2, 0) + 1; const pageCount = 2 + stories.reduce((acc, s) => acc + s.scenes.length * 2, 0) + 1;
await writeFile( await writeFile(
join(root, 'output', 'book-meta.json'), join(root, 'output', 'book-meta.json'),
JSON.stringify({ pageCount, storyCount: stories.length, builtAt: new Date().toISOString() }, null, 2), JSON.stringify({ pageCount, storyCount: stories.length, builtAt: new Date().toISOString() }, null, 2),
-17
View File
@@ -66,23 +66,6 @@
margin-top: auto; margin-top: auto;
} }
/* ── Title page ── */
.page--title {
background: var(--midnight, #0d0d2b);
/* Radial glow toward center */
background-image: radial-gradient(ellipse at 50% 45%, #1a1a4a 0%, #0d0d2b 65%);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.title-content {
display: flex;
flex-direction: column;
align-items: center;
}
/* ── Imprint page ── */ /* ── Imprint page ── */
.page--imprint { .page--imprint {
background: var(--cream, #faf8f2); background: var(--cream, #faf8f2);
-49
View File
@@ -65,55 +65,6 @@ body {
print-color-adjust: exact; print-color-adjust: exact;
} }
/* ── Title page ── */
.title-eyebrow {
font-family: var(--font-display);
font-style: italic;
font-weight: 300;
font-size: 0.9rem;
letter-spacing: 0.22em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 1.8rem;
}
.title-main {
font-family: var(--font-display);
font-style: italic;
font-weight: 300;
font-size: 3.4rem;
line-height: 1.15;
color: #ffffff;
margin-bottom: 1.6rem;
letter-spacing: 0.01em;
}
.title-author {
font-family: var(--font-display);
font-style: italic;
font-weight: 400;
font-size: 1rem;
color: rgba(255, 255, 255, 0.65);
letter-spacing: 0.12em;
margin-bottom: 0.5rem;
}
.title-sub {
font-family: var(--font-display);
font-style: italic;
font-weight: 300;
font-size: 1rem;
color: rgba(255, 255, 255, 0.45);
letter-spacing: 0.08em;
}
.title-rule {
width: 3rem;
height: 1px;
background: rgba(255, 255, 255, 0.25);
margin: 1.4rem auto;
}
/* ── Imprint page ── */ /* ── Imprint page ── */
.imprint-content { .imprint-content {
font-family: var(--font-body); font-family: var(--font-body);
-12
View File
@@ -9,18 +9,6 @@
</head> </head>
<body> <body>
{# ── Title page ── #}
<div class="page page--title">
<div class="title-content">
<h1 class="title-main">Das Kaleidoskop<br>der Schlummerwelten</h1>
<div class="title-rule"></div>
<p class="title-sub">Zwölf magische Geschichten für die Nacht</p>
{% if frontMatter.author %}
<p class="title-author">{{ frontMatter.author }}</p>
{% endif %}
</div>
</div>
{# ── Copyright / imprint page ── #} {# ── Copyright / imprint page ── #}
<div class="page page--imprint"> <div class="page page--imprint">
<div class="imprint-content"> <div class="imprint-content">