First commit
[xogo.git] / index.html
... / ...
CommitLineData
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>