Add some autofocus attributes to several forms

[lmno-server] / templates / empires-game.html

diff --git a/templates/empires-game.html b/templates/empires-game.html
index 9c860ca60d9d303b8baaf8addb5b8d17ec915212..b1d6b7a058ea2dc57ddebd8e0d1a499a04b76940 100644 (file)
--- 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>
 
@@ -50,7 +50,7 @@
   <form id="register-form" onsubmit="register(this); return false">
     <div class="form-field large">
       <label for="character">Character name</label>
-      <input type="text" id="character" autocomplete="off" required>
+      <input type="text" id="character" autocomplete="off" required autofocus>
     </div>
 
     <div class="form-field large">
@@ -62,20 +62,20 @@
 
 </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="spectators-div">
+<div class="hide-phase-reveal" id="spectators-div">
   <h1>Spectators</h1>
 
   <ul id="spectators">
   </ul>
 </div>
 
-<div class="hide-state-reveal" id="players-div">
+<div class="hide-phase-reveal" id="players-div">
   <h1>Players</h1>
 
   <ul id="players">