69 lines
2.0 KiB
HTML
69 lines
2.0 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="de">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>Das Kaleidoskop der Schlummerwelten</title>
|
|||
|
|
<link rel="stylesheet" href="../styles/print.css">
|
|||
|
|
<link rel="stylesheet" href="../styles/layout.css">
|
|||
|
|
<link rel="stylesheet" href="../styles/typography.css">
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
{# ── Title page ── #}
|
|||
|
|
<div class="page page--title">
|
|||
|
|
<div class="title-content">
|
|||
|
|
<p class="title-eyebrow">Eine Sammlung von</p>
|
|||
|
|
<h1 class="title-main">Das Kaleidoskop<br>der Schlummerwelten</h1>
|
|||
|
|
<p class="title-sub">Zwölf magische Geschichten für die Nacht</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
{# ── Copyright / imprint page ── #}
|
|||
|
|
<div class="page page--imprint">
|
|||
|
|
<div class="imprint-content">
|
|||
|
|
<p>Erste Ausgabe</p>
|
|||
|
|
<p>Alle Rechte vorbehalten.</p>
|
|||
|
|
<p>Illustrationen: KI-generiert (Dreamy Watercolor / Whimsical Storybook)</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
{# ── Table of contents ── #}
|
|||
|
|
<div class="page page--toc">
|
|||
|
|
<h2 class="toc-title">Die zwölf Welten</h2>
|
|||
|
|
<ol class="toc-list">
|
|||
|
|
{% for story in stories %}
|
|||
|
|
{% if story.type != 'front-matter' and story.type != 'finale' %}
|
|||
|
|
<li>{{ story.title }}</li>
|
|||
|
|
{% endif %}
|
|||
|
|
{% endfor %}
|
|||
|
|
</ol>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
{# ── Stories ── #}
|
|||
|
|
{% for story in stories %}
|
|||
|
|
{% if story.type == 'front-matter' or story.type == 'finale' %}
|
|||
|
|
{# skip — handled separately #}
|
|||
|
|
{% else %}
|
|||
|
|
{% include "story-spread.html" %}
|
|||
|
|
{% endif %}
|
|||
|
|
{% endfor %}
|
|||
|
|
|
|||
|
|
{# ── Finale page ── #}
|
|||
|
|
<div class="page page--finale">
|
|||
|
|
{% if finale.image %}
|
|||
|
|
<img class="finale-image" src="{{ finale.image }}" alt="Das Kaleidoskop – alle zwölf Welten">
|
|||
|
|
{% else %}
|
|||
|
|
<div class="placeholder-image placeholder-image--finale">
|
|||
|
|
<span>Finale-Illustration (alle 12 Welten)</span>
|
|||
|
|
</div>
|
|||
|
|
{% endif %}
|
|||
|
|
<div class="finale-overlay">
|
|||
|
|
<h2>Das Kaleidoskop</h2>
|
|||
|
|
<p>Alle zwölf Welten auf einen Blick</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|