-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (127 loc) · 5.5 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
126
127
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1, minimum-scale=1"
/>
<title>Diamonds</title>
<link rel="apple-touch-icon" sizes="180x180" href="./favicon/lime/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon/lime/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon/lime/favicon-16x16.png">
<link rel="manifest" href="./favicon/lime/site.webmanifest">
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<div class="game">
<div class="game__container">
<div class="game__layer start-screen" id="js-start-screen">
<button
class="start-screen__button"
id="js-start-game"
></button>
<button
class="start-screen__button start-screen__button--is-settings"
id="js-settings-button"
></button>
</div>
<div
class="game__layer level-select hidden"
id="js-level-select-screen"
></div>
<canvas
class="game__layer game-screen hidden"
id="js-game-screen"
>
</canvas>
<div
class="game__layer loading-screen hidden"
id="js-loading-screen"
>
<p class="loading-screen__info">
Załadowano
<span id="js-loading-screen-current">0</span> z
<span id="js-loading-screen-total">0</span> elementów
gry
</p>
</div>
<div class="game__layer end-screen hidden" id="js-end-screen">
<p class="end-screen__header" id="js-game-result"></p>
<p class="end-screen__points">
Twoje punkty: <span id="js-user-points">0</span>
</p>
<p class="end-screen__points">
Rekord planszy: <span id="js-high-scores">0</span>
</p>
<div class="end-screen__buttons-wrapper">
<button
class="end-screen__button"
id="js-back-to-levels"
type="button"
></button>
<button
class="end-screen__button end-screen__button--is-restart"
id="js-restart-level"
type="button"
></button>
</div>
</div>
<div
class="game__layer settings-screen hidden"
id="js-settings-screen"
>
<div class="settings-screen__buttons-group">
<button
class="settings-screen__button settings-screen__button--is-music"
id="js-music-on-off"
type="button"
></button>
<button
class="settings-screen__button settings-screen__button--is-up"
id="js-music-volume-increase"
type="button"
></button>
<button
class="settings-screen__button settings-screen__button--is-down"
id="js-music-volume-decrease"
type="button"
></button>
</div>
<div class="settings-screen__buttons-group">
<button
class="settings-screen__button settings-screen__button--is-sound"
id="js-sound-on-off"
type="button"
></button>
<button
class="settings-screen__button settings-screen__button--is-up"
id="js-sound-volume-increase"
type="button"
></button>
<button
class="settings-screen__button settings-screen__button--is-down"
id="js-sound-volume-decrease"
type="button"
></button>
</div>
<button
class="settings-screen__button settings-screen__button--is-exit"
id="js-settings-screen-exit-button"
type="button"
></button>
</div>
<div
class="game__layer mini-settings-layer hidden"
id="js-mini-settings-layer"
>
<button
class="mini-settings-layer__button"
id="js-mini-settings-button"
></button>
</div>
</div>
</div>
<script src="./index.esm.js" type="module"></script>
</body>
</html>