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

136 lines
5.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>Other Descriptors List</title>
<link rel="stylesheet" href="book-page.css">
</head>
<body>
<header class="page-metadata">
<!-- Reinterpreting the header noise as context -->
<span>Page Context Header (81 | W 22 | THE WORLD)</span>
</header>
<h1>Other Descriptors (d10, based upon the function)</h1>
<div class="descriptor-grid">
<!-- Column 1: Agility and Precision -->
<div class="descriptor-group" id="agility">
<h3>Agility and Precision</h3>
<ul>
<li><strong>1.</strong> Elastic</li>
<li><strong>2.</strong> Glazed</li>
<li><strong>3.</strong> Grim</li>
<li><strong>4.</strong> Oily</li>
<li><strong>5.</strong> Polished</li>
<li><strong>6.</strong> Scrawny</li>
<li><strong>7.</strong> Sharp</li>
<li><strong>8.</strong> Slender</li>
<li><strong>9.</strong> Slippery</li>
<li><strong>10.</strong> Small</li>
</ul>
</div>
<!-- Column 2: Damage and Power -->
<div class="descriptor-group" id="damage">
<h3>Damage and Power</h3>
<ul>
<li><strong>1.</strong> Bloated</li>
<li><strong>2.</strong> Broken</li>
<li><strong>3.</strong> Chipped</li>
<li><strong>4.</strong> Colossal</li>
<li><strong>5.</strong> Fermented</li>
<li><strong>6.</strong> Heavy</li>
<li><strong>7.</strong> Monstrous</li>
<li><strong>8.</strong> Serrated</li>
<li><strong>9.</strong> Sharp</li>
<li><strong>10.</strong> Thick</li>
</ul>
</div>
<!-- Column 3: Protection -->
<div class="descriptor-group" id="protection">
<h3>Protection</h3>
<ul>
<li><strong>1.</strong> Ancient</li>
<li><strong>2.</strong> Curly</li>
<li><strong>3.</strong> Hardened</li>
<li><strong>4.</strong> ??? (Implicit)</li>
<!-- Note: The original structure shows "Ancient", "Curly", "Hardened" then jumps to the next column for headers -->
<li><strong>5.</strong> Holy</li>
<li><strong>6.</strong> Colossal (Duplicated? Replicating text flow.)</li>
<li><strong>7.</strong> Holy (Duplication observed in source)</li>
<li><strong>8.</strong> ???</li>
<li><strong>9.</strong> Regal / Rough</li>
<li><strong>10.</strong> ???</li>
</ul>
</div>
<!-- Column 4: Categorized Lists (Recovery, Sabotage, Support) - These are better grouped together or treated as the next set of descriptor columns -->
</div>
<div class="descriptor-grid" style="margin-top: 20px;">
<!-- Set 1 Grouping (Under "Recovery") -->
<div class="descriptor-group" id="recovery">
<h3>Recovery</h3>
<ul>
<li><strong>1.</strong> Aromatic</li>
<li><strong>2.</strong> Bitter</li>
<li><strong>3.</strong> Blood</li>
<li><strong>4.</strong> Fragrant</li>
<li><strong>5.</strong> Fresh</li>
<li><strong>6.</strong> Juicy</li>
<li><strong>7.</strong> Purifying</li>
<li><strong>8.</strong> Scarred</li>
<li><strong>9.</strong> Smooth</li>
<li><strong>10.</strong> Sweet</li>
</ul>
</div>
<!-- Set 2 Grouping (Under "Sabotage") -->
<div class="descriptor-group" id="sabotage">
<h3>Sabotage</h3>
<ul>
<li><strong>1.</strong> Bitter</li>
<li><strong>2.</strong> Dazzling</li>
<li><strong>3.</strong> Echoing</li>
<li><strong>4.</strong> Eerie</li>
<li><strong>5.</strong> Hexed</li>
<li><strong>6.</strong> Hooked</li>
<li><strong>7.</strong> Irritating</li>
<li><strong>8.</strong> Nauseating</li>
<li><strong>9.</strong> Rusty</li>
<li><strong>10.</strong> Sticky</li>
</ul>
</div>
<!-- Set 3 Grouping (Under "Support") -->
<div class="descriptor-group" id="support">
<h3>Support</h3>
<ul>
<li><strong>1.</strong> Carved</li>
<li><strong>2.</strong> Fairy</li>
<li><strong>3.</strong> Glowing</li>
<li><strong>4.</strong> Harmonious</li>
<li><strong>5.</strong> Iridescent</li>
<li><strong>6.</strong> Lucky</li>
<li><strong>7.</strong> Magical</li>
<li><strong>8.</strong> Noble</li>
<li><strong>9.</strong> Soft</li>
<li><strong>10.</strong> Warm</li>
</ul>
</div>
<!-- Set 4 Grouping (Remaining Descriptors - Assuming a potential fourth set, though not explicitly labeled in the source structure) -->
</div>
<div class="metadata">
</div>
</body>
</html>