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

112
html/136.html Normal file
View File

@@ -0,0 +1,112 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Protagonist Dossier</title>
<link rel="stylesheet" href="book-page.css">
</head>
<body>
<h1>Protagonists Dossier</h1>
<div class="character-info">
<h2>LOTUS DUELIST</h2>
<strong>(DEXITY d10, INSIGHT d8, MIGHT d6, WILLPOWER d8)</strong>
<p><strong>Classes & Abilities:</strong></p>
<ul>
<li>Elementalist (2 levels): Elemental Magic (Ventus), Spellblade</li>
<li>Floralist (2 levels): Battle Gardening, Chloromancy (Ocean Lotus)</li>
<li>Weaponmaster (1 level): Counterattack</li>
</ul>
<div class="equipment">
<strong>Equipment:</strong>
<ul>
<li>Water lily blade <small>(custom weapon, DEX + INS), sword, melee, accurate, elemental (ice), magic defense boost</small></li>
<li>Sage robe</li>
<li>70 zenit</li>
</ul>
</div>
</div>
<div class="character-info">
<h2>SHY APOTHECARY</h2>
<strong>(DEXITY d8, INSIGHT d10, MIGHT d8, WILLPOWER d6)</strong>
<p><strong>Classes & Abilities:</strong></p>
<ul>
<li>Merchant (1 level): Expiration Date</li>
<li>Tinkerer (4 levels): Potion Rain (SL 2), Visionary (SL 2)</li>
</ul>
<div class="equipment">
<strong>Equipment:</strong>
<ul>
<li>Tome, sage robe, 270 zenit</li>
</ul>
</div>
</div>
<div class="character-info">
<h2>SMALL MERCHANT</h2>
<strong>(DEXITY d6, INSIGHT d10, MIGHT d8, WILLPOWER d8)</strong>
<p><strong>Classes & Abilities:</strong></p>
<ul>
<li>Merchant (2 levels): Real Treasure, Winds of Trade</li>
<li>Wayfarer (3 levels): Faithful Companion <small>(SL 3; a massive and cuddly creature who can tap into the PCs’ Trade Points to either negate all damage suffered by another creature, or deal elemental damage)</small></li>
</ul>
<div class="equipment">
<strong>Equipment:</strong>
<ul>
<li>Tome (described as an abacus!), silk shirt, 370 zenit</li>
</ul>
</div>
</div>
<div class="character-info">
<h2>TROUBLEMAKER ROGUE</h2>
<strong>(DEXITY d10, INSIGHT d8, MIGHT d8, WILLPOWER d6)</strong>
<p><strong>Classes & Abilities:</strong></p>
<ul>
<li>Gourmet (2 levels): Cooking, Knife and Fork</li>
<li>Rogue (1 level): High Speed</li>
<li>Sharpshooter (2 levels): Barrage, Warning Shot</li>
</ul>
<div class="equipment">
<strong>Equipment:</strong>
<ul>
<li>Shortbow <small>(described as a sling!), travel garb, 270 zenit. This character’s delicacies take the form of sling bullets with strange effects!</small></li>
</ul>
</div>
</div>
<div class="character-info">
<h2>TWILIGHT WITCH</h2>
<strong>(DEXITY d6, INSIGHT d10, MIGHT d6, WILLPOWER d10)</strong>
<p><strong>Classes & Abilities:</strong></p>
<ul>
<li>Entropist (2 levels): Entropic Magic (SL 2: Dispel, Mirror)</li>
<li>Floralist (3 levels): Battle Gardening, Chloromancy (Star Peony), Verdant Sway</li>
</ul>
<div class="equipment">
<strong>Equipment:</strong>
<ul>
<li>Tome, sage robe, 270 zenit.</li>
</ul>
</div>
</div>
<div class="character-info" style="background-color: #e6f7ff; border: 1px solid #b3d4ff;">
</div>
</body>
</html>