From 74bdf0efe7106779b80e687e1c33f2e3f816ce08 Mon Sep 17 00:00:00 2001
From: Joe Wreschnig <joe.wreschnig@gmail.com>
Date: Sat, 30 Aug 2014 15:58:06 +0200
Subject: [PATCH] Some language changes. Enable traps by default.

---
 heroik.css  | 12 +++++++++++-
 heroik.html | 25 +++++++++++++++----------
 2 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/heroik.css b/heroik.css
index 0ebb50f..d58402f 100644
--- 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;
-    text-align:-webkit-center !important;
+    text-align: center;
     font-weight: bold;
 }
 
@@ -305,6 +305,16 @@ option {
     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;
diff --git a/heroik.html b/heroik.html
index dec947b..9a78696 100644
--- a/heroik.html
+++ b/heroik.html
@@ -33,13 +33,18 @@
     <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>
@@ -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=traps checked>Traps</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>
@@ -70,8 +75,8 @@
     <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">
-- 
2.30.2