1 {% extends "base.html" %}
4 <link rel="stylesheet" href="/empires/game.css" type="text/css" />
5 <script src="/empires/game.js" defer></script>
10 <span style="float:right;cursor:pointer" onclick="toggle_host_tools()">
15 <button onclick="post_reveal()">
18 <button onclick="post_start()">
21 <button onclick="post_reset()">
26 <h1>The Game of Empires</h1>
28 <div id="loading" class="show-state-none">
30 Contacting server. Please wait...
34 <div id="pre-game" class="show-state-join">
36 <h2>Choose your character</h2>
39 This can be anyone (real or fictional), but should be
40 someone that all players of the game are familiar with.
44 Hint: Choosing an ideal character name is the key to doing
45 well in Empires. You definitely don't want a character that
46 everyone will know that only you would have chosen.
49 <!-- The return false prevents the page from being reloaded -->
50 <form id="register-form" onsubmit="register(this); return false">
51 <div class="form-field large">
52 <label for="character">Character name</label>
53 <input type="text" id="character" autocomplete="off" required>
56 <div class="form-field large">
57 <button type="submit">
65 <div class="show-state-reveal">
66 <h1>Watch and memorize each character!</h1>
68 <span id="character-reveal"></span>
71 <div class="hide-state-reveal" id="spectators-div">
78 <div class="hide-state-reveal" id="players-div">