Move the message area outside of the pre-game div

The message area information is intended to be available regardleess
of the game state, (while the pre-game content is only intended to be
displayed while players are joining the game).

diff --git a/index.html b/index.html
index 1e9e8586582edfc5b4ed04780cec820a95b1e669..49f4b0974c5698ca7cf9fee37ce0793be10ee048 100644 (file)
--- a/index.html
+++ b/index.html
@@ -9,6 +9,9 @@
 
   <script src="empires-client.js"></script>
 
+  <div id="message-area">
+  </div>
+
   <div id="pre-game">
 
     <h1>Welcome to the game of Empires!</h1>
@@ -25,9 +28,6 @@
       same device to join the game as well.
     </p>
 
-    <div id="message-area">
-    </div>
-
     <!-- The return false prevents the page from being reloaded -->
     <form onsubmit="register(this); return false">
       <label for="name">Your name</label>