forked from wdi-sg/project-1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (72 loc) · 2.67 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
86
87
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Burger Stack</title>
<link rel="stylesheet" href="css/stylesheet.css">
<link href="https://fonts.googleapis.com/css?family=Acme|Amatic+SC|Architects+Daughter|Permanent+Marker|Poiret+One" rel="stylesheet">
<link rel="stylesheet" href="css/shake.css">
</head>
<body>
<div class="gameTitle">____________</div>
<div class="container">
<div class="topcontent">
<div class="leftcontent">
<div class="timerscore">
<div class="timer">1 min</div>
<div class="score">
<div class="top">High Score</div>
<div class="current">0 points</div>
</div>
</div>
<div class="list">
<li>Press "O" to Start</li>
<li>Press "P" to Reset</li>
<li>Stack the burger in order from bottom up</li>
<li>10 points for completed burger</li>
<li>-10 points for wrong combination</li>
<li>Watch out for the onions!</li>
<li>Spacebar to serve your burger!</li>
<li>Hurry, customers are waiting!</li>
</ul>
</div>
</div>
<div class="leftmiddlecontent">
<div class="userinput">
<div id="u1" class=""></div>
<div id="u2" class="hamItem"></div>
<div id="u3" class="hamItem"></div>
<div id="u4" class="hamItem"></div>
<div id="u5" class="hamItem"></div>
<div id="u6" class="hamItem"></div>
<div id="u7" class="botbun"></div>
</div>
</div>
</div>
<div class="rightcontent imgBorder">
<div class="display">
<div id="d1" class="topbun"></div>
<div id="d2" class="hamObj"></div>
<div id="d3" class="hamObj"></div>
<div id="d4" class="hamObj"></div>
<div id="d5" class="hamObj"></div>
<div id="d6" class="hamObj"></div>
<div id="d7" class="botbun"></div>
</div>
</div>
</div>
<div class="bottomcontent">
<div class="cucumber">Q</div>
<div class="meat">W</div>
<div class="onion">E</div>
<div class="lettuce">R</div>
<div class="cheese">T</div>
</div>
<audio src="audio/squish1.wav" id="squish1"></audio>
<audio src="audio/squish2.wav" id="squish2"></audio>
<audio src="audio/squishb.wav" id="squishb"></audio>
<audio src="audio/erro.mp3" id="erro"></audio>
</div>
<script src="js/main.js" charset="utf-8"></script>
</body>
</html>