Keep back/press on controls in a fixed header when standalone.

[heroik.git] / scenario.html
diff --git a/scenario.html b/scenario.html

index 9d70e63..5959411 100644 (file)
--- a/scenario.html
+++ b/scenario.html
@@ -27,21 +27,17 @@
      <script src="heroik.js" type="text/javascript"></script>
      <script src="names.js" type="text/javascript"></script>
      <script src="scenarios.js" type="text/javascript"></script>
-    <title>- Hero: Immortal King</title>
+    <title>Scenario - Hero: Immortal King</title>
    </head>
    <body onload="generateScenario()">
-    <div id=statusbar></div>
-    <main>
-    <div style="height: 3em" class="no-print">
-      <a class=button style="float: left; text-align: left"
-         href="heroik.html">
-        ◄ Finished!
-      </a>
+    <header>
+      <a class=button href="heroik.html">◀ Finished!</a>
        <a class=button style="float: right; text-align: right"
           onclick="nextEvent(this)">
          Press On ▼
        </a>
-    </div>
+    </header>
+    <main>
      <h1 id=name onclick="randomizeName()">The Boiling Forest</h1>
      <table id=fate>
        <thead><tr><th>Fate Chart</th><th>Event</th></tr></thead>
@@ -49,7 +45,11 @@
        <tfoot>
          <tr>
            <td></td>
-          <td>You stand outside the entrance.</td></tr>
+          <td>
+            You stand outside the entrance.
+            <noscript>Without JavaScript a strange barrier prevents
+              you from continuing.</noscript>
+          </td></tr>
        </tfoot>
      </table>
      </main>