Add some responsive layout for the page itself

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

index 4160a893664666e1c4cefb14685a18f2d22536e3..bb9367ffb7e3b313901a16822f7a2c93049dce4a 100644 (file)
--- a/index.html
+++ b/index.html
@@ -1,8 +1,32 @@
+<!DOCTYPE html>
  <html>
    <head>
+    <meta charset="utf-8"/>
+
      <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" required>
+        </div>
+
+        <div class="form-field large">
+          <button type="submit">
+            Join Game
+          </button>
+        </div>
+
+      </form>
+
+    </div>
    </body>
  </html>