<!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>
<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>
<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">