Refactor org platform navigation and content flows
All checks were successful
Build Org Website / build (push) Successful in 38s
All checks were successful
Build Org Website / build (push) Successful in 38s
This commit is contained in:
gitea-actions
117
play/rpg.org
117
play/rpg.org
@@ -10,34 +10,73 @@
|
||||
<header class="play-page-head archive-world__heading">
|
||||
<p class="play-kicker">09 / Role Playing World</p>
|
||||
<h1>The Archive World</h1>
|
||||
<p>Walk through the website as a living town. Every lit doorway opens another part of the archive.</p>
|
||||
<p>A complete story-forward RPG about names, memories, and the connections that give an archive meaning.</p>
|
||||
</header>
|
||||
|
||||
<section class="archive-world__shell" aria-labelledby="archive-world-title">
|
||||
<div class="archive-world__toolbar">
|
||||
<div>
|
||||
<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>
|
||||
<span>Landmarks</span>
|
||||
<strong data-world-discovery-count>0 / 8</strong>
|
||||
<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>
|
||||
<p class="archive-world__badge" data-world-badge hidden>Archive Cartographer</p>
|
||||
<button type="button" data-world-journal-open>Discovery journal</button>
|
||||
<button type="button" data-world-sound>Sound: muted</button>
|
||||
<button type="button" data-world-reset>Reset traveler</button>
|
||||
</div>
|
||||
|
||||
<h2 id="archive-world-title" class="visually-hidden">Archive Town game</h2>
|
||||
<div
|
||||
id="archive-world-game"
|
||||
class="archive-world__game"
|
||||
tabindex="0"
|
||||
role="application"
|
||||
aria-label="The Archive World. Move with arrow keys or WASD and interact with E, Space, or Enter."
|
||||
>
|
||||
<p class="archive-world__loading">Preparing Archive Town…</p>
|
||||
<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">
|
||||
@@ -47,15 +86,21 @@
|
||||
<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>
|
||||
<button class="archive-world__interact" type="button" data-world-interact>Explore</button>
|
||||
<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 with arrow keys or WASD. Press E, Space, Enter, or Explore near a glowing landmark.
|
||||
Sound remains muted until you enable it.
|
||||
Move: WASD/arrows · Attack: Space · Explore: E/Enter · Use item: Q · Cycle item: Tab · Pause: Escape.
|
||||
Audio begins muted and remains optional.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
@@ -63,12 +108,13 @@
|
||||
<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>Coat palette</legend>
|
||||
<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>
|
||||
@@ -78,23 +124,9 @@
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<dialog class="archive-world__dialog" data-world-preview>
|
||||
<p class="play-kicker" data-world-preview-eyebrow>Landmark</p>
|
||||
<h2 data-world-preview-title>Archive Town</h2>
|
||||
<p data-world-preview-description></p>
|
||||
<nav class="archive-world__preview-links" data-world-preview-links aria-label="Landmark destinations"></nav>
|
||||
<button type="button" data-world-preview-close>Return to town</button>
|
||||
</dialog>
|
||||
|
||||
<dialog class="archive-world__dialog" data-world-journal>
|
||||
<p class="play-kicker">Discovery journal</p>
|
||||
<h2>Archive Town landmarks</h2>
|
||||
<ul class="archive-world__journal" data-world-journal-list></ul>
|
||||
<button type="button" data-world-journal-close>Close journal</button>
|
||||
</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>
|
||||
@@ -107,10 +139,15 @@
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<noscript><p class="archive-world__noscript">The game needs JavaScript, but every destination remains available in the plain directory above.</p></noscript>
|
||||
<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
|
||||
|
||||
Reference in New Issue
Block a user