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

62 lines
2.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Botanical Entries</title>
<link rel="stylesheet" href="book-page.css">
</head>
<body>
<div class="container">
<!-- SILVER STRELITZIA Entry -->
<div class="plant-entry" id="silver-strelitzia">
<span class="marker">W</span>
<h2 class="plant-name">SILVER STRELITZIA</h2>
<p class="subtitle">Its silvery blossoms are easily mistaken for jewels.</p>
<div class="effect-section">
<strong class="effect-title">T EFFECT</strong>
<ol class="effect-list">
<li>You are Resistant to bolt and light damage.</li>
<li>You and your allies present on the scene are Resistant to bolt and light damage.</li>
</ol>
</div>
</div>
<!-- STAR PEONY Entry -->
<div class="plant-entry" id="star-peony">
<span class="marker">W</span>
<h2 class="plant-name">STAR PEONY</h2>
<p class="subtitle">It silently gazes into celestial depths.</p>
<div class="effect-section">
<strong class="effect-title">T EFFECT</strong>
<ol class="effect-list">
<li>At the end of your turn, you may choose an enemy you can see. If you do, that enemy suffers dazed.</li>
<li>At the end of your turn, every enemy you can see suffers dazed.</li>
<li>At the end of your turn, you deal an amount of light damage equal to (15 + your Skill Level in Chloromancy) to each enemy you can see who is suffering from dazed.</li>
</ol>
</div>
</div>
<!-- STRIPED ORCHID Entry -->
<div class="plant-entry" id="striped-orchid">
<span class="marker">W</span>
<h2 class="plant-name">STRIPED ORCHID</h2>
<p class="subtitle">Each segment of this plant is covered in toxins.</p>
<div class="effect-section">
<strong class="effect-title">T EFFECT</strong>
<ol class="effect-list">
<li>At the end of your turn, you may choose an enemy you can see. If you do, that enemy suffers weak.</li>
<li>At the end of your turn, every enemy you can see suffers weak.</li>
<li>At the end of your turn, you deal an amount of poison damage equal to (15 + your Skill Level in Chloromancy) to each enemy you can see who is suffering from weak.</li>
</ol>
</div>
</div>
</div>
</body>
</html>