index.html

   1 <!DOCTYPE html>
   2 <html>
   3
   4   <head>
   5     <meta charset="utf-8"/>
   6     <title>xogo</title>
   7     <meta name="viewport"
   8           content="width=device-width, initial-scale=1"/>
   9     <link id="_common_css"
  10           rel="stylesheet" href="./common.css"/>
  11   </head>
  12
  13   <body>
  14     <div id="gameInfos"></div>
  15     <div id="boardContainer"></div>
  16     <div id="gameStopped">
  17       <h1>Game over</h1>
  18       <button id="rematchBtn"
  19               onClick="sendRematch()">
  20         Rematch
  21       </button>
  22       <button class="cancel-something"
  23               onClick="cancelRematch()">
  24         Close
  25       </button>
  26     </div>
  27     <div id="pendingRematch">
  28       <div class="loader hour-glass"></div>
  29       <button class="cancel-something"
  30               onClick="cancelRematch()">
  31         Cancel
  32       </button>
  33     </div>
  34     <div id="newGame">
  35       <button id="seekGame"
  36               class="block-btn"
  37               onClick="seekGame()">
  38         Play!
  39       </button>
  40       <div id="ng-select">
  41         <select id="selectVariant"></select>
  42         <span id="playCustom"
  43               onClick="showNewGameForm()">
  44           Customize
  45         </span>
  46       </div>
  47       <div id="ng-name">
  48         <label for="myName">Name:</label>
  49         <input id="myName"
  50                type="text"
  51                onChange="setName()"/>
  52       </div>
  53       <footer>
  54         <a href="https://discord.gg/QC7Aa5WMYp">Discord</a>
  55         /
  56         <a href="https://github.com/yagu0/xogo">GitHub</a>
  57       </footer>
  58     </div>
  59     <div id="pendingSeek">
  60       <div class="loader hour-glass"></div>
  61       <button class="cancel-something"
  62               onClick="cancelSeek()">
  63         Cancel
  64       </button>
  65     </div>
  66     <div id="newGameForm">
  67       <fieldset>
  68         <label for="selectColor">Play as</label>
  69         <select id="selectColor">
  70           <option value=""></option>
  71           <option value="w">Player 1</option>
  72           <option value="b">Player 2</option>
  73         </select>
  74       </fieldset>
  75       <fieldset id="gameOptions"></fieldset>
  76       <button onClick="getGameLink()">Get link</button>
  77       <button onClick="backToNormalSeek()">Cancel</button>
  78       <div id="gameLink"></div>
  79     </div>
  80
  81     <script src="/parameters.js"></script>
  82     <script src="/variants.js"></script>
  83     <script src="/app.js"></script>
  84   </body>
  85 </html>