- 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>
73 lines
3.1 KiB
HTML
73 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Breezeburg Hamlet Profile</title>
|
|
<link rel="stylesheet" href="book-page.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Breezeburg Hamlet</h1>
|
|
<p style="font-style: italic; color: #666;">A secluded pocket of natural harmony.</p>
|
|
|
|
<h2>Community Profile</h2>
|
|
|
|
<p>Many people stumble almost by accident into this small hamlet. Breezeburg is located among the rolling hills, far removed from the bustle of the capital, the major trade routes, and the general clamor of the outside world. On the surface, it presents an idyllic scene—almost drowsy and peaceful—that maximizes its few natural resources. The inhabitants have successfully learned how to deeply respect the gentle pace of nature and wind, living in a sustainable symbiosis with what their environment offers.</p>
|
|
|
|
<div class="attributes-grid">
|
|
<div class="attribute-group">
|
|
<strong>Keywords</strong>
|
|
<p>community, quiet, wind</p>
|
|
</div>
|
|
|
|
<div class="attribute-group">
|
|
<strong>Terrain / Elements</strong>
|
|
<ul>
|
|
<li><strong>Primary:</strong> Hills, grasslands, brooks.</li>
|
|
<li><strong>Common elements:</strong> A, L, E (Suggests abundant access to these resources/materials).</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="attribute-group">
|
|
<strong>Challenges & Lore</strong>
|
|
<ul>
|
|
<li><strong>Travel Roll:</strong> d8</li>
|
|
<li><strong>Rare Elements:</strong> B, F, D</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<h2>Local Hazards and Secrets</h2>
|
|
<div class="attributes-grid" style="margin-top: 20px;">
|
|
<div class="attribute-group">
|
|
<strong>Dangers</strong>
|
|
<ul>
|
|
<li>A foreboding presence residing in the nearby forest.</li>
|
|
<li>A persistent swarm of crabby insects.</li>
|
|
<li>The threat of a great thunderstorm incoming.</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="attribute-group">
|
|
<strong>Discoveries & Themes</strong>
|
|
<ul>
|
|
<li><strong>Potential Discoveries:</strong> A hermit who retired here to hide an important secret, or an old ruined building lost in the untouched wilds.</li>
|
|
<li><strong>Underlying Themes:</strong> A simple life isn't always easy; confronting blissful ignorance and false security.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="footer-info">
|
|
<!-- This section handles the final transactional details -->
|
|
<p>The Hamlet is known by its quiet beauty, though it has faced modern discovery.</p>
|
|
<hr style="border: none; border-top: 1px dashed #ccc; width: 50%;">
|
|
<div>
|
|
<strong>Reference ID:</strong> ()
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html> |