Refine Princess Lima for v2 presentation

play/rpg.org

@@ -16,9 +16,9 @@
   </section>
 
   <section class="lima-main-menu" data-lima-menu hidden aria-labelledby="lima-game-title">
-    <p class="lima-main-menu__eyebrow">A four-chapter fantasy adventure</p>
+    <p class="lima-main-menu__eyebrow">A storybook fantasy adventure</p>
     <h1 id="lima-game-title">Rescue<br />Princess Lima</h1>
-    <p class="lima-main-menu__tagline">The princess has been taken beyond the mountains. Help a wounded village, cross the wild roads, and enter the Fortress of Shadows.</p>
+    <p class="lima-main-menu__tagline">A kingdom remembers the light. Help its people rise, cross the wild roads, and bring Princess Lima home.</p>
     <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>
@@ -41,24 +41,11 @@
         <label><input type="radio" name="appearance" value="pine" /> Pine</label>
       </fieldset>
       <p class="lima-setup__error" data-lima-setup-error aria-live="polite"></p>
-      <button type="submit" class="lima-primary">Begin Chapter One</button>
+      <button type="submit" class="lima-primary">Begin the Journey</button>
       <button type="button" data-lima-setup-cancel>Back</button>
     </form>
   </section>
 
-  <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-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>
@@ -84,14 +71,16 @@
       <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>
+    <p class="lima-hud__keys">Move WASD / arrows · Tap Space combo · Hold Space charge · Block Shift · Interact E · Item Q · Fullscreen F</p>
   </section>
 
   <div class="lima-status-stack" data-lima-status-stack hidden>
-    <p class="lima-prompt" data-lima-prompt>Move with WASD or arrow keys.</p>
+    <p class="lima-prompt" data-lima-prompt>Explore · speak · protect · discover</p>
     <p class="lima-status" data-lima-status aria-live="polite">Audio begins muted. Press Sound to enable it.</p>
   </div>
 
+  <p class="lima-screenreader" data-lima-screenreader aria-live="assertive" aria-atomic="true"></p>
+
   <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>
@@ -107,16 +96,16 @@
   </noscript>
 </main>
 
-<link rel="stylesheet" href="/assets/styles/pages/princess-lima-rpg.css?v=princess-lima-1.1.2" />
-<script src="/assets/scripts/vendor/phaser-4.1.0.min.js?v=princess-lima-1.1.2" defer></script>
-<script src="/assets/scripts/pages/princess-lima-data.js?v=princess-lima-1.1.2" defer></script>
-<script src="/assets/scripts/pages/princess-lima-state.js?v=princess-lima-1.1.2" defer></script>
-<script src="/assets/scripts/pages/princess-lima-systems.js?v=princess-lima-1.1.2" defer></script>
-<script src="/assets/scripts/pages/princess-lima-audio.js?v=princess-lima-1.1.2" defer></script>
-<script src="/assets/scripts/pages/princess-lima-ui.js?v=princess-lima-1.1.2" defer></script>
-<script src="/assets/scripts/pages/princess-lima-maps.js?v=princess-lima-1.1.2" defer></script>
-<script src="/assets/scripts/pages/princess-lima-intro.js?v=princess-lima-1.1.2" defer></script>
-<script src="/assets/scripts/pages/princess-lima-scenes.js?v=princess-lima-1.1.2" defer></script>
-<script src="/assets/scripts/pages/princess-lima-game.js?v=princess-lima-1.1.2" defer></script>
+<link rel="stylesheet" href="/assets/styles/pages/princess-lima-rpg.css?v=princess-lima-2.0.0" />
+<script src="/assets/scripts/vendor/phaser-4.1.0.min.js?v=princess-lima-2.0.0" defer></script>
+<script src="/assets/scripts/vendor/easystar-0.4.4.min.js?v=princess-lima-2.0.0" defer></script>
+<script src="/assets/scripts/pages/princess-lima-v2-data.js?v=princess-lima-2.0.0" defer></script>
+<script src="/assets/scripts/pages/princess-lima-v2-state.js?v=princess-lima-2.0.0" defer></script>
+<script src="/assets/scripts/pages/princess-lima-v2-systems.js?v=princess-lima-2.0.0" defer></script>
+<script src="/assets/scripts/pages/princess-lima-audio.js?v=princess-lima-2.0.0" defer></script>
+<script src="/assets/scripts/pages/princess-lima-v2-ui.js?v=princess-lima-2.0.0" defer></script>
+<script src="/assets/scripts/pages/princess-lima-v2-maps.js?v=princess-lima-2.0.0" defer></script>
+<script src="/assets/scripts/pages/princess-lima-v2-scenes.js?v=princess-lima-2.0.0" defer></script>
+<script src="/assets/scripts/pages/princess-lima-v2-game.js?v=princess-lima-2.0.0" defer></script>
 <!-- RPG-STANDALONE-END -->
 #+END_EXPORT