-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
69 lines (54 loc) · 1.99 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
<!DOCTYPE html>
<html>
<head>
<title>Space Clones</title>
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P|Roboto+Condensed" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/title_screen.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="icon" type="image/png" href="./images/cursor.png">
</head>
<body>
<header>
<h2 id="high-score"></h2>
</header>
<h1 id="game-title">Space Clones</h1>
<nav class="start-menu">
<a id="solo" href="game.html?players=1">1 Player</a>
<br/><br/>
<a id="two" href="game.html?players=2">2 Players</a>
<br/><br/>
<a id="prologue" href="#">Prologue
<div class="prologue-modal">
<div class="prologue-content">
<button class="close-modal">×</button>
<p class="backstory">
Dr. Apollo and Professor Sputnik, scientists renowned on Earth for constructing the first self-reliant artificial life form, must now embark on a voyage into deep space to save humanity from their experiment gone wrong.</p>
<p class="backstory">
Their prototype, having seen all the technology designed merely to service human needs, generated an army of clones hellbent on asserting dominance in the universe. The clone army, regarding humans as oppressors, descends on Earth in solidarity.
</p>
</div>
</div>
</a>
<br/><br/>
<a id="how-to-play" href="#">Controls
<div class="controls-modal">
<div class="controls-content">
<button class="close-modal">×</button>
<h1>Controls:</h1>
<h3>Left: ← or A</h3>
<h3>Right: → or D</h3>
<h3>Fire Laser: Spacebar</h3>
<h3>Pause: Return</h3>
<h3>Reset: Escape</h3>
</div>
</div>
</a>
</nav>
<footer>
<h3 id="credit"> © Tyler Earls</h3>
</footer>
<canvas id="title-canvas"></canvas>
<script type="text/javascript" src="js/components/stars.js"></script>
<script type="text/javascript" src="js/title_canvas.js"></script>
</body>
</html>