-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
125 lines (124 loc) · 11.6 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css" />
<link
rel="shortcut icon"
href="images/active.svg"
type="image/x-icon"
/>
</head>
<body>
<div id="container">
<div id="game" style="touch-action: none">
<img
id="start"
alt="Click to start game"
src="images/start.svg"
/>
<img
id="restart"
alt="Click to restart game"
src="images/restart.svg"
style="display: none"
/>
<div id="figures">
<img
id="playerImg"
src="images/deactive.svg"
alt="Main image"
/>
</div>
<div id="bottom-section">
<div id="score">
score
<span id="scoreValue">0</span>
</div>
<div id="hit">
hit
<svg
id="hitImg"
width="300.8"
height="40"
version="1.1"
viewBox="0 0 79.587 10.583"
xmlns="http://www.w3.org/2000/svg"
>
<path
id="hit1"
d="m3.2129 8.9228c-0.17374-0.023571-0.30628 0.67169-0.7133 1.1373-0.40699 0.46559-1.0884 0.25212-1.6148-0.079196-0.52634-0.33132-0.89752-1.23-0.88451-2.0701 0.013008-0.84009 0.41024-1.1721 0.90519-1.3772 0.49497-0.20512 1.0876 0.16606 1.3089-0.029293 0.22138-0.19535 0.071614-0.95725-0.042353-1.9113s-0.19211-2.1001-0.065127-2.9076c0.12698-0.80754 0.45909-1.2764 0.90196-1.5076 0.44287-0.23118 0.99638-0.22468 1.3773-0.052066 0.38095 0.17261 0.58933 0.51123 0.72607 0.91499 0.13674 0.40376 0.20186 0.87261 0.060942 1.8435-0.14092 0.97084-0.48426 2.4285-0.35398 3.0895 0.13027 0.66096 0.73589 0.51769 1.2015 0.77171 0.46562 0.25401 0.79122 0.90522 0.88236 1.4783 0.091146 0.57307-0.052118 1.068-0.36144 1.4782-0.30932 0.41024-0.78469 0.73585-1.2673 0.84314-0.48257 0.1073-0.96956-0.003085-1.3212-0.4296-0.35168-0.42653-0.56658-1.1689-0.74031-1.1925z"
fill="#8ae234"
/>
<path
id="hit2"
d="m12.295 8.9228c-0.17374-0.023571-0.30628 0.67169-0.7133 1.1373-0.40699 0.46559-1.0884 0.25212-1.6148-0.079196-0.52634-0.33132-0.89752-1.23-0.88451-2.0701 0.013008-0.84009 0.41024-1.1721 0.90519-1.3772 0.49497-0.20512 1.0876 0.16606 1.3089-0.029293s0.07161-0.95725-0.04235-1.9113c-0.11397-0.95404-0.19211-2.1001-0.06513-2.9076 0.12698-0.80754 0.45909-1.2764 0.90196-1.5076s0.99638-0.22468 1.3773-0.052066c0.38095 0.17261 0.58933 0.51123 0.72607 0.91499 0.13674 0.40376 0.20186 0.87261 0.06094 1.8435-0.14092 0.97084-0.48426 2.4285-0.35398 3.0895 0.13027 0.66096 0.73589 0.51769 1.2015 0.77171 0.46562 0.25401 0.79122 0.90522 0.88236 1.4783 0.09115 0.57307-0.05212 1.068-0.36144 1.4782-0.30932 0.41024-0.78469 0.73585-1.2673 0.84314-0.48257 0.1073-0.96956-0.0031-1.3212-0.4296-0.35168-0.42653-0.56658-1.1689-0.74031-1.1925z"
fill="#8ae234"
/>
<path
id="hit3"
d="m21.377 8.9228c-0.17374-0.023571-0.30628 0.67169-0.7133 1.1373-0.40699 0.46559-1.0884 0.25212-1.6148-0.079196-0.52634-0.33132-0.89752-1.23-0.88451-2.0701 0.01301-0.84009 0.41024-1.1721 0.90519-1.3772 0.49497-0.20512 1.0876 0.16606 1.3089-0.029293 0.22138-0.19535 0.07161-0.95725-0.04235-1.9113-0.11397-0.95404-0.19211-2.1001-0.06513-2.9076 0.12698-0.80754 0.45909-1.2764 0.90196-1.5076s0.99638-0.22468 1.3773-0.052066c0.38095 0.17261 0.58933 0.51123 0.72607 0.91499 0.13674 0.40376 0.20186 0.87261 0.06094 1.8435-0.14092 0.97084-0.48426 2.4285-0.35398 3.0895 0.13027 0.66096 0.73589 0.51769 1.2015 0.77171 0.46562 0.25401 0.79122 0.90522 0.88236 1.4783 0.09115 0.57307-0.05212 1.068-0.36144 1.4782-0.30932 0.41024-0.78469 0.73585-1.2673 0.84314-0.48257 0.1073-0.96956-0.0031-1.3212-0.4296-0.35168-0.42653-0.56658-1.1689-0.74031-1.1925z"
fill="#8ae234"
/>
<path
id="hit4"
d="m30.459 8.9228c-0.17374-0.023571-0.30628 0.67169-0.7133 1.1373-0.40699 0.46559-1.0884 0.25212-1.6148-0.079196-0.52634-0.33132-0.89752-1.23-0.88451-2.0701 0.01301-0.84009 0.41024-1.1721 0.90519-1.3772 0.49497-0.20512 1.0876 0.16606 1.3089-0.029293 0.22138-0.19535 0.07161-0.95725-0.04235-1.9113-0.11397-0.95404-0.19211-2.1001-0.06513-2.9076 0.12698-0.80754 0.45909-1.2764 0.90196-1.5076 0.44287-0.23118 0.99638-0.22468 1.3773-0.052066 0.38095 0.17261 0.58933 0.51123 0.72607 0.91499 0.13674 0.40376 0.20186 0.87261 0.06094 1.8435-0.14092 0.97084-0.48426 2.4285-0.35398 3.0895 0.13027 0.66096 0.73589 0.51769 1.2015 0.77171 0.46562 0.25401 0.79122 0.90522 0.88236 1.4783 0.09115 0.57307-0.05212 1.068-0.36144 1.4782-0.30932 0.41024-0.78469 0.73585-1.2673 0.84314-0.48257 0.1073-0.96956-0.0031-1.3212-0.4296-0.35168-0.42653-0.56658-1.1689-0.74031-1.1925z"
fill="#8ae234"
/>
<path
id="hit5"
d="m39.541 8.9228c-0.17374-0.023571-0.30628 0.67169-0.7133 1.1373-0.40699 0.46559-1.0884 0.25212-1.6148-0.079196-0.52634-0.33133-0.89752-1.23-0.88451-2.0701 0.01301-0.84009 0.41024-1.1721 0.90519-1.3772 0.49497-0.20512 1.0876 0.16606 1.3089-0.029293 0.22138-0.19535 0.07161-0.95725-0.04235-1.9113-0.11397-0.95404-0.19211-2.1001-0.06513-2.9076 0.12698-0.80754 0.45909-1.2764 0.90196-1.5076s0.99638-0.22468 1.3773-0.052066c0.38095 0.17261 0.58933 0.51123 0.72607 0.91499 0.13674 0.40376 0.20186 0.87261 0.06094 1.8435-0.14092 0.97084-0.48426 2.4285-0.35398 3.0895 0.13027 0.66096 0.73589 0.51769 1.2015 0.77171 0.46562 0.25401 0.79122 0.90522 0.88236 1.4783 0.09115 0.57307-0.05212 1.068-0.36144 1.4782s-0.78469 0.73585-1.2673 0.84314-0.96956-0.0031-1.3212-0.4296c-0.35168-0.42653-0.56658-1.1689-0.74031-1.1925z"
fill="#8ae234"
/>
<path
id="hit6"
d="m48.623 8.9228c-0.17374-0.023571-0.30628 0.67169-0.7133 1.1373-0.40699 0.46559-1.0884 0.25212-1.6148-0.079196-0.52634-0.33132-0.89752-1.23-0.88451-2.0701 0.01301-0.84009 0.41024-1.1721 0.90519-1.3772 0.49497-0.20512 1.0876 0.16606 1.3089-0.029293s0.07161-0.95725-0.04235-1.9113c-0.11397-0.95404-0.19211-2.1001-0.06513-2.9076 0.12698-0.80754 0.45909-1.2764 0.90196-1.5076s0.99638-0.22468 1.3773-0.052066c0.38095 0.17261 0.58933 0.51123 0.72607 0.91499 0.13674 0.40376 0.20186 0.87261 0.06094 1.8435-0.14092 0.97084-0.48426 2.4285-0.35398 3.0895 0.13027 0.66096 0.73589 0.51769 1.2015 0.77171 0.46562 0.25401 0.79122 0.90522 0.88236 1.4783 0.09115 0.57307-0.05212 1.068-0.36144 1.4782-0.30932 0.41024-0.78469 0.73585-1.2673 0.84314-0.48257 0.1073-0.96956-0.0031-1.3212-0.4296-0.35168-0.42653-0.56658-1.1689-0.74031-1.1925z"
fill="#8ae234"
/>
<path
id="hit7"
d="m57.706 8.9228c-0.17374-0.023571-0.30628 0.67169-0.7133 1.1373-0.40699 0.46559-1.0884 0.25212-1.6148-0.079196-0.52634-0.33132-0.89752-1.23-0.88451-2.0701 0.01301-0.84009 0.41024-1.1721 0.90519-1.3772 0.49497-0.20512 1.0876 0.16606 1.3089-0.029293 0.22138-0.19535 0.07161-0.95725-0.04235-1.9113-0.11397-0.95404-0.19211-2.1001-0.06513-2.9076 0.12698-0.80754 0.45909-1.2764 0.90196-1.5076s0.99638-0.22468 1.3773-0.052066c0.38095 0.17261 0.58933 0.51123 0.72607 0.91499 0.13674 0.40376 0.20186 0.87261 0.06094 1.8435-0.14092 0.97084-0.48426 2.4285-0.35398 3.0895 0.13027 0.66096 0.73589 0.51769 1.2015 0.77171 0.46562 0.25401 0.79122 0.90522 0.88236 1.4783 0.09115 0.57307-0.05212 1.068-0.36144 1.4782-0.30932 0.41024-0.78469 0.73585-1.2673 0.84314-0.48257 0.1073-0.96956-0.0031-1.3212-0.4296-0.35168-0.42653-0.56658-1.1689-0.74031-1.1925z"
fill="#8ae234"
/>
<path
id="hit8"
d="m66.788 8.9228c-0.17374-0.023571-0.30628 0.67169-0.7133 1.1373-0.40699 0.46559-1.0884 0.25212-1.6148-0.079196-0.52634-0.33132-0.89752-1.23-0.88451-2.0701 0.01301-0.84009 0.41024-1.1721 0.90519-1.3772 0.49497-0.20512 1.0876 0.16606 1.3089-0.029293 0.22138-0.19535 0.07161-0.95725-0.04235-1.9113-0.11397-0.95404-0.19211-2.1001-0.06513-2.9076 0.12698-0.80754 0.45909-1.2764 0.90196-1.5076s0.99638-0.22468 1.3773-0.052066c0.38095 0.17261 0.58933 0.51123 0.72607 0.91499 0.13674 0.40376 0.20186 0.87261 0.06094 1.8435-0.14092 0.97084-0.48426 2.4285-0.35398 3.0895 0.13027 0.66096 0.73589 0.51769 1.2015 0.77171 0.46562 0.25401 0.79122 0.90522 0.88236 1.4783 0.09115 0.57307-0.05212 1.068-0.36144 1.4782-0.30932 0.41024-0.78469 0.73585-1.2673 0.84314-0.48257 0.1073-0.96956-0.0031-1.3212-0.4296-0.35168-0.42653-0.56658-1.1689-0.74031-1.1925z"
fill="#8ae234"
/>
<path
id="hit9"
d="m75.87 8.9228c-0.17374-0.023571-0.30628 0.67169-0.7133 1.1373-0.40699 0.46559-1.0884 0.25212-1.6148-0.079196-0.52634-0.33132-0.89752-1.23-0.88451-2.0701 0.01301-0.84009 0.41024-1.1721 0.90519-1.3772 0.49497-0.20512 1.0876 0.16606 1.3089-0.029293 0.22138-0.19535 0.07161-0.95725-0.04235-1.9113-0.11397-0.95404-0.19211-2.1001-0.06513-2.9076 0.12698-0.80754 0.45909-1.2764 0.90196-1.5076s0.99638-0.22468 1.3773-0.052066c0.38095 0.17261 0.58933 0.51123 0.72607 0.91499 0.13674 0.40376 0.20186 0.87261 0.06094 1.8435-0.14092 0.97084-0.48426 2.4285-0.35398 3.0895 0.13027 0.66096 0.73589 0.51769 1.2015 0.77171 0.46562 0.25401 0.79122 0.90522 0.88236 1.4783 0.09115 0.57307-0.05212 1.068-0.36144 1.4782-0.30932 0.41024-0.78469 0.73585-1.2673 0.84314-0.48257 0.1073-0.96956-0.0031-1.3212-0.4296-0.35168-0.42653-0.56658-1.1689-0.74031-1.1925z"
fill="#8ae234"
/>
</svg>
</div>
<div id="timer">
shot
<span id="timerValue">9sek</span>
</div>
</div>
<div id="message">
<div id="gameOver">
<img src="images/gameover.svg" alt="Game over" />
</div>
<div id="finalScore">
<h1 id="!">!</h1>
score:
<span id="finalScoreValue">0</span>
</div>
<div id="input">
login:
<input
type="text"
id="nameInput"
maxlength="5"
size="5"
placeholder="*****"
/>
</div>
</div>
</div>
<div id="scoreboard"></div>
</div>
<script src="script.js"></script>
</body>
</html>