Refine the Game ID input field

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

index dea8e1d199fa3dc6ad9ed6193058f70e897ac93b..0546dd703bd9636568176118c84d330bac2fed6b 100644 (file)
--- a/index.html
+++ b/index.html
@@ -6,8 +6,31 @@
      <title>LMNO Games</title>
  
      <link rel="stylesheet" href="/reset.css" type="text/css" />
+    <link rel="stylesheet" href="/style.css" type="text/css" />
    </head>
    <body>
-    <h1>LMNO Games</h1>
+
+    <div id="page">
+
+      <form onsubmit="join_game(this)">
+
+        <div class="form-field large">
+          <label for="id">Game ID</label>
+          <input type="text" id="id" maxlength="4"
+                 placeholder="Enter a 4-letter Game Code"
+                 oninput="this.value = this.value.toUpperCase()"
+                 autocomplete="off"
+                 required>
+        </div>
+
+        <div class="form-field large">
+          <button type="submit">
+            Join Game
+          </button>
+        </div>
+
+      </form>
+
+    </div>
    </body>
  </html>