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>
52 lines
3.2 KiB
HTML
52 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Artifact Compendium</title>
|
||
<link rel="stylesheet" href="book-page.css">
|
||
</head>
|
||
<body>
|
||
|
||
<header>
|
||
<h1>The World Compendium</h1>
|
||
<!-- Treating the initial numbers/letters as pagination/contextual headers -->
|
||
<p style="font-size: 0.8em; color: #999;">[Page 93]</p>
|
||
</header>
|
||
|
||
<div class="artifact-section">
|
||
<h2 class="item-title">TOME OF THE METEOR</h2>
|
||
<p><strong>Classification:</strong> Book / Magical Relic</p>
|
||
<p>A strange mechanism is encased in the cover of this heavy tome. One of the most discussed books in the Academy’s library, this tome presents detailed descriptions of improbable machines, alongside formulae and prayers to unknown entities. Even the cover is a mystery: lodged inside the wooden panel is an extraordinary clockwork device, with comet-shaped pointers moving at different speeds along a calendar, whose dates and seasons have nothing to do with ours.</p>
|
||
<p>Every self-respecting scholar dismisses this artifact as a very elaborate joke, but the most honest admit that they are a bit worried at the idea that the mechanism might stop someday.</p>
|
||
</div>
|
||
|
||
<div class="artifact-section">
|
||
<h2 class="item-title">UNDOVEN</h2>
|
||
<p><strong>Description:</strong> A heavy metal contraption, similar to a portable oven. This relic from a distant time closely resembles a massive portable oven with a large front door.</p>
|
||
<p>This artifact possesses the extraordinary ability to disassemble any complex object into simple materials using heat. It can also self-recharge, though this process requires significant time.</p>
|
||
|
||
<h3>Usage</h3>
|
||
<ul>
|
||
<li><strong>Capacity:</strong> Once per rest, you may place any one piece of equipment (weapon, armor, shield, or accessory) inside the Undoven to gain two different materials (see page 74) with a combined value equal to that of the destroyed item.</li>
|
||
<li><strong>Question:</strong> What would happen if you put another artifact inside?</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="artifact-section">
|
||
<h2 class="item-title">WHITE MASK FRAGMENT</h2>
|
||
<p><strong>Description:</strong> The right half of a horned wooden mask.</p>
|
||
<p>Some stories tell of how the sculptor Acaunissa lost her inspiration. During a dream, a bat told her it was stuck at the bottom of Bone Valley and that only the Vulture King could grant it back to her. Her father forbade Acaunissa from leaving, but she ignored him and sculpted a white mask with two horns to trick the souls of the departed.</p>
|
||
<p>When she met the King, he told her the mask itself was proof her inspiration had never been lost in the first place. After her return, Acaunissa’s father punished her by breaking the mask, but the artist’s courage still permeates this fragment and no undead, except Villains, may harm the one who wears it.</p>
|
||
</div>
|
||
|
||
<div class="quote-block">
|
||
<p style="margin: 0;">“Perhaps due to our ability to communicate, we humans often deem our pain more significant than the far quieter pain of other creatures.”</p>
|
||
</div>
|
||
|
||
<div class="metadata">
|
||
<strong> Order Details</strong><br>
|
||
</div>
|
||
|
||
</body>
|
||
</html> |