Add some autofocus attributes

[lmno.games] / index.html
diff --git a/index.html b/index.html

index 3d0842ca37896541c3742d930099694119c3a0c3..87427126a6324a0fae75bf9fbc6b8b7d803a21da 100644 (file)
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
  <html>
    <head>
      <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  
      <title>LMNO Games</title>
  
@@ -35,7 +35,8 @@
                   placeholder="Enter a 4-letter Game Code"
                   oninput="this.value = this.value.toUpperCase()"
                   autocomplete="off"
-                 required>
+                 required
+                 autofocus>
          </div>
  
          <div class="form-field large">
@@ -46,21 +47,32 @@
  
        </form>
  
-      <h2>
-        Host a new game
-      </h2>
+      <h2>Host a new game</h2>
  
        <p>
          To host a new game, simply choose from one of the available
          games below:
-
-        <ul>
-          <li>
-            <a href="empires">Empires</a>
-          </li>
-        </ul>
        </p>
  
+      <h2>Party Games (any number of players)</h2>
+
+      <ul>
+        <li>
+          <a href="empires">Empires</a>
+        </li>
+        <li>
+          <a href="empathy">Empathy</a>
+        </li>
+      </ul>
+
+      <h2>Strategy Games (2 players or teams)</h2>
+
+      <ul>
+        <li>
+          <a href="scribe">Scribe</a>
+        </li>
+      </ul>
+
      </div>
    </body>
  </html>