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