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>
166 lines
4.8 KiB
HTML
166 lines
4.8 KiB
HTML
<link rel="stylesheet" href="book-page.css">
|
|
|
|
<div class="document-container">
|
|
|
|
<h1>Animal Classification Comparative Analysis</h1>
|
|
|
|
<!-- Section 1: Comparison Table -->
|
|
<h2>Key Characteristics of Animal Groups</h2>
|
|
|
|
<table class="comparison-table comparison-list">
|
|
<thead>
|
|
<tr>
|
|
<th>Taxon</th>
|
|
<th>Arthropods</th>
|
|
<th>Birds</th>
|
|
<th>Fishes</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th scope="row"><strong>1. Antenna</strong></th>
|
|
<td>Antenna</td>
|
|
<td rowspan="10" style="vertical-align: top;"> </td>
|
|
<td>Bone</td>
|
|
</tr>
|
|
<!-- Row 2 through 10 are merged into the 'Birds' cell -->
|
|
<tr>
|
|
<th scope="row"><strong>2. Carapace</strong></th>
|
|
<td>Carapace</td>
|
|
<td>Cranium</td>
|
|
<td>Cartilage</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"><strong>3. Gland</strong></th>
|
|
<td>Gland</td>
|
|
<td>Crest</td>
|
|
<td>Crest</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"><strong>4. Horn</strong></th>
|
|
<td>Horn</td>
|
|
<td>Egg</td>
|
|
<td>Eggs</td>
|
|
</tr>
|
|
<!-- The rowspan for the cell content is handled by keeping blank cells -->
|
|
<tr>
|
|
<th scope="row"><strong>5. Leg</strong></th>
|
|
<td>Leg</td>
|
|
<td>Feather</td>
|
|
<td>Fin</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"><strong>6. Mandible</strong></th>
|
|
<td>Mandible</td>
|
|
<td>Membrane</td>
|
|
<td>Gland</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"><strong>7. Pincer</strong></th>
|
|
<td>Pincer</td>
|
|
<td>Sac</td>
|
|
<td>Sac</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"><strong>8. Shell</strong></th>
|
|
<td>Shell</td>
|
|
<td>Talon</td>
|
|
<td>Scale</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"><strong>9. Sting</strong></th>
|
|
<td>Sting</td>
|
|
<td>Tendon</td>
|
|
<td>Spine</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"><strong>10. Web</strong></th>
|
|
<td>Web</td>
|
|
<td>Wattle</td>
|
|
<td>Teeth</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<!-- Section 2: Detailed Comparisons (Mammals, Mollusks, Reptiles) -->
|
|
<h2>Taxonomic Feature Comparison</h2>
|
|
|
|
<table class="comparison-table comparison-list">
|
|
<thead>
|
|
<tr>
|
|
<th>Feature</th>
|
|
<th>Mammals</th>
|
|
<th>Mollusks</th>
|
|
<th>Reptiles</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1. Claw</td>
|
|
<td>Claw</td>
|
|
<td>Antenna</td>
|
|
<td>Bone</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2. Cranium</td>
|
|
<td>Cranium</td>
|
|
<td>Gland</td>
|
|
<td>Claw</td>
|
|
</tr>
|
|
<tr>
|
|
<td>3. Fang</td>
|
|
<td>Fang</td>
|
|
<td>Membrane</td>
|
|
<td>Cranium</td>
|
|
</tr>
|
|
<tr>
|
|
<td>4. Fur</td>
|
|
<td>Fur</td>
|
|
<td>Sac</td>
|
|
<td>Crest</td>
|
|
</tr>
|
|
<tr>
|
|
<td>5. Horn</td>
|
|
<td>Horn</td>
|
|
<td>Scale</td>
|
|
<td>Egg</td>
|
|
</tr>
|
|
<tr>
|
|
<td>6. Rib</td>
|
|
<td>Rib</td>
|
|
<td>Seashell</td>
|
|
<td>Fang</td>
|
|
</tr>
|
|
<tr>
|
|
<td>7. Tail</td>
|
|
<td>Tail</td>
|
|
<td>Shell</td>
|
|
<td>Gland</td>
|
|
</tr>
|
|
<tr>
|
|
<td>8. Tendons</td>
|
|
<td>Tendons</td>
|
|
<td>Slime</td>
|
|
<td>Scale</td>
|
|
</tr>
|
|
<tr>
|
|
<td>9. Vertebra</td>
|
|
<td>Vertebra</td>
|
|
<td>Sting</td>
|
|
<td>Spine</td>
|
|
</tr>
|
|
<tr>
|
|
<td>10. Whiskers</td>
|
|
<td>Whiskers</td>
|
|
<td>Tentacle</td>
|
|
<td>Tail</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<!-- Section 3: Materials Generator (Small section, kept as a list or block) -->
|
|
<section>
|
|
<h2>Materials Generator</h2>
|
|
</section>
|
|
|
|
</div> |