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>
41 lines
1.2 KiB
HTML
41 lines
1.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>Chapter Layout</title>
|
|
<link rel="stylesheet" href="book-page.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="document-page">
|
|
|
|
<!-- Header Area (Page Numbering) -->
|
|
<header>
|
|
<span class="page-number">199</span>
|
|
<div class="section-marker">W</div>
|
|
</header>
|
|
|
|
<!-- Main Content/Title Block -->
|
|
<div class="main-title-block">
|
|
<h1>44 ANTAGONISTS</h1>
|
|
<span class="subtitle">CHAPTER</span>
|
|
<!-- Assuming the structure means there are two distinct chapter indicators -->
|
|
<p style="font-size: 1em; color: #aaa;">— CHAPTER —</p>
|
|
</div>
|
|
|
|
<!-- Chapter Sectioning (Using a prominent heading) -->
|
|
<div class="chapter-section">
|
|
<h2>Content Flow Placeholder</h2>
|
|
<p>This section would typically contain the main body text of the chapter. Based on the raw extract, this area represents the core content related to "Antagonists."</p>
|
|
</div>
|
|
|
|
<!-- Metadata/Footer (Order Information) -->
|
|
<footer>
|
|
<p>Document Generated For:</p>
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |