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>
64 lines
2.5 KiB
HTML
64 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Vertigo Peak Dossier</title>
|
|
<link rel="stylesheet" href="book-page.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container">
|
|
|
|
<!-- Contextual/Metadata Header -->
|
|
|
|
<h1>VERTIGO PEAK</h1>
|
|
|
|
<!-- Main Description Section -->
|
|
<h2>The Frozen Mountain</h2>
|
|
<p><strong>Vertigo Peak</strong> stands as the tallest mountain in a frozen and inhospitable range, constantly battered by unending storms that howl across its crevasses. It looms at the very edge of the continent.</p>
|
|
<p>Despite the eternal winter, specialized groups of seasoned hunters have adapted their lives to survive this hostile mountain, learning its brutal and harsh lessons. Concurrently, the local fauna evolves at frantic speed, struggling to keep pace with merciless environments and apex predators.</p>
|
|
|
|
<!-- At a Glance Section -->
|
|
<h2>Vertigo Peak at a Glance</h2>
|
|
<p style="font-style: italic; margin-bottom: 20px;">Keywords: catastrophe, ice, silence.</p>
|
|
|
|
<h3>Key Elements</h3>
|
|
<ul style="display: flex; flex-wrap: wrap; gap: 30px; list-style-type: none;">
|
|
<li><strong>Terrain:</strong> crevices, geysers, ice.</li>
|
|
<li><strong>Common Elements:</strong> A, I, D (Aid).</li>
|
|
<li><strong>Travel Roll Difficulty:</strong> d20.</li>
|
|
<li><strong>Rare Elements:</strong> F, T.</li>
|
|
</ul>
|
|
|
|
<h3 style="margin-top: 25px;">Dangers & Discoveries</h3>
|
|
<div style="display: flex; gap: 40px;">
|
|
<section style="flex: 1;">
|
|
<h4>Dangers</h4>
|
|
<ul>
|
|
<li>Thunder and lightning.</li>
|
|
<li>A sudden landslide event.</li>
|
|
<li>The unexpected evolution of a dangerous predator faced by the group.</li>
|
|
</ul>
|
|
</section>
|
|
<section style="flex: 1;">
|
|
<h4>Discoveries</h4>
|
|
<ul>
|
|
<li>A safe camp situated deep amidst mountain crevasses.</li>
|
|
<li>The remains of a unique creature, harvested for valuable materials.</li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
|
|
<!-- Themes Section -->
|
|
<h3 style="margin-top: 25px;">Overarching Themes</h3>
|
|
<ul>
|
|
<li>Long journeys within extreme environments.</li>
|
|
<li>Punishment corresponding to past mistakes.</li>
|
|
<li>The difficulty and necessity of tough harmony.</li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |