empires: Defer to top-level style sheet for as much as possible

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

index 4f574b90b22c9bf071225e81bb8799c357e86040..83fcc0f2ddfd87f379fc13ebfb725498d8b2b958 100644 (file)
--- a/empires/index.html
+++ b/empires/index.html
@@ -1,9 +1,13 @@
  <!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" />
+    <link rel="stylesheet" href="/reset.css" type="text/css" />
+    <link rel="stylesheet" href="/style.css" type="text/css" />
      <link rel="stylesheet" href="style.css" type="text/css" />
    </head>
  <body>
@@ -12,6 +16,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 +83,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">