- Add html/index.html: book viewer with auto-discovering sidebar, prev/next navigation, keyboard shortcuts, and URL hash persistence - Add html/book-page.css: shared stylesheet for all book pages derived from fabula-ultima-sheet.css (dark theme, CSS variables, Cinzel/ Crimson Text fonts, common class styles) - Add book.js entry point so webpack injects the shared CSS into the book viewer; update webpack.config.js for two entry points, split CSS chunk, CopyWebpackPlugin for book pages, and /book dev server rewrite rule - Add scripts/strip_watermark.py: removes "Guest Customer (Order #52072168)" watermark artifacts from all 210 book pages - Add scripts/restyle_book.py: strips per-page <style> blocks and injects <link rel="stylesheet" href="book-page.css"> into all pages - Update Justfile deploy to scp -r dist/* for the new /book subtree Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
54 lines
1.7 KiB
HTML
54 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>The Eerie Village: Darkdepth</title>
|
||
<link rel="stylesheet" href="book-page.css">
|
||
</head>
|
||
<body>
|
||
|
||
<h1>The Eerie Village</h1>
|
||
<h2>Darkdepth</h2>
|
||
|
||
<p>Ancient legends tell of the strange village hidden in the darkest and humid depths of the great forest, inhabited by mysterious, inhuman creatures who appear as silent shadows when a traveler is in mortal danger, only to promptly drag their body into the murky depths of the undergrowth. This putrid and rotten place does not belong to the living, and no one returns from it.</p>
|
||
|
||
<div class="metadata">
|
||
<h3>Darkdepth at a Glance</h3>
|
||
<strong>Keywords:</strong> hideout, quiet, transformation.
|
||
</div>
|
||
|
||
<h2>Structural Elements</h2>
|
||
|
||
<div class="section-list">
|
||
<p><strong>Terrain:</strong> bark, mud, moss. <strong>Common elements:</strong> E, D, T</p>
|
||
<p><strong>Travel roll:</strong> d10. <strong>Rare elements:</strong> A, L</p>
|
||
</div>
|
||
|
||
<h2>Features and Concepts</h2>
|
||
|
||
<h3>Dangers</h3>
|
||
<ul>
|
||
<li>A corpse-eating monster defending its territory</li>
|
||
<li>Clouds of choking spores</li>
|
||
<li>A giant corrosive slime</li>
|
||
</ul>
|
||
|
||
<h3>Discoveries</h3>
|
||
<ul>
|
||
<li>A fungus with exceedingly rare properties</li>
|
||
<li>A precious item left by a traveler</li>
|
||
<li>A wellspring of pure water</li>
|
||
</ul>
|
||
|
||
<h3>Themes</h3>
|
||
<ul class="keywords">
|
||
<li>Unusual customs</li>
|
||
<li>New life born from death</li>
|
||
<li>Coexisting with what we don’t fully understand</li>
|
||
</ul>
|
||
|
||
<h2>Customer Inquiry</h2>
|
||
|
||
</body>
|
||
</html> |