-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
53 lines (49 loc) · 2.26 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
<!DOCTYPE html>
<html lang="en">
<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">
<link href="https://fonts.googleapis.com/css?family=Baloo+Bhaijaan&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Ranchers&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/style.css">
<!-- Animate.CSS from daneden on github -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
<title>Zit Zapper</title>
</head>
<body>
<main>
<h1 class="animated jello">Zit Zapper</h1>
<div class="gameContainer">
<div class="instructionsContainer animated zoomIn delay-1s">
<h2>Instructions</h2>
<p class="instructions">Agh! Coding is hard and your acne is acting up! Take action and zap those zits! Navigate using the arrow keys and pop zits by hitting the spacebar. The faster you get to them, the more points you earn!</p>
<img src="./images/face.png" alt="drawing of face with acne">
<button class="start">START</button>
</div>
<div class="gameScreen">
<div class="scoreboard">
<div class="timer">
<img class="stopwatch" src="./images/stopwatch-solid.svg" alt="stopwatch icon">
<h3 class="countdown">30 seconds</h3>
</div>
<div class="round">
<h3>Round 1</h3>
</div>
<div class="score">
<h3 id="points">Points: 0</h3>
</div>
</div>
<img id="fingersApart" src="./images/fingers-apart-small-2.png" alt="fingers as cursor">
</div>
</div>
</main>
<footer>
<p>Created by Linh Tran</p>
<small>GA SEI 5 2019</small>
</footer>
<script src="./js/jquery-3.4.1.min.js"></script>
<script src="./js/app.js"></script>
</body>
</html>