index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   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     <main>
  15       <div id="gameInfos"></div>
  16       <div id="boardContainer"></div>
  17       <div id="gameStopped">
  18         <h1>Game over</h1>
  19         <h4>Rematch</h4>
  20         <div class="btn-wrap">
  21           <button id="rematchBtn"
  22                   onClick="sendRematch()">
  23             Same
  24           </button>
  25           <button id="rematchBtn"
  26                   onClick="sendRematch('random')">
  27             Random
  28           </button>
  29         </div>
  30         <button class="cancel-something"
  31                 onClick="cancelRematch()">
  32           Close
  33         </button>
  34       </div>
  35       <div id="pendingRematch">
  36         <div class="loader hour-glass"></div>
  37         <div class="btn-wrap">
  38           <button class="cancel-something"
  39                   onClick="cancelRematch()">
  40             Cancel
  41           </button>
  42         </div>
  43       </div>
  44       <div id="newGame">
  45         <button id="seekGame"
  46                 class="block-btn"
  47                 onClick="seekGame()">
  48           Play!
  49         </button>
  50         <div id="ng-select">
  51           <div class="select">
  52             <select id="selectVariant"></select>
  53             <span class="focus"></span>
  54           </div>
  55           <div class="btn-wrap">
  56             <button id="playCustom"
  57                     onClick="showNewGameForm()">
  58               Customize
  59             </button>
  60           </div>
  61         </div>
  62         <div id="ng-name" class="form-field">
  63           <div class="form-field__control">
  64             <label for="myName" class="form-field__label">Name</label>
  65             <input id="myName"
  66                    type="text"
  67                    required
  68                    class="form-field__input"
  69                    onChange="setName()"/>
  70           </div>
  71         </div>
  72         <div id="footer">
  73           <p>
  74             <a class="left-link" href="https://discord.gg/QC7Aa5WMYp">
  75               <img src="/assets/discord.svg"/>
  76               Discord
  77             </a>
  78             <a class="right-link" href="https://github.com/yagu0/xogo">
  79               GitHub
  80               <img src="/assets/github.svg"/>
  81             </a>
  82           </p>
  83         </div>
  84       </div>
  85       <div id="pendingSeek">
  86         <div class="loader hour-glass"></div>
  87         <div class="btn-wrap">
  88           <button class="cancel-something"
  89                   onClick="cancelSeek()">
  90             Cancel
  91           </button>
  92         </div>
  93       </div>
  94       <div id="newGameForm">
  95         <fieldset>
  96           <div class="select">
  97             <select id="selectColor">
  98               <option value="">Any color</option>
  99               <option value="w">Player 1</option>
 100               <option value="b">Player 2</option>
 101             </select>
 102             <span class="focus"></span>
 103           </div>
 104         </fieldset>
 105         <fieldset id="gameOptions"></fieldset>
 106         <div class="btn-wrap">
 107           <button onClick="getGameLink()">Get link</button>
 108           <button onClick="backToNormalSeek()">Cancel</button>
 109         </div>
 110         <div id="gameLink"></div>
 111       </div>
 112     </main>
 113
 114     <script src="/parameters.js"></script>
 115     <script src="/variants.js"></script>
 116     <script src="/app.js"></script>
 117   </body>
 118
 119 </html>