empires: Adapt HTML to use 'form-field' instead of 'form-row' class

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

index bb9367ffb7e3b313901a16822f7a2c93049dce4a..c4ed9d770b69ed0a43eccf47abe1704c7d11c0fd 100644 (file)
--- a/index.html
+++ b/index.html
@@ -7,16 +7,34 @@
  
      <link rel="stylesheet" href="/reset.css" type="text/css" />
      <link rel="stylesheet" href="/style.css" type="text/css" />
+
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+    <meta name="msapplication-TileColor" content="#ffc40d">
+    <meta name="theme-color" content="#ffffff">
+
    </head>
    <body>
  
+    <script src="/lmno.js"></script>
+
      <div id="page">
  
-      <form onsubmit="join_game(this)">
+      <div id="message-area">
+      </div>
+
+      <form onsubmit="lmno_join(this); return false">
  
          <div class="form-field large">
            <label for="id">Game ID</label>
-          <input type="text" id="id" required>
+          <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">