-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (81 loc) · 4.37 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>FRW game by: SBAI SALAH</title>
<!-- harry potter favicon :) -->
<link
href="data:image/x-icon;base64,AAABAAEAEBAAAAAAAABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAABWiq4AU4y0AHSWvwB9u9wA8Pr8AF2OsQCU1eoA+vb5AIGdsABFX3cA+Pj/APr79gBejroA+Pr8APn+9gD7+/YA+fz5APf9/AD7+vwARWZ6AP78+QBem70Azd7gAFN6rABenMkAnb/NAE+MrABxnK4AcL7dAGd7nQDS4+8AprzNAFaMrADr9/0AkM3uAIOz1wC+0+0AdZvGAPP6/QD0/PoAgrvdAHPJ7AD1+v0A3OryANvt8gD6+/cAXJe7AP38+gCtzNkAdavJAP39/QBVfp4AYZ61AEF0gQCmtrwAxebwAMvl7QCMxuwAQVRhANTj5wDr+v4A7f3+APD6/gBqqscA1+rzAF6HuQBznc0A9Pr+AHCnxwD59/4A+v31APz2+wD4/PsA9v3+APn8+wD79/4AXpK/AGOQuQBceI0AVnSlAP79/gCY3fsAcbjNAJy6yQB3p9kAtM/aAD5SbgA9WWgAcrvfAICPpABXiqgAocbSAH252QB2mL8Ae7/ZAHOgvACZzecAXoqxAPX5/AB5ydwA+Pr2APT8/AD4+fwASGB0AFRyoAB3zegA+/75AP399gD9/vkAj77fAGeXtAA7U2AAcrLXAHi52gDa4eMAf7XXAGSApgDu+f0AXoqyANXo+ADy/P0A9/b9APX7+gD2/fcA9/n9APz1+gD4+/oAhrnjAFJ3ngD8/fcA+vz9AP37+gD7/P0A/v33AHasxgBCaIQAtsXZAH7Q6QCQweAAW4WbAOL5/gB5stgAcbbkAGWhwQBegaoAX4WkAIO3zAC31ugA6vz+AOz8/gCeyd0A9vn1APT7+wDy/vsAV5e2AIC/5AD3/P4A/f34AKvN4ABujq0AhcfqAFKHogA6WGgAj8neAFOJqABYfbEAgq/HAJTN2AC/zdcAc5mzAJStuADu/PYA7fv8AFmKtADy+/wA9Pz2APP9+QBGX3QA9/v8APX+/AB2zOgA+Pv8APf+/AD9+PwAoK3BAP3/9gC+5O8A/fz/AGSSugCMw9YAabjaAOL1/QBymKgAlsPWALjN4QBjo8kAnr3fAM7w+ABxm8wAX4q1AJGyyAD0+/0A9/z3APn1/QD2+/0AZ7XJAFuOwQD4/foA9/79APz6+gBReKQAa7DVALTD1gD7/v0A/P79AHzI7wDr5+8AlbrXANDd5AC8zdAAfLHPAHq10gDq9f4Ak9DaAGaixwBkn9AARFdwAGGIpwDt/v4A7/37AIC/1QA9Z3MAxdTcAPL9+wDz/fsA9v37APf9+wD99f4AkLjSAP74/gCFweQAkLrYAHG2zQCAqcEAbZC2AOH2+QBQiqUAg6TNAOzs9gCNor4AhsnzAAAAAAAAAAAAAAAAAAAAAAAAAAAAausKnK8UDyu4YkZrDrLtrjILB9Z43h75HdS/PspkfZdQnX7qQMT0T2h0XSR1J4OBu9A4GalNx6UXkEECCDA9z4Qs3AOPAJF2DJ/SrXMoW6zVqnDXHKQJhlxOgMNY+hs7evVgUbRE4lJeZyW+ifA3BLbpxb1pjVbN8rFCKWOW5LXshZTZjj9vNedXodNxd0hrSxCrwhjdOt+nEzHg7kOZZUVmcoguNKIG5ocgFcHb5XlKyx/jI6OSm6CKbTkawD5HufiLIsYF9gGaWmHOf/M2EnsmVV9UTKaTusi84fdTFktlyQ3oM/GMKkk8nm5ZlZjvt3wvEKghES2CsLPa2Mxs0QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA="
rel="icon"
type="image/x-icon"
/>
<link
href="https://fonts.googleapis.com/css2?family=Charmonman&family=MedievalSharp&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
<script src="app.js"></script>
</head>
<body>
<div class="header">
<h1 style="text-align: center">FLIP- REMEMBER- WIN</h1>
<h2 style="text-align: center" class="quoteHeader">
<q>You're a Wizard, Harry</q>
</h2>
<sub>by: SBAI SALAH</sub>
<div class="musicPlayer">
<script src="https://cdn.lordicon.com/libs/mssddfmo/lord-icon-2.1.0.js"></script>
<lord-icon
src="https://cdn.lordicon.com/vieswnpa.json"
trigger="loop"
colors="primary:#ffffff,secondary:#e8b730"
style="width: 50px; height: 50px; cursor: pointer"
id="icon"
>
</lord-icon>
<script src="https://cdn.lordicon.com/libs/mssddfmo/lord-icon-2.1.0.js"></script>
<lord-icon
src="https://cdn.lordicon.com/kvsszuvz.json"
trigger="loop"
colors="primary:#ffffff,secondary:#08a88a"
style="
width: 50px;
height: 50px;
transform: translateX(-20px);
cursor: pointer;
"
class="music_loading"
id="icon"
>
</lord-icon>
<!-- -->
<audio id="mySong" autoplay="" loop="">
<source src="jwHP.mp3" type="audio/mp3" />
</audio>
<script>
var mySong = document.getElementById("mySong");
var icon = document.getElementById("icon");
icon.onclick = function () {
if (mySong.paused) {
mySong.play();
} else {
mySong.pause();
}
};
</script>
</div>
<h3 style="text-align: center">
Flip the cards and try to REMEMBER as much as possible
<br />
Correct: +4 ; False: -1
</h3>
<h2>SCORE: <span class="gameScore"></span></h2>
</div>
<div id="memory_board"></div>
<script>
newBoard();
</script>
</body>
</html>