-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
128 lines (124 loc) · 4.94 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
<!DOCTYPE html>
<html>
<head>
<title>Blastar</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/popup.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="app.js"></script>
<script src="image-picker.js"></script>
</head>
<body>
<div id="game"><h1>Blastar</h1>
<img src="img/blastar0.ico" id="sprite0" style="display: none">
<img src="img/blastar1.ico" id="sprite2" style="display: none">
<img src="img/blastar2.ico" id="sprite3" style="display: none">
<img src="img/blastar3.ico" id="sprite4" style="display: none">
<img src="img/blastar4.ico" id="sprite5" style="display: none">
<img src="img/blastar5.ico" id="sprite6" style="display: none">
<img src="img/dragon.png" id="dragon" style="display: none">
<div id="game-container">
<div>
<div id="canvas-container">
<canvas id="canvas">[YOUR BROWSER IS NOT SUPPORTED]</canvas>
</div>
<br><audio id="speaker0">[Audio is not supported in your browser]</audio><audio id="speaker1"></audio>
<div class="fuel-container">
Fuel
<div class="fuel">
<div class="fuel-red" id="fuel-red"></div>
<div class="fuel-green" id="fuel-green"></div>
</div>
</div>
<label id="mute"><input type="checkbox" id="muted" onclick="toggleMute(this)"> MUTE</label>
</div>
<div id="gamepad">
<div>
<input type="button" value="[space]" id="spcbar">
</div>
<div>
<input type="button" value="^" id="up">
<input type="button" value="<" id="left">
<input type="button" value="v" id="down">
<input type="button" value=">" id="right">
</div>
</div>
</div>
</div>
<div id="selectCharacterDialog" class="character-dialog">
<div class="character-dialog-content">
<h1>BLASTAR: SPACE RACE</h1>
<h2>Choose your billionaire space racer</h2>
<ul id="characters">
<li onclick="selectCharacter('patel')">
<img src="img/characters/patel.png" />
Dr. PP, BA, CPA, ACCA Esq.
</li>
<li onclick="selectCharacter('elon')">
<img src="img/characters/elon.png" />
<span>Teknoking Musky Boi</span>
</li>
<li onclick="selectCharacter('jeff')">
<img src="img/characters/jeff.png" />
Suborbital Cowboy Jeff
</li>
<li onclick="selectCharacter('Richard')">
<img src="img/characters/Richard.png" />
Virgin Richard</li>
</ul>
</div>
</div>
<div id="characterSelected" class="character-selected-dialog" onclick="displayCaptcha()">
<div class="character-selected-dialog-content">
<img src="img/characters/elon.png" id="character-selected-img" />
<div class="fuel-container">
Fuel
<div class="fuel">
<div class="fuel-red"></div>
<div class="fuel-green"></div>
</div>
</div>
<h2>Your space racer is fully fueled up!</h2>
</div>
</div>
<div id="captcha" class="captcha-dialog">
<div class="captcha-dialog-content">
<div class="fake-captcha">
<div class="fake-captcha-header">
<label>Select all images with a robot</label>
<label>Click verify once there are none left</label>
</div>
<div class="captcha-images">
<div><img src="img/captcha/1.jpg" class="captcha-image" /></div>
<div><img src="img/captcha/2.jpg" class="captcha-image" /></div>
<div><img src="img/captcha/3.jpg" class="captcha-image" /></div>
<div><img src="img/captcha/4.jpg" class="captcha-image" /></div>
<div><img src="img/captcha/5.jpg" class="captcha-image" /></div>
<div><img src="img/captcha/6.jpg" class="captcha-image" /></div>
<div><img src="img/captcha/7.jpg" class="captcha-image" /></div>
<div><img src="img/captcha/8.png" class="captcha-image" /></div>
<div><img src="img/captcha/6.jpg" class="captcha-image" /></div>
</div>
<div class="not-a-robot">
<label><input type="checkbox"/> I am not a robot</label>
</div>
</div>
</div>
</div>
<div id="tweetScreen" class="tweet-dialog">
<img src="./img/tweet.png"/>
</div>
<div id="redirect_cta" class="cta-dialog">
<div class="cta-dialog-content">
<img src="img/fuel_empty.png" />
<label>You’re out of fuel!!</label>
<a href="https://ultrahuman.com/?no_universal_links=1#step-meditate" onClick="clickUltrahumanLink" target="_blank">REFUEL NOW TO PROCEED</a>
<p id="restart" onclick="restart()">Restart the game</p>
</div>
</div>
<audio src='alert_alarm.mp3'></audio>
</body>
</html>