This repository has been archived by the owner on Apr 12, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
82 lines (79 loc) · 4.55 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html>
<head>
<meta name="google-site-verification" content="dcVmGE6qcyvB8MYRE8YF89ECRNjeAde6KNpDpAzTfjg" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#D20000">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="application-name" content="BicBacBoe">
<meta name="apple-mobile-web-app-status-bar-style" content="#D20000">
<meta name="apple-mobile-web-app-title" content="BicBacBoe">
<meta name="msapplication-TileImage" content="/Bx192.png">
<meta name="msapplication-TileColor" content="#D20000">
<meta property="og:title" content="BicBacBoe">
<meta property="og:type" content="website">
<meta property="og:image" content="https://BicBacBoe.com/Bx192">
<meta property="og:url" content="https://BicBacBoe.com/">
<meta property="og:description" content="Online tic tac toe, but cool">
<title>Bic Bac Boe</title>
<script src="utils.js"></script>
<script src="client.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="B.png">
<link rel="manifest" href="/manifest.json">
<link rel="icon sizes=192x192" href="/Bx192.png">
<link rel="apple-touch-icon" href="/Bx192.png">
</head>
<body onload="login()" onhashchange="validate();">
<div id="buttonset" style="display: none;">
<div id="gameid" onclick="SelectText('gameid'); document.execCommand('copy'); SelectText('toggleready');">ddd</div><br>
<div onclick="leaveGame()" id="quit"><i class="fa fa-sign-out"></i></div>
<div onclick="isready = !isready; ready(isready);" id="toggleready" class="notready"><i class="fa fa-check"></i></div>
<div onclick="reset = !reset; togglereset(reset);" id="togglereset"><i class="fa fa-refresh"></i></div>
</div>
<div id="login">
<div class="content">
<img draggable="false" width=200px src="./logo.PNG" style="border-radius:5px; box-shadow: 0 0 4px black;">
<br>
<div style="text-align: center">
<input id="nickname" type="text" style="font-size:18px;" placeholder="Nickname">
<button onclick="createGame()" id="create" class="gamebutton" style="font-size:23px;margin-top:20px;outline:none;">Create game</button><br>
<input id="joingameid" type="text" placeholder="Game ID" style="font-size:18px;" onchange="window.location.hash = this.value" onkeyup="window.location.hash = this.value">
<button onclick="joinGame()" id="join" class="gamebutton" style="font-size:23px;margin-top:20px;outline:none;" disabled>Join game</button>
</div>
</div>
</div>
<div id="board" style="display: none;">
<canvas id="cv" width="360" height="360">Canvas not supported by your browser! Please upgrade.</canvas>
</div>
<div id="gameinfo" style="display: none;">
<table cellspacing=0 cellpadding=0>
<tr>
<td class="notready" id="xname">
<i class="fa fa-times"></i> <span id="xpoints"></span> <span id="xman">No one</span>
</td>
<td class="notready" id="xreset">
<i class="fa fa-refresh"></i>
</td>
</tr>
<tr>
<td class="notready" id="oname">
<i class="fa fa-circle-o"></i> <span id="opoints"></span> <span id="oman">No one</span>
</td>
<td class="notready" id="oreset">
<i class="fa fa-refresh"></i>
</td>
</tr>
</table>
<div id="turndude">Turn: <span id="turnman">Game not started</span></div>
</div>
<div id="connecting">Connecting...</div>
<div id="disconnected">Disconnected from server.</div>
<div id="banned">Banned.</div>
<div id="fullgame">Game full.</div>
<div id="invalidgame">Invalid game.</div>
<div id="invalidname">Invalid name.</div>
</body>
</html>