-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
73 lines (73 loc) · 3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#ffa143" />
<meta
name="description"
content="This is a 4x4 Tic-Tac-Toe game against a computer on the web, try to beat it!"
/>
<meta name="author" content="Mladen Draganović" />
<meta
name="keywords"
content="Tic-Tac-Toe, iks oks, Iks oks, tic tac toe, tac toe 16, tic tac toe 16, tactoe16"
/>
<meta property="og:site_name" content="TacToe16" />
<meta property="og:title" content="Play TacToe16!" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://tactoe16.mladen.dev" />
<meta property="og:image" content="/assets/link-preview.png" />
<meta
property="og:description"
content="This is a 4x4 Tic-Tac-Toe game against a computer on the web, try to beat it!"
/>
<title>TacToe16</title>
<link rel="stylesheet" href="css/styles.css" />
<link rel="shortcut icon" type="image/ico" href="/assets/TacToe16.ico" />
<link rel="shortcut icon" type="image/svg" href="/assets/TacToe16.svg" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="assets/apple-icon-192x192.png" />
</head>
<body onload="NewGame();">
<img
class="game-logo"
src="assets/TacToe16.svg"
alt="TacToe16 game logo"
width="100"
height="100"
/>
<p id="notification-bar">Loading the game...</p>
<main class="board">
<figure id="f0" onclick="PlayUser(0)"></figure>
<figure id="f1" onclick="PlayUser(1)"></figure>
<figure id="f2" onclick="PlayUser(2)"></figure>
<figure id="f3" onclick="PlayUser(3)"></figure>
<figure id="f4" onclick="PlayUser(4)"></figure>
<figure id="f5" onclick="PlayUser(5)"></figure>
<figure id="f6" onclick="PlayUser(6)"></figure>
<figure id="f7" onclick="PlayUser(7)"></figure>
<figure id="f8" onclick="PlayUser(8)"></figure>
<figure id="f9" onclick="PlayUser(9)"></figure>
<figure id="f10" onclick="PlayUser(10)"></figure>
<figure id="f11" onclick="PlayUser(11)"></figure>
<figure id="f12" onclick="PlayUser(12)"></figure>
<figure id="f13" onclick="PlayUser(13)"></figure>
<figure id="f14" onclick="PlayUser(14)"></figure>
<figure id="f15" onclick="PlayUser(15)"></figure>
</main>
<button id="btnNewGame" onclick="NewGame()">New Game</button>
<script type="text/javascript" src="js/graphics.js"></script>
<script type="text/javascript" src="js/shared.js"></script>
<script type="text/javascript" src="js/game.js"></script>
<script>
// This will register /sw.js
if ("serviceWorker" in navigator) {
navigator.serviceWorker
.register("/sw.js")
.then((reg) => console.log("Service Worker registered"))
.catch((err) => console.log("ERROR: Service Worker not registered"));
}
</script>
</body>
</html>