Fix the gear toggle to work the first time it is clicked

[empires-html] / index.html
diff --git a/index.html b/index.html

index 4f574b90b22c9bf071225e81bb8799c357e86040..b5994048533120b073688fc7f03e80126ca1ac01 100644 (file)
--- a/index.html
+++ b/index.html
@@ -1,6 +1,9 @@
  <!DOCTYPE html>
  <html>
    <head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+
      <title>The Game of Empires</title>
  
      <link rel="stylesheet" href="reset.css" type="text/css" />
@@ -12,6 +15,22 @@
  
  <div id="page">
  
+  <span style="float:right;cursor:pointer" onclick="toggle_host_tools()">
+    ⚙
+  </span>
+
+  <div id="host-tools">
+    <button onclick="post_reveal()">
+      Reveal Characters
+    </button>
+    <button onclick="post_start()">
+      Start Game
+    </button>
+    <button onclick="post_reset()">
+      Reset Game
+    </button>
+  </div>
+
    <div id="message-area">
    </div>
  
@@ -63,7 +82,7 @@
    <div class="show-state-reveal">
      <h1>Watch and memorize each character!</h1>
  
-    <h1 id="character-reveal"></h1>
+    <span id="character-reveal"></span>
    </div>
  
    <div class="hide-state-reveal" id="players-div">