-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
60 lines (60 loc) · 3.38 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
<html>
<head>
<meta charset="utf-8">
<link rel="icon" href="faces/cool.svg" type="image/svg">
<title>Catch Me</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css">
<script src="scipt.js"></script>
</head>
<body>
<div id="background"></div>
<div id="label">
<img id="icon" src="faces/cool.svg" alt="Face">
<h1>Catch Me</h1>
</div>
<div class="menu" id="index">
<h1 onclick="menu('play')">Play</h1>
<h1 onclick="menu('options')">Options</h1>
<h1 onclick="exit()">Exit</h1>
</div>
<div class="menu" id="play">
<h1 onclick="timed()">Timed</h1>
<h1 onclick="leveled()">Leveled</h1>
<h1 onclick="menu('index')">Back</h1>
</div>
<div class="menu" id="options">
<h1 onclick="menu('faces')">Faces</h1>
<h1 id="invert" onclick="invert()">Dark Mode</h1>
<h1 onclick="menu('index')">Back</h1>
</div>
<div id="faces">
<ul>
<li onclick="faces('faces/cool.svg')"><img class="iconFaces" src="faces/cool.svg" alt=""></li>
<li onclick="faces('faces/doubt-on.svg')"><img class="iconFaces" src="faces/doubt-on.svg" alt=""></li>
<li onclick="faces('faces/face-with-closed-eyes-and-tongue-out.svg')"><img class="iconFaces" src="faces/face-with-closed-eyes-and-tongue-out.svg" alt=""></li>
<li onclick="faces('faces/face-with-sunglasses.svg')"><img class="iconFaces" src="faces/face-with-sunglasses.svg" alt=""></li>
<li onclick="faces('faces/flushed.svg')"><img class="iconFaces" src="faces/flushed.svg" alt=""></li>
<li onclick="faces('faces/resting-face.svg')"><img class="iconFaces" src="faces/resting-face.svg" alt=""></li>
<li onclick="faces('faces/sad-sleepy-face.svg')"><img class="iconFaces" src="faces/sad-sleepy-face.svg" alt=""></li>
<li onclick="faces('faces/smile.svg')"><img class="iconFaces" src="faces/smile.svg" alt=""></li>
<li onclick="faces('faces/smiley-face.svg')"><img class="iconFaces" src="faces/smiley-face.svg" alt=""></li>
<li onclick="faces('faces/smiley-with-closed-eyes-face.svg')"><img class="iconFaces" src="faces/smiley-with-closed-eyes-face.svg" alt=""></li>
<li onclick="faces('faces/smiling-face-.svg')"><img class="iconFaces" src="faces/smiling-face-.svg" alt=""></li>
<li onclick="faces('faces/smiling-face-with-closed-eyes.svg')"><img class="iconFaces" src="faces/smiling-face-with-closed-eyes.svg" alt=""></li>
<li onclick="faces('faces/smirking.svg')"><img class="iconFaces" src="faces/smirking.svg" alt=""></li>
<li onclick="faces('faces/tongue.svg')"><img class="iconFaces" src="faces/tongue.svg" alt=""></li>
<li onclick="faces('faces/unamused.svg')"><img class="iconFaces" src="faces/unamused.svg" alt=""></li>
</ul>
<h1 onclick="menu('options')">Back</h1>
</div>
<p id="copyright">© 2023 · SVG Repo LLC</p>
<script>
window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
</script>
<script defer src="/_vercel/insights/script.js"></script>
<script>
window.si = window.si || function () { (window.siq = window.siq || []).push(arguments); };
</script>
<script defer src="/_vercel/speed-insights/script.js"></script>
</body>
</html>