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

55 lines
2.5 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.

<link rel="stylesheet" href="book-page.css">
<article>
<!-- Card Structure Start -->
<div class="card">
<header>
<span class="type-indicator">W</span>
<h2>GOLDEN GINKGO</h2>
</header>
<p>Its vibrantly colored leaves represent tenacity.</p>
<span class="effect-header">T EFFECT</span>
<ul class="ability-list" style="counter-reset: list-item;">
<li>At the end of your turn, you and every ally you can see recover from dazed, enraged, and shaken.</li>
<li>At the end of your turn, you and every ally you can see recover an amount of Mind Points equal to (5 + your Skill Level in Chloromancy).</li>
</ul>
</div>
<!-- Card Structure Start -->
<div class="card">
<header>
<span class="type-indicator">W</span>
<h2>GRAVE ASPHODEL</h2>
</header>
<p>Solemn and elegant, it embodies deaths ineluctability.</p>
<span class="effect-header">T EFFECT</span>
<ul class="ability-list" style="counter-reset: list-item;">
<li>At the end of your turn, you may choose an enemy you can see. If you do, that enemy suffers <strong class="trait">shaken</strong>.</li>
<li>At the end of your turn, every enemy you can see suffers <strong class="trait">shaken</strong>.</li>
<li>At the end of your turn, you deal an amount of dark damage equal to (15 + your Skill Level in Chloromancy) to each enemy you can see who is suffering from shaken.</li>
</ul>
</div>
<!-- Card Structure Start -->
<div class="card">
<header>
<span class="type-indicator">W</span>
<h2>HERMIT IRIS</h2>
</header>
<p>Its leaves carry whispers of ancient knowledge.</p>
<span class="effect-header">T EFFECT</span>
<ul class="ability-list" style="counter-reset: list-item;">
<li>At the end of your turn, choose an enemy you can see. The Game Master reveals its Level, Rank, Species, maximum Hit Points, maximum Mind Points, Traits, Attributes, Defense, and Magic Defense.</li>
<li>At the end of your turn, choose an enemy you can see. The Game Master reveals its Level, Rank, Species, maximum Hit Points, maximum Mind Points, Traits, Attributes, Defense, Magic Defense, and Affinities.</li>
</ul>
</div>
<!-- Final Page/Note -->
<div class="card footer-note">
<p><em>(Document Identifier: 142)</em></p>
</div>
</article>