Start working on Convert variant
[xogo.git] / 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>