Some language changes. Enable traps by default.

diff --git a/heroik.css b/heroik.css
index 0ebb50f..d58402f 100644 (file)
--- a/heroik.css
+++ b/heroik.css
@@ -280,7 +280,7 @@ select {
     box-shadow: 0.125em 0.125em 0.25em 0.0625em #aaa;
     transition: box-shadow 0.167s, border-color 0.167s;
     -webkit-transition: box-shadow 0.167s, border-color 0.167s;
     box-shadow: 0.125em 0.125em 0.25em 0.0625em #aaa;
     transition: box-shadow 0.167s, border-color 0.167s;
     -webkit-transition: box-shadow 0.167s, border-color 0.167s;

-    text-align:-webkit-center !important;
+    text-align: center;

     font-weight: bold;
 }
 
     font-weight: bold;
 }
 


@@ -305,6 +305,16 @@ option {
     font-weight: normal;
 }
 
     font-weight: normal;
 }
 

+optgroup {
+    font-style: normal;
+    font-family: inherit;
+    text-align: center;
+}
+
+optgroup + optgroup {
+    margin-top: 1px;
+}
+

 p, li {
     text-align: justify;
     -webkit-hyphens: auto;
 p, li {
     text-align: justify;
     -webkit-hyphens: auto;

diff --git a/heroik.html b/heroik.html
index dec947b..9a78696 100644 (file)
--- a/heroik.html
+++ b/heroik.html
@@ -33,13 +33,18 @@
     <h1>Find a Dungeon</h1>
     <h2>Difficulty</h2>
     <select>
     <h1>Find a Dungeon</h1>
     <h2>Difficulty</h2>
     <select>

-      <option data-events=5 data-nop=4>Easy</option>
-      <option data-events=5 data-nop=3 selected>Medium</option>
-      <option data-events=5 data-nop=2>Difficult</option>
-      <option data-events=6 data-nop=1>Perilous</option>
-      <option data-events=7 data-nop=0>Vicious</option>
-      <option data-events=6 data-nop=0>Heroic</option>
-      <option data-events=79 data-nop=20>Endless</option>
+      <optgroup label="Canon">
+        <option data-events=5 data-nop=4>Easy</option>
+        <option data-events=5 data-nop=3>Medium</option>
+        <option data-events=5 data-nop=2 selected>Difficult</option>
+      </optgroup>
+      <optgroup label="Non-Canon">
+        <option data-events=6 data-nop=1>Perilous</option>
+        <option data-events=7 data-nop=0>Vicious</option>
+        <option data-events=6 data-nop=0>Heroic</option>
+        <option data-events=15 data-nop=5>Long</option>
+        <option data-events=119 data-nop=30>Endless</option>
+      </optgroup>

     </select>
     <h2>Denizens</h2>
     <div>
     </select>
     <h2>Denizens</h2>
     <div>


@@ -47,8 +52,8 @@
         <li><label><input type=checkbox data-flags=demons checked>Demons</label></li>
         <li><label><input type=checkbox data-flags=undead checked>Undead</label></li>
         <li><label><input type=checkbox data-flags=dragons checked>Dragons</label></li>
         <li><label><input type=checkbox data-flags=demons checked>Demons</label></li>
         <li><label><input type=checkbox data-flags=undead checked>Undead</label></li>
         <li><label><input type=checkbox data-flags=dragons checked>Dragons</label></li>

+        <li><label><input type=checkbox data-flags=traps checked>Traps</label></li>

         <li><label><input type=checkbox data-flags=bubbleyes>Bubbleyes</label></li>
         <li><label><input type=checkbox data-flags=bubbleyes>Bubbleyes</label></li>

-        <li><label><input type=checkbox data-flags=traps>Traps</label></li>

         <li><label><input type=checkbox data-flags=abunakkashii>Abunakkashii</label></li>
       </ul>
     </div>
         <li><label><input type=checkbox data-flags=abunakkashii>Abunakkashii</label></li>
       </ul>
     </div>


@@ -70,8 +75,8 @@
     <div>
       <a class="big button" href="variants.html">Variants</a>
       <a class="big button" href="abilities.html">Abilities</a>
     <div>
       <a class="big button" href="variants.html">Variants</a>
       <a class="big button" href="abilities.html">Abilities</a>

-      <a class="big button" href="cards.html">More Cards</a>
-      <a class="big button" href="allevents.html">Fate Events</a>
+      <a class="big button" href="cards.html">Cards</a>
+      <a class="big button" href="allevents.html">Fates</a>

     </div>
     <h2>Acknowledgments</h2>
     <div style="font-size: 0.9em">
     </div>
     <h2>Acknowledgments</h2>
     <div style="font-size: 0.9em">