154 lines
8.5 KiB
Org Mode
154 lines
8.5 KiB
Org Mode
#+TITLE: The Archive World
|
||
#+OPTIONS: num:nil title:nil toc:nil
|
||
#+NO_SIDENOTES: t
|
||
#+DATE: <2026-07-29 Wed>
|
||
|
||
#+BEGIN_EXPORT html
|
||
<main class="play-root play-page archive-world" data-play-page="archive-world">
|
||
<a class="play-back" href="/play/play.html">Back to Play</a>
|
||
|
||
<header class="play-page-head archive-world__heading">
|
||
<p class="play-kicker">09 / Role Playing World</p>
|
||
<h1>The Archive World</h1>
|
||
<p>A complete story-forward RPG about names, memories, and the connections that give an archive meaning.</p>
|
||
</header>
|
||
|
||
<section class="archive-world__shell" data-world-shell aria-labelledby="archive-world-title">
|
||
<div class="archive-world__hud">
|
||
<div class="rpg-hud__identity">
|
||
<span>Traveler</span>
|
||
<strong data-world-player>New arrival</strong>
|
||
<small data-world-level>Lv 1</small>
|
||
</div>
|
||
<div class="rpg-hud__health">
|
||
<span>Health <strong data-world-health-text>100 / 100</strong></span>
|
||
<div class="rpg-meter" aria-hidden="true"><i data-world-health-bar style="width:100%"></i></div>
|
||
</div>
|
||
<div class="rpg-hud__sigils">
|
||
<span>Archive Sigils</span>
|
||
<strong data-world-sigil-count>0 / 8</strong>
|
||
</div>
|
||
<div class="rpg-hud__item">
|
||
<span>Selected item</span>
|
||
<strong data-world-selected-item>Ink Vial ×2</strong>
|
||
</div>
|
||
<div class="rpg-hud__actions">
|
||
<button type="button" data-world-quests>Quests</button>
|
||
<button type="button" data-world-inventory>Inventory</button>
|
||
<button type="button" data-world-journal-open>Journal</button>
|
||
<button type="button" data-world-sound>Sound: muted</button>
|
||
<button type="button" data-world-fullscreen aria-pressed="false">Fullscreen</button>
|
||
<button type="button" data-world-reset>Menu</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="rpg-objective" aria-live="polite">
|
||
<span>Main objective</span>
|
||
<strong data-world-objective>Speak with Gatekeeper Orin at the Town Gate.</strong>
|
||
</div>
|
||
<p class="archive-world__badge" data-world-badge hidden>Archive Cartographer · all eight landmarks discovered</p>
|
||
|
||
<h2 id="archive-world-title" class="visually-hidden">Archive World role-playing game</h2>
|
||
<div class="archive-world__stage">
|
||
<div
|
||
id="archive-world-game"
|
||
class="archive-world__game"
|
||
tabindex="0"
|
||
role="application"
|
||
aria-label="The Archive World. Move with arrow keys or WASD, attack with Space, interact with E or Enter, use an item with Q, and open the menu with Escape."
|
||
>
|
||
<p class="archive-world__loading">Opening the Archive Town gate…</p>
|
||
</div>
|
||
|
||
<div class="rpg-boss" data-world-boss hidden aria-live="polite">
|
||
<span data-world-boss-name>The Redactor</span>
|
||
<div class="rpg-meter rpg-meter--boss"><i data-world-boss-bar style="width:100%"></i></div>
|
||
</div>
|
||
|
||
<div class="archive-world__overlay" data-world-overlay hidden>
|
||
<section class="archive-world__panel" data-world-panel role="dialog" aria-modal="true" aria-labelledby="archive-world-panel-title">
|
||
<header>
|
||
<div>
|
||
<p class="play-kicker" data-world-panel-eyebrow>Archive</p>
|
||
<h2 id="archive-world-panel-title" data-world-panel-title>Traveler’s folio</h2>
|
||
</div>
|
||
<button type="button" data-world-panel-close aria-label="Close panel">×</button>
|
||
</header>
|
||
<div class="archive-world__panel-body" data-world-panel-body></div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="archive-world__controls" aria-label="Touch game controls">
|
||
<div class="archive-world__dpad">
|
||
<button type="button" data-world-move="up" aria-label="Move up">↑</button>
|
||
<button type="button" data-world-move="left" aria-label="Move left">←</button>
|
||
<button type="button" data-world-move="down" aria-label="Move down">↓</button>
|
||
<button type="button" data-world-move="right" aria-label="Move right">→</button>
|
||
</div>
|
||
<div class="archive-world__action-pad">
|
||
<button type="button" data-world-attack>Attack</button>
|
||
<button type="button" data-world-interact>Explore</button>
|
||
<button type="button" data-world-item>Item</button>
|
||
<button type="button" data-world-menu>Menu</button>
|
||
</div>
|
||
</div>
|
||
|
||
<p class="archive-world__prompt" data-world-prompt>Follow the paths, signs, and warm window light.</p>
|
||
<p class="archive-world__status" data-world-status aria-live="polite">
|
||
Choose your traveler to enter Archive Town.
|
||
</p>
|
||
<p class="archive-world__instructions">
|
||
Move: WASD/arrows · Attack: Space · Explore: E/Enter · Use item: Q · Cycle item: Tab · Pause: Escape.
|
||
Audio begins muted and remains optional.
|
||
</p>
|
||
</section>
|
||
|
||
<dialog class="archive-world__dialog archive-world__setup" data-world-setup>
|
||
<form data-world-setup-form>
|
||
<p class="play-kicker">New traveler</p>
|
||
<h2>Who has arrived?</h2>
|
||
<p>The Town Gate is losing names. Yours has held long enough for the Living Bookmark to find you.</p>
|
||
<label>
|
||
Traveler name
|
||
<input name="name" type="text" minlength="1" maxlength="20" autocomplete="nickname" required />
|
||
</label>
|
||
<fieldset>
|
||
<legend>Traveller coat</legend>
|
||
<label><input type="radio" name="palette" value="brass" checked /> <span class="palette-swatch palette-swatch--brass"></span> Brass</label>
|
||
<label><input type="radio" name="palette" value="moss" /> <span class="palette-swatch palette-swatch--moss"></span> Moss</label>
|
||
<label><input type="radio" name="palette" value="berry" /> <span class="palette-swatch palette-swatch--berry"></span> Berry</label>
|
||
</fieldset>
|
||
<p class="archive-world__error" data-world-setup-error aria-live="polite"></p>
|
||
<button type="submit">Enter the world</button>
|
||
</form>
|
||
</dialog>
|
||
|
||
<details class="archive-world__directory">
|
||
<summary>Plain directory of Archive Town</summary>
|
||
<p>This directory remains usable if JavaScript, Canvas, Phaser, or optional game assets are unavailable.</p>
|
||
<div class="archive-world__directory-grid">
|
||
<section><h2>Town Gate</h2><a href="/">Home</a> · <a href="/recently-updated.html">Recently updated</a> · <a href="/home/contact.html">Contact</a></section>
|
||
<section><h2>Grand Library</h2><a href="/posts/posts-list.html">Posts</a> · <a href="/home/categories.html">Categories</a> · <a href="/posts/posts-intro.html">Introduction</a></section>
|
||
<section><h2>Guild Study</h2><a href="/posts/career/career-list.html">Career</a> · <a href="/home/status.html">Competency status</a> · <a href="/posts/career/probation-objectives.html">Objectives</a></section>
|
||
<section><h2>Kitchen Inn</h2><a href="/blogs/blogs-list.html">Blogs</a> · <a href="/tags/review.html">Weekly reviews</a> · <a href="/blogs/blogs-intro.html">Introduction</a></section>
|
||
<section><h2>Workshop</h2><a href="/home/services.html">Services</a> · <a href="/home/wird-tracker.html">Wird tracker</a> · <a href="/home/countdown.html">Countdowns</a> · <a href="/home/backlog.html">Backlog</a></section>
|
||
<section><h2>Playroom</h2><a href="/play/play.html">Play</a> · <a href="/play/the-rain-index.html">Rain Index</a> · <a href="/play/house.html">House of Pages</a></section>
|
||
<section><h2>Lima Museum</h2><a href="/lima/index.html">Lima</a> · <a href="/blogs/2025/2025-list.html">Older writing</a> · <a href="/play/memory.html">Memory Cabinet</a></section>
|
||
<section><h2>Notes Garden</h2><a href="/home/notes.html">Notes wall</a> · <a href="/home/categories.html">Categories</a> · <a href="/recently-updated.html">Recently updated</a> · <a href="/sitemap.html">Sitemap</a></section>
|
||
</div>
|
||
</details>
|
||
|
||
<noscript><p class="archive-world__noscript">The RPG needs JavaScript, but every destination remains available in the plain directory above.</p></noscript>
|
||
</main>
|
||
|
||
<script src="/assets/scripts/vendor/phaser-4.1.0.min.js" defer></script>
|
||
<script src="/assets/scripts/pages/archive-world-data.js" defer></script>
|
||
<script src="/assets/scripts/pages/archive-world-state.js" defer></script>
|
||
<script src="/assets/scripts/pages/archive-world-systems.js" defer></script>
|
||
<script src="/assets/scripts/pages/archive-world-audio.js" defer></script>
|
||
<script src="/assets/scripts/pages/archive-world-ui.js" defer></script>
|
||
<script src="/assets/scripts/pages/archive-world-scenes.js" defer></script>
|
||
<script src="/assets/scripts/pages/archive-world.js" defer></script>
|
||
#+END_EXPORT
|