valknar
87a3925c3e
Replaces Georgia + per-story color theming with a unified premium fairytale look: Cormorant Garamond (display/titles) + Lora (body), warm cream text pages (#faf8f2 with paper noise texture), deep ink typography (#1e1b18) throughout — no per-story text color variation. - fonts/: committed WOFF2 files via @fontsource packages; auto-copied by scripts/setup-fonts.js (runs as postinstall) - Typography: story number in small caps, hairline rule, ❧ ornament - Layout: cream background replaces per-story bg, radial glow on title - build.js: passes frontMatter (author, year) to templates - Templates: author byline on title page, cleaner imprint page Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
28 lines
1.1 KiB
HTML
28 lines
1.1 KiB
HTML
{% for scene in story.scenes %}
|
|
{# ── Left page: full-bleed illustration ── #}
|
|
<div class="page page--image" data-story="{{ story.number }}" style="--color-primary: {{ story.palette.primary }};">
|
|
{% if scene.imageExists %}
|
|
<img class="scene-image" src="{{ scene.image }}" alt="{{ scene.alt }}">
|
|
{% else %}
|
|
<div class="placeholder-image" style="background: {{ story.palette.primary }};">
|
|
<div class="placeholder-label">
|
|
<span class="placeholder-story">Geschichte {{ story.number }}</span>
|
|
<span class="placeholder-scene">{{ scene.alt }}</span>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
{# ── Right page: story text ── #}
|
|
<div class="page page--text" data-story="{{ story.number }}">
|
|
<div class="text-page-inner">
|
|
{% if loop.first %}
|
|
<span class="story-number">Geschichte {% if story.number < 10 %}0{{ story.number }}{% else %}{{ story.number }}{% endif %}</span>
|
|
<h2 class="story-title">{{ story.title }}</h2>
|
|
{% endif %}
|
|
<div class="scene-text">{{ scene.html | safe }}</div>
|
|
<div class="scene-ornament">❧</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|