-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
33 lines (29 loc) · 1.47 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
<html>
<head>
<title>bubbleSwarm</title>
</head>
<body>
<canvas id="canvas"></canvas>
<link rel="stylesheet" href="dashboard.css">
<script type="application/javascript" src="lib/bundle.js"></script>
<div class="dashboard">
<div id="points-display"></div>
<div id="timer-display">timer</div>
</div>
<div id="game-message"></div>
<button id="pause-button">PAUSE</button>
<button id="restart-button">RESTART</button>
<button href="javascript:void(0)" id="about-button"
onclick="document.getElementById('modal').style.display='block';document.getElementById('fade').style.display='block'">ABOUT</button>
<div id="modal" class="screen" onclick="document.getElementById('modal').style.display='none';document.getElementById('fade').style.display='none'">
<h1 class="modal-title">bubbleSwarm</h1>
<p class="modal-para">Thank you for playing bubbleSwarm! The goal of the game is pretty simple. Get as many
points as you can in the time allowed. There is a minimum amount of points required to advance
to the next stage.
<p class="modal-tip">TIP: Sometimes bubbles get "entangled" by one another, it is often a good strategy to pop those bubbles before they get free.</p>
</p>
<p class="modal-footer">A "vanilla" JavaScript game by Josh Earlenbaugh, PhD</p>
</div>
<div id="fade" class="screen" onclick="document.getElementById('modal').style.display='none';document.getElementById('fade').style.display='none'"></div>
</body>
</html>