-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (61 loc) · 2.46 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
<!DOCTYPE html>
<html>
<head>
<title>Snek Game 🐍</title>
<meta charset="UTF-8" />
<link rel="icon" href="#" />
<link rel="stylesheet" href="./index.css" />
<link rel="stylesheet" href="./game.css" />
</head>
<body>
<div id="modal">
<h1>Snek 🐍</h1>
<p>Movement: <kbd>W</kbd><kbd>A</kbd><kbd>S</kbd><kbd>D</kbd></p>
<button class="modal-btn" value="start">Start</button>
<button class="modal-btn" value="restart" style="display: none;">
Restart
</button>
</div>
<div id="root">
<div>
<div id="grid"></div>
<div
style="
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 10px;
"
>
<h3 id="score">Score: 0</h3>
<a
title="Github"
href="https://github.com/Kapatid/snek-game"
target="_blank"
>
<svg
style="cursor: pointer;"
enable-background="new 0 0 32 32"
height="32px"
id="Layer_1"
version="1.0"
viewBox="0 0 32 32"
width="32px"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<path
clip-rule="evenodd"
d="M16.003,0C7.17,0,0.008,7.162,0.008,15.997 c0,7.067,4.582,13.063,10.94,15.179c0.8,0.146,1.052-0.328,1.052-0.752c0-0.38,0.008-1.442,0-2.777 c-4.449,0.967-5.371-2.107-5.371-2.107c-0.727-1.848-1.775-2.34-1.775-2.34c-1.452-0.992,0.109-0.973,0.109-0.973 c1.605,0.113,2.451,1.649,2.451,1.649c1.427,2.443,3.743,1.737,4.654,1.329c0.146-1.034,0.56-1.739,1.017-2.139 c-3.552-0.404-7.286-1.776-7.286-7.906c0-1.747,0.623-3.174,1.646-4.292C7.28,10.464,6.73,8.837,7.602,6.634 c0,0,1.343-0.43,4.398,1.641c1.276-0.355,2.645-0.532,4.005-0.538c1.359,0.006,2.727,0.183,4.005,0.538 c3.055-2.07,4.396-1.641,4.396-1.641c0.872,2.203,0.323,3.83,0.159,4.234c1.023,1.118,1.644,2.545,1.644,4.292 c0,6.146-3.74,7.498-7.304,7.893C19.479,23.548,20,24.508,20,26c0,2,0,3.902,0,4.428c0,0.428,0.258,0.901,1.07,0.746 C27.422,29.055,32,23.062,32,15.997C32,7.162,24.838,0,16.003,0z"
fill="#181616"
fill-rule="evenodd"
/>
</svg>
</a>
</div>
</div>
</div>
<script type="module" src="./game.js"></script>
</body>
</html>