Drew Malzahn
c75cd188c1
- 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>
85 lines
3.6 KiB
HTML
85 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Character Dossier</title>
|
||
<link rel="stylesheet" href="book-page.css">
|
||
</head>
|
||
<body>
|
||
|
||
<section id="character-sheet">
|
||
<h1>Node (Elite Character Profile)</h1>
|
||
|
||
<h2>Basic Attributes</h2>
|
||
<div class="stats-grid">
|
||
|
||
<div class="stat-block">
|
||
<h3>Core Stats</h3>
|
||
<ul style="list-style: none; padding: 0;">
|
||
<li><strong>DEX</strong> d10</li>
|
||
<li><strong>INS</strong> d6</li>
|
||
<li><strong>MIG</strong> d8</li>
|
||
<li><strong>WLP</strong> d8</li>
|
||
<li><strong>HP</strong> 120</li>
|
||
<li><strong>MP</strong> 60</li>
|
||
<li><strong>Init.</strong> 10</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="stat-block">
|
||
<h3>Defense & Equipment</h3>
|
||
<ul style="list-style: none; padding: 0;">
|
||
<li><strong>DEF</strong> +1, <strong>M. DEF</strong> +1</li>
|
||
<li><strong>Equipment:</strong> Short bow, travel garb.</li>
|
||
<li><strong>Skills:</strong> RS d E VU F / RS I VU l t</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<h2>Attacks and Abilities</h2>
|
||
|
||
<h3>Basic Attacks</h3>
|
||
<ul>
|
||
<li>
|
||
<strong>Net Throw</strong><br>
|
||
<em>(DEX + MIG) +4</em> • <em>(HR + 5) physical damage.</em> (Multi: 2)
|
||
</li>
|
||
<li>
|
||
<strong>Hunter’s Bow</strong><br>
|
||
<em>(DEX + DEX) +4</em> • <em>(HR + 8) physical damage.</em>
|
||
<ul>
|
||
<li>*Effect:* If the tide is high and the target is suffering from weak, this attack deals 5 extra damage.</li>
|
||
<li>*Effect:* If the tide is low, the target suffers slow.</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
|
||
<h3>Spells</h3>
|
||
<ul>
|
||
<li>
|
||
<strong>Hunting Horn</strong><br>
|
||
<em>10 × T MP</em> • Up to three creatures • Scene.<br>
|
||
*Effect:* Until this spell ends, each target gains a +1 bonus to Accuracy Checks.
|
||
</li>
|
||
</ul>
|
||
|
||
<h3>Special Rules & Mechanics</h3>
|
||
<div class="special-rules">
|
||
<ul>
|
||
<li><strong>High Tide Style:</strong> When the tide is high, Node’s attacks always treat the target’s Defense as being equal to their current Might die size.</li>
|
||
<li><strong>I’ll Avenge You!:</strong> When Dylon (see next page) is reduced to 0 Hit Points, Node recovers from all status effects and loses all his Vulnerabilities. After that, the tide becomes high again.</li>
|
||
<li><strong>Low Tide Speed:</strong> When the tide is low, all damage dealt to Node by creatures suffering from slow is reduced by 5 (before applying Affinities).</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="mechanic-explanation">
|
||
<h2>The Tide and Flow of the Battle</h2>
|
||
<p>Node and Dylon’s special mechanic revolves around the tide: this kind of additional rule is excellent to add “phases” to a conflict without tying them to a specific adversary. It’s also an interesting way to add a back-and-forth pace to the scene, to reveal something about the enemies’ personality, and to ensure they can’t benefit from all their skills at the same time, which could make them too overwhelming or frustrating.</p>
|
||
<p>The best way to keep track of these effects is a physical reminder, like a coin to flip or a card to rotate (this last prop can easily represent a cycle of four phases, for example).</p>
|
||
</section>
|
||
|
||
</body>
|
||
</html> |