61 lines
2.2 KiB
Org Mode
61 lines
2.2 KiB
Org Mode
#+TITLE: Hollow Archive
|
|
#+OPTIONS: num:nil title:nil toc:nil
|
|
#+NO_SIDENOTES: t
|
|
#+DATE: <2026-05-09 Sat>
|
|
|
|
#+BEGIN_EXPORT html
|
|
<main class="play-root play-page rpg-root" data-play-page="rpg">
|
|
<a class="play-back" href="/play.html">Back to Play</a>
|
|
<header class="play-page-head">
|
|
<p class="play-kicker">11 / Role Playing Game</p>
|
|
<h1>Hollow Archive</h1>
|
|
<p>A tiny 2D RPG base: move through rooms, speak with characters, collect items, complete quests, save progress, and steer the ending.</p>
|
|
</header>
|
|
|
|
<section class="play-tool rpg-shell" aria-label="Hollow Archive game">
|
|
<div class="rpg-stage">
|
|
<canvas class="rpg-canvas" width="768" height="512" data-rpg-canvas></canvas>
|
|
<div class="rpg-dialogue" data-rpg-dialogue aria-live="polite">
|
|
<strong data-rpg-speaker>Archivist</strong>
|
|
<p data-rpg-line>Press Start to enter the archive.</p>
|
|
</div>
|
|
</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>Reset</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>Room</dt><dd data-rpg-room>Entrance</dd></div>
|
|
<div><dt>Route</dt><dd data-rpg-route>Undecided</dd></div>
|
|
<div><dt>Hearts</dt><dd data-rpg-hearts>3</dd></div>
|
|
</dl>
|
|
|
|
<section class="rpg-list">
|
|
<h2>Quests</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>Keyboard: arrows or WASD to move, Space or Enter to act.</p>
|
|
</aside>
|
|
</section>
|
|
</main>
|
|
#+END_EXPORT
|