drew/fabula-ultima-html
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add book viewer at /book with shared design system

Browse Source 
- 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>
This commit is contained in:
Drew Malzahn
2026-06-06 03:36:35 +00:00
parent 58552b536f
commit c75cd188c1
220 changed files with 12685 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
html/25.html Normal file
View File

@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Story Hooks</title>
<link rel="stylesheet" href="book-page.css">
</head>
<body>
<h1>STORY HOOKS</h1>
<p>When bringing Badger Temple into play, the GM may use the following points to enrich the story by introducing artifacts, Villains, discoveries, and rewards.</p>
<h2>The Hall of Trials</h2>
<ul>
<li>
<strong>Light and Darkness.</strong> A single torch shines true, revealing the living frescoes upon the walls – the shadows of four badgers, each bearing a small rattle, slide among the paintings. To continue, the PCs must collect the four rattles. Every time they roll a Check to try, the GM fills 1 section of an 8-section Clock. If the Clock is filled before they succeed, or if they attempt to use violence, a fearsome guardian emerges from the frescoes. What is it? Which of the PCs knows legends about its weak spot?
</li>
<li>
<strong>Hall of Despair.</strong> This empty room seems endless. Every now and then, the pale image of a badger appears, beckoning the heroes to follow them in the darkness. The PCs have to fill a 6-section Clock to keep the spirit in sight and reach the exit. Whenever a PC fails a Check, frustration gets the better of them, causing them to suffer a random status effect among dazed, shaken, slow, and weak.
</li>
<li>
<strong>The Door.</strong> The badger stops next to a great stone door covered in thorny vines, which can be removed either with a Ritual or by suffering a heavy loss of Hit Points. The badger glows with a feeble light, which restores all the PCs’ Mind Points.
</li>
<li>
<strong>Dark Vines (The Rafflesia Encounter).</strong> Sprawling creepers and living vines fill the entire room. At the center, a massive, garish flower tinges the scene with scarlet and purple hues. A glowing bud dangles from one of the vines, right above the jaws of the plant-creature at the heart of the flower: its name is <em>Rafflesia</em>. Its stalk is covered in thorns, and the badger-spirits are trapped in its two creeping tentacles.
<ul>
<li><strong>Properties:</strong> It’s <strong>Vulnerable to fire damage</strong>, <strong>Resistant to ice and bolt</strong>, and <strong>Absorbs light</strong>, thanks to the glowing bud, which also hypnotizes its targets, forcing them to attack the main body – those who charge into melee are punished by its thorns.</li>
<li><strong>Challenge:</strong> If both tentacles are defeated, the twin badger spirits regain their powers and Rafflesia becomes <strong>Vulnerable to light damage</strong>. How did this creature evolve? How was it created? What is hidden at the center of the room?</li>
</ul>
</li>
</ul>
<div class="metadata">
</div>
</body>
</html>