Move paragraph-spacing from empires/style.css to style.css

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

index e988bee015c7015c782b8e768e689a0819190ad4..4f29c659d468b878b59e9c0ad1d41e6a4c33e3ae 100644 (file)
--- a/empires/index.html
+++ b/empires/index.html
@@ -2,10 +2,12 @@
  <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>
@@ -14,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>
  
@@ -43,17 +61,17 @@
  
      <!-- The return false prevents the page from being reloaded -->
      <form id="register-form" onsubmit="register(this); return false">
-      <div class="form-row medium left">
+      <div class="form-field medium left">
          <label for="name">Your name</label>
          <input type="text" id="name" required>
        </div>
  
-      <div class="form-row medium right">
+      <div class="form-field medium right">
          <label for="character">Character name</label>
          <input type="text" id="character" autocomplete="off" required>
        </div>
  
-      <div class="form-row large">
+      <div class="form-field large">
          <button type="submit">
            Join game
          </button>
@@ -68,6 +86,8 @@
      <span id="character-reveal"></span>
    </div>
  
+  <br>
+
    <div class="hide-state-reveal" id="players-div">
      <h1>Players in the game</h1>