Refactor platform UI and data flow across core pages
All checks were successful
Build Org Website / build (push) Successful in 50s
All checks were successful
Build Org Website / build (push) Successful in 50s
This commit is contained in:
gitea-actions
90
play/rpg.org
Normal file → Executable file
90
play/rpg.org
Normal file → Executable file
@@ -6,10 +6,8 @@
|
||||
#+BEGIN_EXPORT html
|
||||
<!-- RPG-STANDALONE-START -->
|
||||
<main class="lima-rpg" data-princess-lima-rpg aria-label="Rescue Princess Lima role-playing game">
|
||||
<a class="lima-exit" href="/">Exit to Website</a>
|
||||
|
||||
<div id="princess-lima-game" class="lima-rpg__game" data-lima-game tabindex="0" role="application"
|
||||
aria-label="Rescue Princess Lima. Move with WASD or arrow keys. Attack with Space. Interact with E or Enter. Use a healing tonic with Q. Pause with Escape.">
|
||||
aria-label="Rescue Princess Lima. Keyboard game. Move with WASD or arrow keys. Attack with Space. Interact with E or Enter. Use a healing tonic with Q. Inventory I. Quests J. Menu Escape or M. Fullscreen F.">
|
||||
</div>
|
||||
|
||||
<section class="lima-rpg__loading" data-lima-loading aria-live="polite">
|
||||
@@ -24,6 +22,8 @@
|
||||
<div class="lima-menu-stack">
|
||||
<button type="button" class="lima-primary" data-lima-new>New Game</button>
|
||||
<button type="button" data-lima-continue disabled>Continue</button>
|
||||
<button type="button" data-lima-replay-intro>Replay Introduction</button>
|
||||
<button type="button" data-lima-menu-settings>Settings</button>
|
||||
<button type="button" data-lima-credits>Credits</button>
|
||||
<a class="lima-button-link" href="/">Exit to Website</a>
|
||||
</div>
|
||||
@@ -46,22 +46,45 @@
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section class="lima-hud" data-lima-hud hidden aria-label="Game status">
|
||||
<div><span>Traveller</span><strong data-lima-player>Traveller</strong><span data-lima-chapter>Chapter 1</span></div>
|
||||
<div><span>Health</span><strong data-lima-health>100 / 100</strong><div class="lima-hud__healthbar" aria-hidden="true"><i></i></div></div>
|
||||
<div class="lima-hud__objective"><span data-lima-region>Broken Village</span><strong data-lima-objective>Speak with Elder Corin.</strong></div>
|
||||
<div class="lima-hud__actions">
|
||||
<button type="button" data-lima-quests aria-label="Quest log">Quests</button>
|
||||
<button type="button" data-lima-inventory aria-label="Inventory" data-lima-tonics>Tonic ×2</button>
|
||||
<button type="button" data-lima-sound>Sound Muted</button>
|
||||
<button type="button" data-lima-fullscreen aria-pressed="false">Fullscreen</button>
|
||||
<button type="button" data-lima-pause>Menu</button>
|
||||
<section class="lima-intro" data-lima-intro hidden tabindex="-1" aria-label="Opening cinematic">
|
||||
<div class="lima-intro__picture" data-lima-intro-picture data-panel="0" role="img" aria-label="Princess Lima and the fall of the northern kingdom"></div>
|
||||
<div class="lima-intro__vignette" aria-hidden="true"></div>
|
||||
<div class="lima-intro__subtitle" data-lima-intro-subtitle aria-live="polite"></div>
|
||||
<div class="lima-intro__progress" role="progressbar" aria-label="Introduction progress" aria-valuemin="1" aria-valuemax="5" aria-valuenow="1"><i data-lima-intro-progress></i></div>
|
||||
<div class="lima-intro__controls">
|
||||
<button type="button" data-lima-intro-pause aria-pressed="false">Pause</button>
|
||||
<button type="button" data-lima-intro-mute aria-pressed="true">Enable sound</button>
|
||||
<button type="button" data-lima-intro-skip>Skip introduction</button>
|
||||
<span>Hold Escape to skip · P to pause</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="lima-boss" data-lima-boss hidden aria-live="polite">
|
||||
<strong data-lima-boss-name>Guardian</strong>
|
||||
<div class="lima-boss__bar" aria-hidden="true"><i></i></div>
|
||||
<section class="lima-hud" data-lima-hud hidden aria-label="Game status">
|
||||
<header class="lima-hud__identity">
|
||||
<div class="lima-hud__portrait lima-sprite" aria-hidden="true"></div>
|
||||
<div><span>Traveller</span><strong data-lima-player>Traveller</strong><span data-lima-chapter>Chapter 1</span></div>
|
||||
</header>
|
||||
<div><span>Health</span><strong data-lima-health>100 / 100</strong><div class="lima-hud__healthbar" aria-hidden="true"><i></i></div></div>
|
||||
<div class="lima-hud__equipment">
|
||||
<span>Weapon</span><strong data-lima-weapon>Unarmed</strong>
|
||||
<span>Defence</span><strong data-lima-armour>None</strong>
|
||||
<span>Selected item · Q</span><strong data-lima-selected-item>Healing Tonic ×2</strong>
|
||||
<span>Moon coins</span><strong data-lima-currency>0</strong>
|
||||
</div>
|
||||
<div class="lima-hud__objective"><span data-lima-region>Broken Village</span><strong data-lima-objective>Speak with Elder Corin.</strong></div>
|
||||
<div class="lima-boss" data-lima-boss hidden aria-live="polite">
|
||||
<strong data-lima-boss-name>Guardian</strong>
|
||||
<div class="lima-boss__bar" aria-hidden="true"><i></i></div>
|
||||
</div>
|
||||
<div class="lima-hud__actions">
|
||||
<button type="button" data-lima-quests aria-label="Quest log">Quests <kbd>J</kbd></button>
|
||||
<button type="button" data-lima-inventory aria-label="Inventory" data-lima-tonics>Inventory <kbd>I</kbd></button>
|
||||
<button type="button" data-lima-sound>Sound Muted</button>
|
||||
<button type="button" data-lima-fullscreen aria-pressed="false">Fullscreen</button>
|
||||
<button type="button" data-lima-pause>Menu <kbd>M</kbd></button>
|
||||
<a class="lima-button-link" href="/">Exit to Website</a>
|
||||
</div>
|
||||
<p class="lima-hud__keys">Move WASD / arrows · Attack Space · Interact E / Enter · Item Q · Cycle Tab · Fullscreen F</p>
|
||||
</section>
|
||||
|
||||
<div class="lima-status-stack" data-lima-status-stack hidden>
|
||||
@@ -69,21 +92,6 @@
|
||||
<p class="lima-status" data-lima-status aria-live="polite">Audio begins muted. Press Sound to enable it.</p>
|
||||
</div>
|
||||
|
||||
<div class="lima-touch" data-lima-touch hidden aria-label="Touch controls">
|
||||
<div class="lima-dpad">
|
||||
<button type="button" data-lima-move="up" aria-label="Move up">↑</button>
|
||||
<button type="button" data-lima-move="left" aria-label="Move left">←</button>
|
||||
<button type="button" data-lima-move="down" aria-label="Move down">↓</button>
|
||||
<button type="button" data-lima-move="right" aria-label="Move right">→</button>
|
||||
</div>
|
||||
<div class="lima-actions">
|
||||
<button type="button" data-lima-attack>Attack</button>
|
||||
<button type="button" data-lima-interact>Interact</button>
|
||||
<button type="button" data-lima-item>Item</button>
|
||||
<button type="button" data-lima-pause>Menu</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lima-overlay" data-lima-overlay hidden>
|
||||
<section class="lima-panel" data-lima-panel role="dialog" aria-modal="true" aria-labelledby="lima-panel-title">
|
||||
<header>
|
||||
@@ -99,14 +107,16 @@
|
||||
</noscript>
|
||||
</main>
|
||||
|
||||
<link rel="stylesheet" href="/assets/styles/pages/princess-lima-rpg.css?v=princess-lima-1.0.1" />
|
||||
<script src="/assets/scripts/vendor/phaser-4.1.0.min.js?v=princess-lima-1.0.1" defer></script>
|
||||
<script src="/assets/scripts/pages/princess-lima-data.js?v=princess-lima-1.0.1" defer></script>
|
||||
<script src="/assets/scripts/pages/princess-lima-state.js?v=princess-lima-1.0.1" defer></script>
|
||||
<script src="/assets/scripts/pages/princess-lima-systems.js?v=princess-lima-1.0.1" defer></script>
|
||||
<script src="/assets/scripts/pages/princess-lima-audio.js?v=princess-lima-1.0.1" defer></script>
|
||||
<script src="/assets/scripts/pages/princess-lima-ui.js?v=princess-lima-1.0.1" defer></script>
|
||||
<script src="/assets/scripts/pages/princess-lima-scenes.js?v=princess-lima-1.0.1" defer></script>
|
||||
<script src="/assets/scripts/pages/princess-lima-game.js?v=princess-lima-1.0.1" defer></script>
|
||||
<link rel="stylesheet" href="/assets/styles/pages/princess-lima-rpg.css?v=princess-lima-1.1.0" />
|
||||
<script src="/assets/scripts/vendor/phaser-4.1.0.min.js?v=princess-lima-1.1.0" defer></script>
|
||||
<script src="/assets/scripts/pages/princess-lima-data.js?v=princess-lima-1.1.0" defer></script>
|
||||
<script src="/assets/scripts/pages/princess-lima-state.js?v=princess-lima-1.1.0" defer></script>
|
||||
<script src="/assets/scripts/pages/princess-lima-systems.js?v=princess-lima-1.1.0" defer></script>
|
||||
<script src="/assets/scripts/pages/princess-lima-audio.js?v=princess-lima-1.1.0" defer></script>
|
||||
<script src="/assets/scripts/pages/princess-lima-ui.js?v=princess-lima-1.1.0" defer></script>
|
||||
<script src="/assets/scripts/pages/princess-lima-maps.js?v=princess-lima-1.1.0" defer></script>
|
||||
<script src="/assets/scripts/pages/princess-lima-intro.js?v=princess-lima-1.1.0" defer></script>
|
||||
<script src="/assets/scripts/pages/princess-lima-scenes.js?v=princess-lima-1.1.0" defer></script>
|
||||
<script src="/assets/scripts/pages/princess-lima-game.js?v=princess-lima-1.1.0" defer></script>
|
||||
<!-- RPG-STANDALONE-END -->
|
||||
#+END_EXPORT
|
||||
|
||||
Reference in New Issue
Block a user