-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (105 loc) · 4.52 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Get Your Own Back!</title>
<link rel="stylesheet" href="css/style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" charset="utf-8"></script>
<script src="js/app.js" charset="utf-8"></script>
<link rel="icon" type="image/png" href="css/images/favicon.png" sizes="32x32" />
</head>
<body>
<header>
</header>
<main>
<div class="questionBoard">
<div class="box">
<div class="left">
<img class="logoWelcome" src="css/images/finalLogo.jpeg" alt="basiclogo">
</div>
<div class="right">
<div class="timer">10</div>
<button class="middleBoardButton">Ready to start?</button>
<audio class="middleBoardButton" src="sounds/never.wav">
Your browser does not support the <code>audio</code> element.
</audio>
<div class="question"></div>
<div class="answers"></div>
<div class="daveDiv">Don't let the timer run out...</div>
<div class="board">
<h2>Score Board</h2>
<p>Yellow team's score: <span id ="score1">0</span></p>
<p>Blue team's score: <span id ="score2">0</span></p>
</div>
<button class="resetButton">Reset</button>
</div>
</div>
</div>
<div class="welcomeScreen">
<div class="welcomeContainer">
<audio src="Sounds/ready/them2.wav" autoplay="autoplay"></audio>
<img class="largeLogo" src="css/images/finalLogo.jpeg" alt="basiclogo">
<!-- <audio class="introAudio" src="sounds/never.wav">
Your browser does not support the <code>audio</code> element.
</audio> -->
<div class="instructions">
<h2>How to play?</h2>
<ul>
<li>Try to answer as many questions as you can correctly.</li>
<li>For each correct answer, we will <b>CRANK THEM UP!</b></li>
<li>First to 5, <b>GETS THEIR OWN BACK</b></li>
<li>Simple as that.... Now it's time for... <b>GET YOUR OWN BACK!</b></li>
</ul>
<button class="welcomeButton">Ready?</button>
<!-- <button class="firstStart">Ready to go?</button> -->
</div>
</div>
</div>
<div class="tvSet">
<div class="players" id="playerOne"></div>
<div class="players" id="playerTwo"></div>
<!-- <div class="black2"></div> -->
<div class="gunge"> </div>
<div class="black"></div>
<audio class="crank" src="Sounds/crankhimup.wav">
Your browser does not support the <code>audio</code> element.
</audio>
<audio class="gyob" src="sounds/never.wav">
Your browser does not support the <code>audio</code> element.
</audio>
</div>
<div class="finish1">
<img class="logo" src="css/images/finalLogo.jpeg" alt="basiclogo">
<h1 class="yellowh1" >Yellow team Won!</h1>
<img class="gungePic" src="css/images/yellowgunge.jpeg" alt="gungy trump">
<br>
<button class="exitButton">Play Again?</button>
</div>
<div class="finish2">
<img class="logo" src="css/images/finalLogo.jpeg" alt="basiclogo">
<h1 class="blueh1">Blue team Won!</h1>
<img class="gungePic" src="css/images/bluegunge.jpeg" alt="gungy trump">
<br>
<button class="exitButton">Play Again?</button>
</div>
<div class="gameOver">
<h1 class="gameOverh1">GAME OVER!</h1>
<p>Sorry, you weren't quick enough!</p>
<button class="exitButton">Play Again?</button>
<br>
<img class="daveGameOver" src="css/images/tempDave.jpg" alt="Game Over Dave">
<script class="trumpGif" src="css/trump.gif" charset="utf-8"></script>
<!-- <div class="video"> -->
<!-- <video height="420"> -->
<!-- <source src="css/debate.MP4" type="video/mp4">
Your browser does not support the video tag, SHOCKER! (get Google Crome)
</video> -->
</div>
<!-- </div> -->
<div class="responsiveness">
<h4>Sorry....</h4>
<p>Due to the technical nature, hand-crafted detailing and utter shame of making this game fit into a tiny screen, this hasn't been possible. Please play on a real computer instead, and if you can't beg, steal or borrow a computer, then I'm sorry but you won't be able to GET YOUR OWN BACK today.</p>
</div>
</main>
</body>
</html>