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>
57 lines
3.3 KiB
HTML
57 lines
3.3 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 Reference</title>
|
|
<link rel="stylesheet" href="book-page.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
|
|
<h1>Wellsprings and Invocations</h1>
|
|
|
|
<div class="wellsprings-section">
|
|
<h2>Determining Available Wellsprings</h2>
|
|
<p>During each scene, your surroundings grant you two different wellsprings. The Game Master tells you what these are. Remember to describe how wellsprings manifest in the scene; they may be natural features, objects, or even creatures.</p>
|
|
<div class="example">
|
|
<strong>Example:</strong> During a battle taking place on a steam-powered airship amidst stormy clouds, any two of <strong class="highlight">air</strong>, <strong class="highlight">fire</strong>, <strong class="highlight">lightning</strong> and <strong class="highlight">water</strong> would make sense.
|
|
</div>
|
|
</div>
|
|
|
|
<h2>Performing an Invocation</h2>
|
|
<p>When you perform an invocation, choose one option you have access to among those in the table below (provided the corresponding wellspring is available in the scene); then, apply its effects to one creature you can see.</p>
|
|
|
|
<h3>Determining Access</h3>
|
|
<ul>
|
|
<li><strong>Skill Level Check:</strong> Your Skill Level in the Invocation Skill determines which invocations you have access to:</li>
|
|
<li>(SL 1) enables “blast” invocations.</li>
|
|
<li>(SL 2) enables “blast” and “hex” invocations.</li>
|
|
<li>(SL 3) gives you access to all invocations.</li>
|
|
</ul>
|
|
|
|
<div class="example">
|
|
<strong>Example:</strong> If <strong class="highlight">air</strong> and <strong class="highlight">earth</strong> wellsprings are available and your Skill Level is 2, you have access to Aero Blast, Aero Hex, Geo Blast, and Geo Hex.
|
|
</div>
|
|
|
|
<h3>Scaling Effects (Level Bonuses)</h3>
|
|
<p>Invocation effects scale with character level:</p>
|
|
<ul>
|
|
<li>If an invocation deals damage, it will deal <strong class="highlight">5 extra damage</strong> if you are level 20 or higher, or <strong class="highlight">10 extra damage</strong> if you are level 40 or higher.</li>
|
|
<li>Similarly, if an invocation causes the target to recover Hit Points or lose Mind Points, the amount will increase by <strong class="highlight">10</strong> if you are level 20 or higher, or by <strong class="highlight">20</strong> if you are level 40 or higher.</li>
|
|
</ul>
|
|
|
|
<h2>Wellsprings and Invocations</h2>
|
|
<div class="invocation-list">
|
|
<h3>Air Wellspring (Damage Type: Air)</h3>
|
|
<ul>
|
|
<li><strong>Aero Blast:</strong> You deal 20 air damage to the target.</li>
|
|
<li><strong>Aero Hex:</strong> Until the start of your next turn, the target suffers 5 extra damage from all sources that deal bolt and fire damage.</li>
|
|
<li><strong>Breeze:</strong> The target recovers 30 Hit Points.</li>
|
|
<li><strong>Twister:</strong> You deal 10 air damage to the target, and they suffer dazed.</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html> |