Files
fabula-ultima-html/html/158.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

98 lines
4.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Wellsprings and Invocations</title>
<link rel="stylesheet" href="book-page.css">
</head>
<body>
<h1>PROTAGONISTS</h1>
<h2>WELLSPRINGS AND INVOCATIONS</h2>
<section class="wellspring-section" id="earth">
<h3 class="element-title">Earth Wellspring</h3>
<p>(Damage Type: <strong>Earth</strong>)</p>
<ul class="ability-list">
<li>
<strong>Geo Blast</strong>: You deal <strong style="color:#8b4513;">20 earth damage</strong> to the target.
</li>
<li>
<strong>Geo Hex</strong>: Until the start of your next turn, the target suffers <strong>5 extra damage</strong> from all sources that deal air and ice damage.
</li>
<li>
<strong>Growth</strong>: The target recovers <strong style="color:#2ecc71;">30 Hit Points</strong>.
</li>
<li>
<strong>Quicksand</strong>: You deal <strong>10 earth damage</strong> to the target, and they suffer slow.
</li>
</ul>
</section>
<section class="wellspring-section" id="fire">
<h3 class="element-title">Fire Wellspring</h3>
<p>(Damage Type: <strong>Fire</strong>)</p>
<ul class="ability-list">
<li>
<strong>Pyro Blast</strong>: You deal <strong style="color:#e74c3c;">20 fire damage</strong> to the target.
</li>
<li>
<strong>Pyro Hex</strong>: Until the start of your next turn, the target suffers <strong>5 extra damage</strong> from all sources that deal earth and ice damage.
</li>
<li>
<strong>Burst</strong>: You deal <strong>10 fire damage</strong> to the target, and they suffer shaken.
</li>
<li>
<strong>Smoke</strong>: The target loses <strong style="color:#f39c12;">20 Mind Points</strong> and also suffers weak.
</li>
</ul>
</section>
<section class="wellspring-section" id="lightning">
<h3 class="element-title">Lightning Wellspring</h3>
<p>(Damage Type: <strong>Bolt</strong>)</p>
<ul class="ability-list">
<li>
<strong>Electro Blast</strong>: You deal <strong style="color:#1abc9c;">20 bolt damage</strong> to the target.
</li>
<li>
<strong>Electro Hex</strong>: Until the start of your next turn, the target suffers <strong>5 extra damage</strong> from all sources that deal earth and fire damage.
</li>
<li>
<strong>Static</strong>: You deal <strong>10 bolt damage</strong> to the target, and they suffer slow.
</li>
<li>
<strong>Thunder</strong>: The target loses <strong style="color:#3498db;">20 Mind Points</strong> and also suffers dazed.
</li>
</ul>
</section>
<section class="wellspring-section" id="water">
<h3 class="element-title">Water Wellspring</h3>
<p>(Damage Type: <strong>Ice</strong>)</p>
<ul class="ability-list">
<li>
<strong>Hydro Blast</strong>: You deal <strong style="color:#3498db;">20 ice damage</strong> to the target.
</li>
<li>
<strong>Hydro Hex</strong>: Until the start of your next turn, the target suffers <strong>5 extra damage</strong> from all sources that deal air and bolt damage.
</li>
<li>
<strong>Chill</strong>: The target loses <strong style="color:#7fb3d5;">20 Mind Points</strong> and also suffers shaken.
</li>
<li>
<strong>Frostbite</strong>: You deal <strong>10 ice damage</strong> to the target, and they suffer weak.
</li>
</ul>
</section>
<div class="meta-info">
</div>
</body>
</html>