-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
181 lines (178 loc) · 18.4 KB
/
Copy pathindex.html
File metadata and controls
181 lines (178 loc) · 18.4 KB
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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Pacifico&subset=latin-ext" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="grid-container">
<div class="grid" id="gameGrid">
<header>
<div class="text-container">
<h1>Memory Game</h1>
</div>
</header>
<div class="game">
<div class="scenes">
<div class="scene-container">
<div class="scene">
<div class="card">
<div class="face front"></div>
<div class="face back"></div>
</div>
</div>
</div>
<div class="scene-container">
<div class="scene">
<div class="card">
<div class="face front"></div>
<div class="face back"></div>
</div>
</div>
</div>
<div class="scene-container">
<div class="scene">
<div class="card">
<div class="face front"></div>
<div class="face back"></div>
</div>
</div>
</div>
<div class="scene-container">
<div class="scene">
<div class="card">
<div class="face front"></div>
<div class="face back"></div>
</div>
</div>
</div>
<div class="scene-container">
<div class="scene">
<div class="card">
<div class="face front"></div>
<div class="face back"></div>
</div>
</div>
</div>
<div class="scene-container">
<div class="scene">
<div class="card">
<div class="face front"></div>
<div class="face back"></div>
</div>
</div>
</div>
<div class="scene-container">
<div class="scene">
<div class="card">
<div class="face front"></div>
<div class="face back"></div>
</div>
</div>
</div>
<div class="scene-container">
<div class="scene">
<div class="card">
<div class="face front"></div>
<div class="face back"></div>
</div>
</div>
</div>
<div class="scene-container">
<div class="scene">
<div class="card">
<div class="face front"></div>
<div class="face back"></div>
</div>
</div>
</div>
<div class="scene-container">
<div class="scene">
<div class="card">
<div class="face front"></div>
<div class="face back"></div>
</div>
</div>
</div>
<div class="scene-container">
<div class="scene">
<div class="card">
<div class="face front"></div>
<div class="face back"></div>
</div>
</div>
</div>
<div class="scene-container">
<div class="scene">
<div class="card">
<div class="face front"></div>
<div class="face back"></div>
</div>
</div>
</div>
<div class="scene-container">
<div class="scene">
<div class="card">
<div class="face front"></div>
<div class="face back"></div>
</div>
</div>
</div>
<div class="scene-container">
<div class="scene">
<div class="card">
<div class="face front"></div>
<div class="face back"></div>
</div>
</div>
</div>
<div class="scene-container">
<div class="scene">
<div class="card">
<div class="face front"></div>
<div class="face back"></div>
</div>
</div>
</div>
<div class="scene-container">
<div class="scene">
<div class="card">
<div class="face front"></div>
<div class="face back"></div>
</div>
</div>
</div>
</div>
</div>
<div class="score">
<h2>Score</h2>
<h3 class="value">0</h3>
<p class="time">00:00</p>
</div>
<div class="menu">
<div class="button-container">
<button class="button" id="resetButton">New game</button>
</div>
<div class="button-container">
<a target="_blank" href="https://github.com/nountie" class="button git">
<svg width="44" height="44" viewbox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="#fff"/>
</svg>
My Github
</a>
</div>
</div>
</div>
<!-- <div class="test">
<svg viewbox="-35 0 511 512" xmlns="http://www.w3.org/2000/svg"><path d="m101.921875 496.347656c-1.855469 0-3.710937-.695312-5.148437-2.089844-2.929688-2.84375-3-7.523437-.152344-10.453124l9.1875-9.464844c2.84375-2.929688 7.523437-3 10.453125-.15625 2.929687 2.84375 3 7.523437.15625 10.453125l-9.191407 9.464843c-1.449218 1.496094-3.375 2.246094-5.304687 2.246094zm0 0" fill="#ff4e61"/><path d="m201.648438 133.261719c-1.851563 0-3.710938-.695313-5.144532-2.089844-2.929687-2.84375-3-7.523437-.15625-10.449219l9.191406-9.46875c2.84375-2.929687 7.519532-3 10.449219-.15625 2.929688 2.84375 3 7.523438.15625 10.453125l-9.191406 9.46875c-1.449219 1.492188-3.375 2.242188-5.304687 2.242188zm0 0" fill="#ff4e61"/><path d="m413.804688 100.390625c-1.855469 0-3.710938-.691406-5.148438-2.085937-2.929688-2.84375-3-7.523438-.15625-10.453126l9.191406-9.46875c2.84375-2.925781 7.523438-2.996093 10.453125-.152343 2.929688 2.839843 3 7.523437.15625 10.449219l-9.191406 9.46875c-1.449219 1.492187-3.375 2.242187-5.304687 2.242187zm0 0" fill="#5c73bc"/><path d="m413.804688 463.773438c-1.855469 0-3.710938-.695313-5.148438-2.085938-2.929688-2.84375-3-7.523438-.15625-10.453125l9.191406-9.46875c2.84375-2.925781 7.523438-3 10.453125-.15625 2.929688 2.84375 3 7.523437.15625 10.453125l-9.191406 9.46875c-1.449219 1.492188-3.375 2.242188-5.304687 2.242188zm0 0" fill="#fa0"/><path d="m63.070312 112.910156c-1.851562 0-3.710937-.691406-5.144531-2.085937-2.929687-2.84375-3-7.523438-.15625-10.453125l9.191407-9.46875c2.84375-2.925782 7.523437-2.996094 10.453124-.152344 2.925782 2.84375 2.996094 7.523438.152344 10.449219l-9.191406 9.46875c-1.449219 1.492187-3.375 2.242187-5.304688 2.242187zm0 0" fill="#fa0"/><path d="m12.308594 278.824219c-1.851563 0-3.710938-.691407-5.144532-2.085938-2.929687-2.84375-3-7.523437-.15625-10.453125l9.1875-9.46875c2.84375-2.929687 7.523438-3 10.453126-.15625 2.929687 2.84375 3 7.523438.15625 10.453125l-9.191407 9.46875c-1.445312 1.492188-3.375 2.242188-5.304687 2.242188zm0 0" fill="#2dc471"/><path d="m216.292969 278.492188-23.996094 12.996093c-6.222656 3.371094-13.496094-2.074219-12.308594-9.214843l4.582031-27.523438c.472657-2.835938-.4375-5.726562-2.4375-7.734375l-19.414062-19.496094c-5.035156-5.054687-2.257812-13.863281 4.703125-14.90625l26.824219-4.015625c2.765625-.414062 5.152344-2.199218 6.386718-4.78125l12-25.042968c3.113282-6.492188 12.101563-6.492188 15.214844 0l11.996094 25.042968c1.238281 2.582032 3.625 4.367188 6.386719 4.78125l26.828125 4.015625c6.957031 1.042969 9.734375 9.851563 4.699218 14.90625l-19.410156 19.496094c-2 2.007813-2.914062 4.898437-2.441406 7.734375l4.582031 27.523438c1.191407 7.140624-6.082031 12.585937-12.304687 9.214843l-23.996094-12.996093c-2.472656-1.339844-5.425781-1.339844-7.894531 0zm0 0" fill="#ffd02f"/><path d="m220.238281 512c-4.082031 0-7.390625-3.308594-7.390625-7.390625v-115.59375c0-4.082031 3.308594-7.394531 7.390625-7.394531s7.390625 3.3125 7.390625 7.394531v115.59375c0 4.082031-3.308594 7.390625-7.390625 7.390625zm0 0" fill="#5c73bc"/><path d="m220.296875 357.421875h-.113281c-4.082032 0-7.394532-3.3125-7.394532-7.394531 0-4.082032 3.308594-7.390625 7.394532-7.390625h.113281c4.082031 0 7.390625 3.308593 7.390625 7.390625 0 4.082031-3.308594 7.394531-7.390625 7.394531zm0 0" fill="#5c73bc"/><path d="m220.296875 331.996094c-.011719 0-.023437 0-.03125 0h-.117187c-4.082032-.015625-7.375-3.339844-7.359376-7.421875.019532-4.074219 3.324219-7.359375 7.390626-7.359375h.035156.113281c4.082031.015625 7.375 3.339844 7.359375 7.421875-.015625 4.070312-3.324219 7.359375-7.390625 7.359375zm0 0" fill="#fa0"/><path d="m87.234375 230.894531c-1.929687 0-3.855469-.75-5.304687-2.242187l-79.339844-81.738282c-2.84375-2.929687-2.777344-7.609374.152344-10.449218 2.929687-2.84375 7.609374-2.773438 10.453124.152344l79.34375 81.738281c2.84375 2.925781 2.773438 7.609375-.15625 10.449219-1.4375 1.394531-3.292968 2.089843-5.148437 2.089843zm0 0" fill="#ff4e61"/><path d="m113.953125 258.503906c-1.863281 0-3.726563-.699218-5.164063-2.105468-2.921874-2.851563-2.976562-7.53125-.125-10.453126l.082032-.082031c2.851562-2.917969 7.53125-2.976562 10.453125-.121093 2.921875 2.851562 2.976562 7.53125.121093 10.453124l-.078124.082032c-1.449219 1.480468-3.367188 2.226562-5.289063 2.226562zm0 0" fill="#fa0"/><path d="m131.402344 276.480469c-1.855469 0-3.710938-.695313-5.148438-2.089844-2.925781-2.84375-2.996094-7.523437-.152344-10.449219l.078126-.085937c2.847656-2.929688 7.527343-2.996094 10.453124-.152344 2.929688 2.84375 3 7.523437.15625 10.453125l-.082031.082031c-1.449219 1.492188-3.375 2.242188-5.304687 2.242188zm0 0" fill="#5c73bc"/><path d="m353.242188 227.988281c-1.855469 0-3.710938-.691406-5.144532-2.085937-2.929687-2.84375-3-7.523438-.15625-10.453125l79.339844-81.734375c2.84375-2.929688 7.523438-3 10.453125-.15625s3 7.523437.15625 10.453125l-79.34375 81.734375c-1.449219 1.492187-3.375 2.242187-5.304687 2.242187zm0 0" fill="#fa0"/><path d="m326.523438 255.601562c-1.914063 0-3.824219-.738281-5.269532-2.210937l-.082031-.082031c-2.863281-2.914063-2.820313-7.59375.089844-10.453125 2.914062-2.863281 7.59375-2.820313 10.453125.089843l.082031.082032c2.859375 2.914062 2.820313 7.59375-.09375 10.453125-1.4375 1.414062-3.308594 2.121093-5.179687 2.121093zm0 0" fill="#ff4e61"/><path d="m309.074219 273.578125c-1.929688 0-3.855469-.75-5.304688-2.242187l-.082031-.082032c-2.839844-2.929687-2.773438-7.609375.15625-10.453125s7.609375-2.773437 10.453125.152344l.082031.082031c2.839844 2.929688 2.773438 7.609375-.15625 10.453125-1.4375 1.394531-3.292968 2.089844-5.148437 2.089844zm0 0" fill="#fa0"/><path d="m300.652344 116.691406c-1.242188 0-2.5-.3125-3.652344-.972656-3.546875-2.023438-4.78125-6.539062-2.757812-10.082031l56.863281-99.652344c2.023437-3.542969 6.535156-4.777344 10.082031-2.753906 3.546875 2.023437 4.78125 6.539062 2.757812 10.082031l-56.863281 99.652344c-1.363281 2.386718-3.859375 3.726562-6.429687 3.726562zm0 0" fill="#62d38f"/><path d="m281.523438 150.328125c-1.292969 0-2.597657-.335937-3.789063-1.046875l-.097656-.058594c-3.5-2.09375-4.644531-6.632812-2.546875-10.136718 2.09375-3.507813 6.632812-4.644532 10.136718-2.550782l.097657.058594c3.503906 2.09375 4.644531 6.632812 2.550781 10.136719-1.386719 2.316406-3.835938 3.597656-6.351562 3.597656zm0 0" fill="#fa0"/><path d="m269.015625 172.246094c-1.300781 0-2.617187-.34375-3.808594-1.0625l-.097656-.058594c-3.496094-2.109375-4.621094-6.652344-2.515625-10.148438 2.109375-3.496093 6.652344-4.617187 10.148438-2.511718l.097656.058594c3.496094 2.109374 4.621094 6.652343 2.511718 10.148437-1.386718 2.300781-3.832031 3.574219-6.335937 3.574219zm0 0" fill="#2dc471"/><path d="m139.964844 116.691406c-2.570313 0-5.066406-1.339844-6.429688-3.730468l-56.863281-99.648438c-2.023437-3.546875-.789063-8.058594 2.753906-10.082031 3.546875-2.023438 8.0625-.792969 10.085938 2.753906l56.863281 99.648437c2.023438 3.546876.789062 8.0625-2.753906 10.085938-1.15625.660156-2.414063.972656-3.65625.972656zm0 0" fill="#5c73bc"/><path d="m159.09375 150.328125c-2.507812 0-4.957031-1.277344-6.34375-3.582031-2.101562-3.5-.96875-8.042969 2.527344-10.144532l.101562-.058593c3.5-2.101563 8.039063-.972657 10.140625 2.527343 2.105469 3.5.972657 8.039063-2.527343 10.144532l-.097657.058594c-1.191406.714843-2.503906 1.054687-3.800781 1.054687zm0 0" fill="#ff4e61"/><path d="m171.601562 172.246094c-2.5 0-4.9375-1.265625-6.328124-3.5625-2.117188-3.492188-1-8.035156 2.488281-10.152344l.097656-.058594c3.496094-2.113281 8.039063-1 10.15625 2.492188 2.113281 3.492187 1 8.035156-2.492187 10.152344l-.097657.058593c-1.199219.726563-2.519531 1.070313-3.824219 1.070313zm0 0" fill="#fa0"/><path d="m402.144531 357.28125-15.523437 11.601562c-4.023438 3.011719-9.652344-.042968-9.523438-5.164062l.503906-19.75c.050782-2.035156-.871093-3.964844-2.46875-5.164062l-15.507812-11.621094c-4.023438-3.015625-2.945312-9.472656 1.824219-10.929688l18.390625-5.609375c1.890625-.578125 3.390625-2.082031 4-4.015625l5.9375-18.785156c1.539062-4.875 7.835937-5.8125 10.652344-1.589844l10.863281 16.285156c1.121093 1.675782 2.96875 2.679688 4.941406 2.679688l19.179687.011719c4.976563.003906 7.789063 5.882812 4.757813 9.949219l-11.675781 15.671874c-1.203125 1.617188-1.558594 3.738282-.949219 5.671876l5.917969 18.796874c1.53125 4.875-3.027344 9.445313-7.714844 7.734376l-18.078125-6.597657c-1.859375-.679687-3.925781-.371093-5.527344.824219zm0 0" fill="#ffd02f"/><path d="m261.507812 512c-4.082031 0-7.390624-3.308594-7.390624-7.390625 0-57.230469 22.832031-95.921875 41.984374-118.304687 20.828126-24.332032 41.613282-35.023438 42.488282-35.46875 3.640625-1.847657 8.089844-.390626 9.933594 3.253906 1.84375 3.636718.394531 8.078125-3.242188 9.929687-.3125.160157-19.5 10.164063-38.367188 32.394531-25.226562 29.71875-38.015624 66.121094-38.015624 108.195313 0 4.082031-3.308594 7.390625-7.390626 7.390625zm0 0" fill="#ff4e61"/><path d="m102.855469 397.351562 11.765625 15.605469c3.054687 4.046875 9.285156 2.730469 10.546875-2.226562l4.863281-19.113281c.5-1.964844 1.910156-3.554688 3.769531-4.246094l18.039063-6.707032c4.679687-1.738281 5.390625-8.25 1.207031-11.015624l-16.140625-10.671876c-1.660156-1.101562-2.691406-2.972656-2.757812-5.003906l-.617188-19.75c-.15625-5.121094-5.949219-7.832031-9.796875-4.585937l-14.839844 12.515625c-1.53125 1.289062-3.578125 1.722656-5.472656 1.15625l-18.421875-5.5c-4.777344-1.425782-9.070312 3.410156-7.261719 8.183594l6.96875 18.410156c.71875 1.894531.484375 4.035156-.625 5.71875l-10.769531 16.347656c-2.792969 4.242188.34375 9.9375 5.3125 9.644531l19.144531-1.140625c1.972657-.117187 3.875.773438 5.085938 2.378906zm0 0" fill="#ffd02f"/><path d="m179.023438 512c-4.082032 0-7.390626-3.308594-7.390626-7.390625 0-30.058594-6.679687-57.558594-19.851562-81.734375-1.953125-3.585938-.628906-8.074219 2.957031-10.027344 3.585938-1.953125 8.074219-.628906 10.027344 2.953125 14.363281 26.375 21.648437 56.253907 21.648437 88.808594 0 4.082031-3.308593 7.390625-7.390624 7.390625zm0 0" fill="#fa0"/><path d="m268.925781 55.898438c0-11.285157-8.882812-20.433594-19.835937-20.433594-10.957032 0-19.835938 9.148437-19.835938 20.433594 0 11.285156 8.878906 20.4375 19.835938 20.4375 10.953125 0 19.835937-9.152344 19.835937-20.4375zm0 0" fill="#ffd02f"/><path d="m373.078125 446.8125c0-11.285156-8.878906-20.433594-19.832031-20.433594-10.957032 0-19.835938 9.148438-19.835938 20.433594s8.878906 20.433594 19.835938 20.433594c10.953125 0 19.832031-9.148438 19.832031-20.433594zm0 0" fill="#5c73bc"/><path d="m44.128906 450.855469c0-9.050781-7.121094-16.386719-15.910156-16.386719-8.785156 0-15.90625 7.335938-15.90625 16.386719 0 9.054687 7.121094 16.390625 15.90625 16.390625 8.789062 0 15.910156-7.335938 15.910156-16.390625zm0 0" fill="#62d38f"/><path d="m88.171875 288.351562c0-9.050781-7.121094-16.386718-15.910156-16.386718-8.785157 0-15.90625 7.335937-15.90625 16.386718 0 9.050782 7.121093 16.390626 15.90625 16.390626 8.789062 0 15.910156-7.339844 15.910156-16.390626zm0 0" fill="#5c73bc"/>
<g fill="#ff4e61"><path d="m210.839844 16.390625c0-9.054687-7.121094-16.390625-15.90625-16.390625-8.789063 0-15.910156 7.335938-15.910156 16.390625 0 9.050781 7.121093 16.386719 15.910156 16.386719 8.785156 0 15.90625-7.335938 15.90625-16.386719zm0 0"/><path d="m365.226562 152.882812c0-9.050781-7.125-16.390624-15.910156-16.390624s-15.910156 7.339843-15.910156 16.390624c0 9.050782 7.125 16.386719 15.910156 16.386719s15.910156-7.335937 15.910156-16.386719zm0 0"/><path d="m139.957031 32.746094c-1.855469 0-3.710937-.691406-5.148437-2.089844-2.929688-2.84375-3-7.519531-.15625-10.449219l9.191406-9.46875c2.84375-2.929687 7.523438-3 10.449219-.15625 2.929687 2.84375 3 7.523438.15625 10.453125l-9.1875 9.46875c-1.449219 1.492188-3.378907 2.242188-5.304688 2.242188zm0 0"/></g>
</svg>
</div> -->
</div>
<script src="js/main.js"></script>
</body>
</html>