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>
44 lines
3.4 KiB
HTML
44 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Character Archetypes: Protagonists</title>
|
||
<link rel="stylesheet" href="book-page.css">
|
||
</head>
|
||
<body>
|
||
|
||
<header>
|
||
<h1>33 PROTAGONISTS</h1>
|
||
<h2>Character Archetypes</h2>
|
||
</header>
|
||
|
||
<!-- INVOCATION SECTION -->
|
||
<section class="archetype-description" id="invoker">
|
||
<h2>INVOKER</h2>
|
||
<ul>
|
||
<li>Inspired by the geomancer archetype presented in some JRPGs, the Invoker never has access to their full range of abilities – instead, their invocations are based upon the elemental wellsprings available on the scene. To compensate, their cost in Mind Points is low and their effects are quite strong… not to mention the possibility of enhancing various kinds of damage with “Hex” invocations.</li>
|
||
<li>The Ripples Skill is very powerful, but requires a synergy with at least one other member of the group who is able to capitalize upon the different types of damage: the obvious choice is an Elementalist, but Chanters, Dancers (see <a href="#page-136">High Fantasy Atlas</a>, page 136 and 142) and Espers (see <a href="#page-150">Techno Fantasy Atlas</a>, page 150) are not far behind.</li>
|
||
<li>Far from being a mere gameplay rule, the fact Invokers don’t impose themselves upon the environment but rather adapt to it is a powerful thematic choice. It also creates a contrast with Elementalists, who have to spend vast amounts of Mind Points to reliably access whatever damage type they require. This tension, as well as the role of elemental creatures and the relationship between magical arts and ecology, are very interesting parts of the setting to explore.</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- MERCHANT SECTION -->
|
||
<section class="archetype-description" id="merchant">
|
||
<h2>MERCHANT</h2>
|
||
<ul>
|
||
<li>Although more compact than the previous three Classes, the Merchant shouldn’t be underestimated: Winds of Trade lets you introduce new NPCs and gives you access to the right tool at the right time, while the other Skills form an impressive support arsenal, especially for characters who heavily rely on Inventory Points, such as Tinkerers and Symbolists (see <a href="#page-146">High Fantasy Atlas</a>, page 146).</li>
|
||
<li>A cornerstone of the Merchant is that it doesn’t focus on accumulating money, as shown by the Real Treasure Skill. The heroic nature of this Class hinges upon communication, contacts, and helping exchanges between distant people. It’s a quest for richness and prosperity, but in a human, cultural and communal sense.</li>
|
||
<li>Merchants are curious, perceptive and very attentive individuals: some have traveled far and wide, others have accrued knowledge of every sort over the course of many negotiations, meetings and encounters. A Merchant’s Player should be involved in establishing setting elements such as trade routes, roads, relationships between people, and key resources, not to mention matters of etiquette, such as what would be the most fitting gift to present to a prominent public figure.</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- QUOTE / FOOTER BLOCK -->
|
||
<div class="quote-block">
|
||
<p style="font-size: 1.3em;">“You must be strong, yes! But also humble, and kind.</p>
|
||
<p>There is no other way for a better world.”</p>
|
||
<hr style="margin: 20px 0; border: none; border-top: 1px dashed #ddd;">
|
||
</div>
|
||
|
||
</body>
|
||
</html> |