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

114 lines
4.2 KiB
HTML

<link rel="stylesheet" href="book-page.css">
<div class="container">
<h1>PROTAGONISTS</h1>
<div class="skill-list-section">
<h2>HEROIC SKILL</h2>
<!-- Group 1: Core Skills -->
<div class="skill-entry">
<div>
<span class="skill-name">Greater Chloromancy</span>
<span class="class-list">Floralist</span>
</div>
<p class="description">Increase magiseed effects and manipulate vegetation.</p>
</div>
<!-- Group 2: Core Skills -->
<div class="skill-entry">
<div>
<span class="skill-name">Green Thumb</span>
<span class="class-list">Floralist</span>
</div>
<p class="description">Quicken or delay the growth of your magiseeds.</p>
</div>
<!-- Group 3: Core Skills -->
<div class="skill-entry">
<div>
<span class="skill-name">Inner Wellspring</span>
<span class="class-list">Invoker</span>
</div>
<p class="description">Carry an elemental wellspring of your choice within yourself.</p>
</div>
<!-- Group 4: Unique Skills -->
<div class="skill-entry">
<div>
<span class="skill-name">Power Nap</span>
<span class="class-list">Guardian, Merchant, Wayfarer</span>
</div>
<p class="description">Take a little nap during a conflict to regain your energies.</p>
</div>
<!-- Group 5: Unique Skills -->
<div class="skill-entry">
<div>
<span class="skill-name">Side by Side</span>
<span class="class-list">Wayfarer</span>
</div>
<p class="description">Improve your synergy with your Faithful Companion.</p>
</div>
<!-- Group 6: Unique Skills -->
<div class="skill-entry">
<div>
<span class="skill-name">Silent Hunter</span>
<span class="class-list">Rogue, Sharpshooter, Weaponmaster</span>
</div>
<p class="description">Improve High Speed with bows, spears, and thrown weapons, and deny free attacks.</p>
</div>
<!-- Group 7: Unique Skills -->
<div class="skill-entry">
<div>
<span class="skill-name">Skillful Dosage</span>
<span class="class-list">Gourmet, Loremaster, Merchant, Tinkerer</span>
</div>
<p class="description">Delicacies, potions and spells heal above maximum HP and MP.</p>
</div>
<!-- Group 8: Unique Skills -->
<div class="skill-entry">
<div>
<span class="skill-name">Specialty of the House</span>
<span class="class-list">Gourmet</span>
</div>
<p class="description">Prepare a unique delicacy with alternative effects.</p>
</div>
<!-- Group 9: Unique Skills -->
<div class="skill-entry">
<div>
<span class="skill-name">Strength of Five Wellsprings</span>
<span class="class-list">Invoker</span>
</div>
<p class="description">Invocations improve Attributes.</p>
</div>
<!-- Group 10: Unique Skills -->
<div class="skill-entry">
<div>
<span class="skill-name">Wise Counsel</span>
<span class="class-list">Commander, Loremaster, Orator</span>
</div>
<p class="description">Your Support Checks grant extra benefits to the leader.</p>
</div>
</div> <!-- End Skill List -->
<!-- ALL YOU CAN EAT SECTION -->
<div class="special-section">
<h2>ALL YOU CAN EAT</h2>
<p><strong>Requirements:</strong> You must have mastered the Gourmet Class.</p>
<p>Once per scene when you use the Cooking Skill, you may combine four ingredients into a delicacy (thus ignoring the normal limit of three ingredients). Other than that, the delicacy follows the normal rules.</p>
<!-- Sub-entry -->
<div style="margin-top: 20px; padding-left: 20px;">
</div>
</div>
</div>