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="message-area">
  13   </div>
  14
  15   <div id="pre-game">
  16
  17     <h1>Welcome to the game of Empires!</h1>
  18
  19     <p>
  20       To join the game, type your own name below. Also, choose the name
  21       of a character that you want to play as. This can be anyone (real
  22       or fictional) that everyone playing the game would be likely to
  23       know, (for example "Albert Einstein" or "Harry Potter").
  24     </p>
  25
  26     <p>
  27       Note: After you have joined the game, another player can use this
  28       same device to join the game as well.
  29     </p>
  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>