+
+ <script src="/lmno.js"></script>
+
+ <div id="page">
+
+ <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" 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>
+
+ <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>
+
+ </div>