git.cworth.org Git - lmno.games/blob - empires/index.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>The Game of Empires</title>
   5
   6     <link rel="stylesheet" href="style.css" type="text/css" />
   7   </head>
   8 <body>
   9
  10   <script src="empires-client.js"></script>
  11
  12   <div id="pre-game">
  13
  14     <h1>Welcome to the game of Empires!</h1>
  15
  16     <p>
  17       To join the game, type your own name below. Also, choose the name
  18       of a character that you want to play as. This can be anyone (real
  19       or fictional) that everyone playing the game would be likely to
  20       know, (for example "Albert Einstein" or "Harry Potter").
  21     </p>
  22
  23     <p>
  24       Note: After you have joined the game, another player can use this
  25       same device to join the game as well.
  26     </p>
  27
  28     <div id="message-area">
  29     </div>
  30
  31     <!-- The return false prevents the page from being reloaded -->
  32     <form onsubmit="register(this); return false">
  33       <label for="name">Your name</label>
  34       <input type="text" id="name" required>
  35
  36       <label for="character">Character name</label>
  37       <input type="text" id="character" autocomplete="off" required>
  38
  39       <input type="submit" value="Join game">
  40     </form>
  41
  42   </div>
  43
  44   <div>
  45     <h1>Players in the game</h1>
  46
  47     <ul id="players">
  48     </ul>
  49
  50   </div>
  51
  52 </body>
  53 </html>