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
2.1 KiB
HTML
57 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Lowtide: The Sunny Bay</title>
|
|
<link rel="stylesheet" href="book-page.css">
|
|
</head>
|
|
<body>
|
|
|
|
<h1>The Sunny Bay</h1>
|
|
<h2>Lowtide</h2>
|
|
|
|
<p>Overlooking the clear waters of a vast sea, Lowtide is a nostalgic place—a glimpse of life on the coast of an uncontaminated island. The crystalline waters and white sand paint the landscape with romantic hues. During half-moon nights, the waters withdraw, revealing secrets hidden beneath the waves that might surprise even the most well-traveled adventurers.</p>
|
|
|
|
<div class="info-section">
|
|
<h3>LOWTIDE AT A GLANCE</h3>
|
|
|
|
<dl>
|
|
<dt>Keywords</dt>
|
|
<dd>curiosity, memories, rest.</dd>
|
|
|
|
<dt>Terrain</dt>
|
|
<dd>sea, rocks, sand. Common elements: <strong>A</strong>, <strong>B</strong>, <strong>L</strong></dd>
|
|
|
|
<dt>Travel Roll</dt>
|
|
<dd>d8. Rare elements: <strong>I</strong>, <strong>D</strong></dd>
|
|
</dl>
|
|
|
|
<h4 style="margin-top: 25px; color: #5c8b9c;">Key Features</h4>
|
|
<div class="meta-data">
|
|
<table>
|
|
<tr>
|
|
<td><strong>Dangers:</strong></td>
|
|
<td>An unusually aggressive sea predator, sudden and dangerous marine currents of unknown origin.</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Discoveries:</strong></td>
|
|
<td>An ancient underwater temple spoken of in many myths and legends; the buried treasure of a famous pirate captain.</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Themes:</strong></td>
|
|
<td>Time spent together, childhood memories, dreams of adventure, mysterious horizons.</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<hr style="margin-top: 40px; border: none; border-bottom: 1px solid #ccc;">
|
|
|
|
<footer>
|
|
<p><em>(Source Data: )</em></p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html> |