Files
fabula-ultima-html/html/55.html
Drew Malzahn c75cd188c1 feat: Add book viewer at /book with shared design system
- 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>
2026-06-06 03:36:35 +00:00

49 lines
2.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Barren Wastes</title>
<link rel="stylesheet" href="book-page.css">
</head>
<body>
<header>
<h1>The Barren Wastes</h1>
<p><em>A semi-arid, enigmatic expanse</em></p>
</header>
<p>Beyond the borders of known lands lies a barren waste, an arid desert. Under its reddish sands lie buried the remains of many failed attempts at surpassing humanitys limits. However, this inhospitable territory isnt completely devoid of life, and over the years, the local people have adapted to adversity, learning to survive and find beauty in this hostile and enigmatic land.</p>
<div class="info-box">
<h2>Rocky Desert at a Glance</h2>
<p><strong>Keywords:</strong> ruin, survival, hope.</p>
<h3>Key Features</h3>
<div class="key-details">
<ul>
<li><strong>Terrain:</strong> canyons, caves, dunes. Common elements: A, F, E</li>
<li><strong>Travel Roll:</strong> d20. Rare elements: I</li>
<li><strong>Dangers:</strong> a forgotten and extremely unstable alchemical experiment; a gargantuan sand scorpion; a sudden ambush by the desert raiders.</li>
<li><strong>Discoveries:</strong> a random encounter with an ascetic who knows the secrets of the desert; a safe refuge; a precious mineral sedimented over many centuries.</li>
</ul>
</div>
<h3>Themes</h3>
<p>The irreparable consequences of human arrogance, beautiful and merciless nature, finding strength in each other.</p>
</div>
<!-- Clean up repeated titles/metadata -->
<div class="metadata-section">
<h2>THE BARREN WASTES</h2>
<p style="font-size: 0.9em; margin-top: 15px;"><em>(Rocky Desert / Barren Waste)</em></p>
<hr style="border: none; border-top: 1px solid #ccc; margin: 20px 0;">
<div style="float: right; font-size: 0.85em;">
</div>
</div>
</body>
</html>