X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=empires%2Findex.html;fp=empires%2Findex.html;h=7bf1753549a997170630ad6b4ddd4e2fab69a4ff;hp=49f4b0974c5698ca7cf9fee37ce0793be10ee048;hb=05dc239c21e567bdd50d6fee2e8bffff72981b5f;hpb=a0d7917c34bd5fdb87969ff459ed3036210fc0c9

diff --git a/empires/index.html b/empires/index.html
index 49f4b09..7bf1753 100644
--- a/empires/index.html
+++ b/empires/index.html
@@ -12,7 +12,15 @@
   <div id="message-area">
   </div>
 
-  <div id="pre-game">
+  <div id="loading" class="show-state-none">
+    <h1>The Game of Empires</h1>
+
+    <p>
+      Contacting server. Please wait...
+    </p>
+  </div>
+
+  <div id="pre-game" class="show-state-join">
 
     <h1>Welcome to the game of Empires!</h1>
 
@@ -41,7 +49,13 @@
 
   </div>
 
-  <div>
+  <div class="show-state-reveal">
+    <h1>Watch and memorize each character!</h1>
+
+    <h1 id="character-reveal"></h1>
+  </div>
+
+  <div class="hide-state-reveal">
     <h1>Players in the game</h1>
 
     <ul id="players">