Act reasonably in the presence of noscript.
authorJoe Wreschnig <joe.wreschnig@gmail.com>
Tue, 26 Aug 2014 13:05:12 +0000 (15:05 +0200)
committerJoe Wreschnig <joe.wreschnig@gmail.com>
Tue, 26 Aug 2014 13:05:12 +0000 (15:05 +0200)
abilities.html
allevents.html
heroik.css
heroik.html
scenario.html

index 3a80734..759f6c3 100644 (file)
@@ -33,7 +33,7 @@
     <a class="button no-print" href="heroik.html">
       ◀ Return
     </a>
     <a class="button no-print" href="heroik.html">
       ◀ Return
     </a>
-    <h1>Dungeon Card Special Abilities</h1>
+    <h1>Special Abilities</h1>
     <table id=abilities>
       <tbody>
         <tr>
     <table id=abilities>
       <tbody>
         <tr>
index 5fe2664..654c424 100644 (file)
@@ -27,7 +27,7 @@
     <script src="heroik.js" type="text/javascript"></script>
     <script src="names.js" type="text/javascript"></script>
     <script src="scenarios.js" type="text/javascript"></script>
     <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>Scenario Events - Hero: Immortal King</title>
+    <title>Fate Chart Events - Hero: Immortal King</title>
   </head>
   <body onload="
         canonicalToHTML(document.getElementById('canonical'));
   </head>
   <body onload="
         canonicalToHTML(document.getElementById('canonical'));
@@ -41,6 +41,9 @@
         ◄ Finished!
       </a>
     </div>
         ◄ Finished!
       </a>
     </div>
+    <noscript>
+      Viewing the list of Fate Chart events requires JavaScript.
+    </noscript>
     <h1>Fate Chart Events</h1>
     <h2>Canonical</h2>
     <table id=canonical class=tall>
     <h1>Fate Chart Events</h1>
     <h2>Canonical</h2>
     <table id=canonical class=tall>
index d3e9009..d1a9936 100644 (file)
@@ -251,9 +251,10 @@ input[type=checkbox] {
     box-shadow: 0.0625em 0.0625em 0.0625em 0.0625em #888;
 }
 
     box-shadow: 0.0625em 0.0625em 0.0625em 0.0625em #888;
 }
 
-main > div {
+main > div, main > noscript {
     text-align: center;
     margin-bottom: 1rem;
     text-align: center;
     margin-bottom: 1rem;
+    display: block;
 }
 
 ul.cards li {
 }
 
 ul.cards li {
index 182f0fd..725105a 100644 (file)
@@ -58,6 +58,9 @@
     <div>
       <a class=button onclick="ventureForth()">Venture Forth</a>
     </div>
     <div>
       <a class=button onclick="ventureForth()">Venture Forth</a>
     </div>
+    <noscript>
+      Venturing forth requires JavaScript.
+    </noscript>
 
     <h1>Information</h1>
 
 
     <h1>Information</h1>
 
index 9d70e63..73cd6f9 100644 (file)
@@ -27,7 +27,7 @@
     <script src="heroik.js" type="text/javascript"></script>
     <script src="names.js" type="text/javascript"></script>
     <script src="scenarios.js" type="text/javascript"></script>
     <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>
   </head>
   <body onload="generateScenario()">
     <div id=statusbar></div>
       <tfoot>
         <tr>
           <td></td>
       <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>
       </tfoot>
     </table>
     </main>