-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
72 lines (70 loc) · 3.35 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Simon Game</title>
<meta
name="description"
content="Simon Game is my first project using JavaScript after 2 days (~21.58 hours) of learning. It tests memory with color and sound patterns. Built with HTML, CSS, and jQuery, it may not be perfect, but I'm proud of it as my first step into DOM, animations, and event handling."
/>
<meta name="title" content="Simon Game" />
<meta
name="description"
content=" Simon Game is my first project using JavaScript after 2 days (~21.58 hours) of learning. It tests memory with color and sound patterns. Built with HTML, CSS, and jQuery, it may not be perfect, but I'm proud of it as my first step into DOM, animations, and event handling. "
/>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://github.com/triliun/simon-game" />
<meta property="og:title" content="Simon Game" />
<meta
property="og:description"
content=" Simon Game is my first project using JavaScript after 2 days (~21.58 hours) of learning. It tests memory with color and sound patterns. Built with HTML, CSS, and jQuery, it may not be perfect, but I'm proud of it as my first step into DOM, animations, and event handling. "
/>
<meta
property="og:image"
content="https://github.com/triliun/simon-game/blob/master/image.png"
/>
<meta property="twitter:card" content="summary_large_image" />
<meta
property="twitter:url"
content="https://github.com/triliun/simon-game"
/>
<meta property="twitter:title" content="Simon Game" />
<meta
property="twitter:description"
content=" Simon Game is my first project using JavaScript after 2 days (~21.58 hours) of learning. It tests memory with color and sound patterns. Built with HTML, CSS, and jQuery, it may not be perfect, but I'm proud of it as my first step into DOM, animations, and event handling. "
/>
<meta
property="twitter:image"
content="https://github.com/triliun/simon-game/blob/master/image.png"
/>
<link href="https://github.com/triliun/simon-game" rel="canonical" />
<link rel="stylesheet" href="styles.css" />
<link
href="https://fonts.googleapis.com/css?family=Press+Start+2P"
rel="stylesheet"
/>
</head>
<body>
<section class="container">
<div class="container-helper">
<div class="flex">
<h1 id="level_title">Click/Tap anywhere to Start</h1>
<i id="sound_button" class="sound on"></i>
</div>
<div class="row">
<div type="button" id="green" class="btn green"></div>
<div type="button" id="red" class="btn red"></div>
<div type="button" id="yellow" class="btn yellow"></div>
<div type="button" id="blue" class="btn blue"></div>
<div type="button" id="orange" class="btn orange"></div>
<div type="button" id="gray" class="btn gray"></div>
<div type="button" id="purple" class="btn purple"></div>
<div type="button" id="pink" class="btn pink"></div>
</div>
</div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="game.js"></script>
</body>
</html>