Refactor org web content and simplify shared UI
All checks were successful
Build Org Website / build (push) Successful in 44s
All checks were successful
Build Org Website / build (push) Successful in 44s
This commit is contained in:
gitea-actions
@@ -114,7 +114,7 @@
|
||||
<section><h2>Study</h2><a href="/posts/career/career-list.html">Career</a> · <a href="/home/status.html">Competency status</a></section>
|
||||
<section><h2>Kitchen</h2><a href="/blogs/blogs-list.html">Blogs</a> · <a href="/tags/review.html">Weekly reviews</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/backlog.html">Backlog</a></section>
|
||||
<section><h2>Playroom</h2><a href="/play/play.html">Play</a> · <a href="/play/rpg.html">Ash Below the Lake</a></section>
|
||||
<section><h2>Playroom</h2><a href="/play/play.html">Play</a> · <a href="/play/rpg.html">The Archive World</a></section>
|
||||
<section><h2>Attic</h2><a href="/lima/index.html">Lima archive</a> · <a href="/blogs/blogs-list.html">Older writing</a></section>
|
||||
<section><h2>Garden</h2><a href="/home/notes.html">Notes wall</a> · <a href="/home/categories.html">Categories</a> · <a href="/sitemap.html">Sitemap</a></section>
|
||||
</div>
|
||||
|
||||
@@ -23,8 +23,6 @@
|
||||
<button class="play-orbit__node" type="button" data-index="8">9</button>
|
||||
<button class="play-orbit__node" type="button" data-index="9">10</button>
|
||||
<button class="play-orbit__node" type="button" data-index="10">11</button>
|
||||
<button class="play-orbit__node" type="button" data-index="11">12</button>
|
||||
<button class="play-orbit__node" type="button" data-index="12">13</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -47,15 +45,13 @@
|
||||
<a href="/play/constellation.html" data-kind="Sketch" data-desc="Draw a star map by connecting points, then name the constellation."><span>02</span><strong>Constellation Desk</strong></a>
|
||||
<a href="/play/poem.html" data-kind="Generator" data-desc="Compose tiny academic marginalia with a hand-cranked phrase machine."><span>03</span><strong>Marginalia Machine</strong></a>
|
||||
<a href="/play/bookshelf.html" data-kind="Puzzle" data-desc="Sort a shelf of invented books into a pleasing order before the bell."><span>04</span><strong>Bookshelf Sort</strong></a>
|
||||
<a href="/play/recipe.html" data-kind="Spinner" data-desc="Spin a family supper wheel and collect a playful menu."><span>05</span><strong>Supper Wheel</strong></a>
|
||||
<a href="/play/timeline.html" data-kind="Puzzle" data-desc="Drag family-site milestones into chronological order."><span>06</span><strong>Timeline Tangle</strong></a>
|
||||
<a href="/play/ink.html" data-kind="Canvas" data-desc="Make a living ink pond with ripples, trails, and quiet motion."><span>07</span><strong>Ink Pond</strong></a>
|
||||
<a href="/play/terminal.html" data-kind="Story" data-desc="Explore a tiny command-line adventure hidden in the archive."><span>08</span><strong>Archive Terminal</strong></a>
|
||||
<a href="/play/study.html" data-kind="Timer" data-desc="Run a focus timer that grows a little desk scene as time passes."><span>09</span><strong>Study Lamp</strong></a>
|
||||
<a href="/play/sigil.html" data-kind="Maker" data-desc="Generate a small personal sigil from initials, colors, and motto."><span>10</span><strong>Sigil Press</strong></a>
|
||||
<a href="/play/rpg.html" data-kind="RPG" data-desc="Enter Morrow's End, survive memory battles, choose whether to confront, listen, or forget, and decide the lake's fate."><span>11</span><strong>Ash Below the Lake</strong></a>
|
||||
<a href="/play/the-rain-index.html" data-kind="Artifact" data-desc="Handle impossible paper rooms, type forgotten words, and let a rainy archive file you back."><span>12</span><strong>The Rain Index</strong></a>
|
||||
<a href="/play/house.html" data-kind="Living archive" data-desc="Wander through a lived-in house where every room opens another part of the archive."><span>13</span><strong>The House of Pages</strong></a>
|
||||
<a href="/play/ink.html" data-kind="Canvas" data-desc="Make a living ink pond with ripples, trails, and quiet motion."><span>05</span><strong>Ink Pond</strong></a>
|
||||
<a href="/play/terminal.html" data-kind="Story" data-desc="Explore a tiny command-line adventure hidden in the archive."><span>06</span><strong>Archive Terminal</strong></a>
|
||||
<a href="/play/study.html" data-kind="Timer" data-desc="Run a focus timer that grows a little desk scene as time passes."><span>07</span><strong>Study Lamp</strong></a>
|
||||
<a href="/play/sigil.html" data-kind="Maker" data-desc="Generate a small personal sigil from initials, colors, and motto."><span>08</span><strong>Sigil Press</strong></a>
|
||||
<a href="/play/rpg.html" data-kind="RPG world" data-desc="Walk through the website as Archive Town, discover eight landmarks, and travel through its living sections."><span>09</span><strong>The Archive World</strong></a>
|
||||
<a href="/play/the-rain-index.html" data-kind="Artifact" data-desc="Handle impossible paper rooms, type forgotten words, and let a rainy archive file you back."><span>10</span><strong>The Rain Index</strong></a>
|
||||
<a href="/play/house.html" data-kind="Living archive" data-desc="Wander through a lived-in house where every room opens another part of the archive."><span>11</span><strong>The House of Pages</strong></a>
|
||||
</nav>
|
||||
</main>
|
||||
#+END_EXPORT
|
||||
|
||||
@@ -1,19 +0,0 @@
|
||||
#+TITLE: Supper Wheel
|
||||
#+OPTIONS: num:nil title:nil toc:nil
|
||||
#+NO_SIDENOTES: t
|
||||
#+DATE: <2026-05-09 Sat>
|
||||
|
||||
#+BEGIN_EXPORT html
|
||||
<main class="play-root play-page" data-play-page="recipe">
|
||||
<a class="play-back" href="/play/play.html">Back to Play</a>
|
||||
<header class="play-page-head">
|
||||
<p class="play-kicker">05 / Spinner</p>
|
||||
<h1>Supper Wheel</h1>
|
||||
<p>Spin for a cheerful menu: base, main, side, and table note.</p>
|
||||
</header>
|
||||
<section class="play-tool recipe-tool">
|
||||
<button class="recipe-wheel" type="button" data-recipe-spin aria-label="Spin supper wheel">Spin</button>
|
||||
<ul class="recipe-result" data-recipe-result></ul>
|
||||
</section>
|
||||
</main>
|
||||
#+END_EXPORT
|
||||
147
play/rpg.org
Executable file → Normal file
147
play/rpg.org
Executable file → Normal file
@@ -1,61 +1,116 @@
|
||||
#+TITLE: Ash Below the Lake
|
||||
#+TITLE: The Archive World
|
||||
#+OPTIONS: num:nil title:nil toc:nil
|
||||
#+NO_SIDENOTES: t
|
||||
#+DATE: <2026-05-09 Sat>
|
||||
#+DATE: <2026-07-29 Wed>
|
||||
|
||||
#+BEGIN_EXPORT html
|
||||
<main class="play-root play-page rpg-root ash-rpg-root" data-play-page="rpg">
|
||||
<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">
|
||||
<p class="play-kicker">11 / Role Playing Game</p>
|
||||
<h1>Ash Below the Lake</h1>
|
||||
<p>A 2D story RPG set beside a black lake that remembers names, grief, and everyone the world tries to forget.</p>
|
||||
|
||||
<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>
|
||||
</header>
|
||||
|
||||
<section class="play-tool rpg-shell ash-rpg-shell" aria-label="Ash Below the Lake game">
|
||||
<div class="rpg-stage">
|
||||
<canvas class="rpg-canvas ash-rpg-canvas" width="960" height="540" data-rpg-canvas></canvas>
|
||||
<div class="rpg-dialogue" data-rpg-dialogue aria-live="polite">
|
||||
<strong data-rpg-speaker>The Letter</strong>
|
||||
<p data-rpg-line>Don't let the lake remember your name.</p>
|
||||
<section class="archive-world__shell" aria-labelledby="archive-world-title">
|
||||
<div class="archive-world__toolbar">
|
||||
<div>
|
||||
<span>Traveler</span>
|
||||
<strong data-world-player>New arrival</strong>
|
||||
</div>
|
||||
<div>
|
||||
<span>Landmarks</span>
|
||||
<strong data-world-discovery-count>0 / 8</strong>
|
||||
</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>
|
||||
|
||||
<aside class="rpg-panel" aria-label="Game controls and progress">
|
||||
<div class="rpg-actions">
|
||||
<button type="button" data-rpg-start>Start</button>
|
||||
<button type="button" data-rpg-save>Save</button>
|
||||
<button type="button" data-rpg-load>Load</button>
|
||||
<button type="button" data-rpg-reset>New Game</button>
|
||||
<button type="button" data-rpg-sound>Sound</button>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<button class="archive-world__interact" type="button" data-world-interact>Explore</button>
|
||||
</div>
|
||||
|
||||
<div class="rpg-mobile-pad" aria-label="Movement controls">
|
||||
<button type="button" data-rpg-move="up">Up</button>
|
||||
<button type="button" data-rpg-move="left">Left</button>
|
||||
<button type="button" data-rpg-act>Act</button>
|
||||
<button type="button" data-rpg-move="right">Right</button>
|
||||
<button type="button" data-rpg-move="down">Down</button>
|
||||
</div>
|
||||
|
||||
<dl class="rpg-stats">
|
||||
<div><dt>District</dt><dd data-rpg-room>Harbor Row</dd></div>
|
||||
<div><dt>Route</dt><dd data-rpg-route>Undecided</dd></div>
|
||||
<div><dt>Resolve</dt><dd data-rpg-hearts>20</dd></div>
|
||||
</dl>
|
||||
|
||||
<section class="rpg-list">
|
||||
<h2>Memory Journal</h2>
|
||||
<ul data-rpg-quests></ul>
|
||||
</section>
|
||||
|
||||
<section class="rpg-list">
|
||||
<h2>Inventory</h2>
|
||||
<ul data-rpg-inventory></ul>
|
||||
</section>
|
||||
|
||||
<p class="rpg-status" data-rpg-status>Move with arrows or WASD. Act with Space or Enter. Sound starts after your first input.</p>
|
||||
</aside>
|
||||
<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.
|
||||
</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>
|
||||
<label>
|
||||
Traveler name
|
||||
<input name="name" type="text" minlength="1" maxlength="20" autocomplete="nickname" required />
|
||||
</label>
|
||||
<fieldset>
|
||||
<legend>Coat palette</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>
|
||||
|
||||
<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>
|
||||
<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 game 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-state.js" defer></script>
|
||||
<script src="/assets/scripts/pages/archive-world.js" defer></script>
|
||||
#+END_EXPORT
|
||||
|
||||
@@ -1,22 +0,0 @@
|
||||
#+TITLE: Timeline Tangle
|
||||
#+OPTIONS: num:nil title:nil toc:nil
|
||||
#+NO_SIDENOTES: t
|
||||
#+DATE: <2026-05-09 Sat>
|
||||
|
||||
#+BEGIN_EXPORT html
|
||||
<main class="play-root play-page" data-play-page="timeline">
|
||||
<a class="play-back" href="/play/play.html">Back to Play</a>
|
||||
<header class="play-page-head">
|
||||
<p class="play-kicker">06 / Puzzle</p>
|
||||
<h1>Timeline Tangle</h1>
|
||||
<p>Drag the cards from earliest to latest.</p>
|
||||
</header>
|
||||
<section class="play-tool">
|
||||
<div class="play-scorebar">
|
||||
<span data-timeline-status>Arrange the cards</span>
|
||||
<button type="button" data-timeline-shuffle>Shuffle</button>
|
||||
</div>
|
||||
<div class="timeline-list" data-timeline-list></div>
|
||||
</section>
|
||||
</main>
|
||||
#+END_EXPORT
|
||||
Reference in New Issue
Block a user