X-Git-Url: https://git.cworth.org/git?a=blobdiff_plain;f=templates%2Fempires-game.html;h=3eb63385894abe2ac5495eed16410da41f285605;hb=771e0ce4711a7ed723d216c28ab8d1472463d3ef;hp=a3175e5ae254dc17db512f403bff9b618c841a72;hpb=5bcba2b19093613581ba5ac4030d2e46f6f78dcd;p=empires-server

diff --git a/templates/empires-game.html b/templates/empires-game.html
index a3175e5..3eb6338 100644
--- a/templates/empires-game.html
+++ b/templates/empires-game.html
@@ -25,13 +25,13 @@
 
 <h1>The Game of Empires</h1>
 
-<div id="loading" class="show-state-none">
+<div id="loading" class="show-phase-none">
   <p>
     Contacting server. Please wait...
   </p>
 </div>
 
-<div id="pre-game" class="show-state-join">
+<div id="pre-game" class="show-phase-join">
 
   <h2>Choose your character</h2>
 
@@ -62,17 +62,23 @@
 
 </div>
 
-<div class="show-state-reveal">
+<div class="show-phase-reveal">
   <h1>Watch and memorize each character!</h1>
 
   <span id="character-reveal"></span>
 </div>
 
-<div class="hide-state-reveal" id="players-div">
-  <h1>Players in the game</h1>
+<div class="hide-phase-reveal" id="spectators-div">
+  <h1>Spectators</h1>
+
+  <ul id="spectators">
+  </ul>
+</div>
+
+<div class="hide-phase-reveal" id="players-div">
+  <h1>Players</h1>
 
   <ul id="players">
   </ul>
 </div>
 {% endblock %}
-