+ <div id="message-area">
+ </div>
+
+ <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">
<!-- The return false prevents the page from being reloaded -->
<form onsubmit="register(this); return false">
<label for="name">Your name</label>
<input type="text" id="name" required>
<label for="character">Character name</label>
<!-- The return false prevents the page from being reloaded -->
<form onsubmit="register(this); return false">
<label for="name">Your name</label>
<input type="text" id="name" required>
<label for="character">Character name</label>