-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (118 loc) · 4.25 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=0.8" />
<title>Retro Raiders</title>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="styles.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/3.1.1/purify.min.js"></script>
<script src="game.js" type="module"></script>
</head>
<body>
<div class="everything-container">
<div class="stats-bar">
<div class="score">Score: <span id="score">00000</span></div>
<div class="level">Level: <span id="level">1</span></div>
<div class="timer">Time: <span id="timer">00:00</span></div>
<div class="lives">
Lives:
<span id="lives">
<span class="life"></span>
<span class="life"></span>
<span class="life"></span>
</span>
</div>
</div>
<div class="game-container">
<div class="underlay"></div>
<div id="skyline" class="backdrop"></div>
<div class="aliens-grid" id="aliens"></div>
<div id="player" class="player"></div>
</div>
<div class="title"></div>
<div class="pause-container">
<div class="pause-menu" id="pause-menu-0">
<span id="n">[N]ew game</span>
<span id="c">[C]redits</span>
<span id="f">[F]lash effect off</span>
<span id="s"> [S]tory</span>
<span id="a">[ANY OTHER KEY] to continue</span>
</div>
<div class="pause-menu" id="pause-menu-1">
<span style="opacity: 0">...</span>
<span id="e">[E]asy</span>
<span id="d" class="highlighted-difficulty">[D]efault</span>
<span id="h">[H]ard</span>
<span style="opacity: 0">...</span>
</div>
</div>
</div>
<div class="story-container hidden"></div>
<div id="end-game-scoreboard-container"></div>
<div id="overlay">
<div class="content"></div>
</div>
<div class="credits">
<div class="credits-column">
<p class="h1">Backgrounds</p>
<p class="h2">Clean PNG</p>
<p class="h3">London, Rome, Austin, forest, wood, mounatains</p>
<p class="h2">Pixabay</p>
<p class="h3">Chicago, Gordon Johnson</p>
<p class="h2">Clipartmax</p>
<p class="h3">NYC, Paris, Berlin</p>
<p>* * *</p>
<p class="h1">Sounds</p>
<p class="h2">Eric Matyas</p>
<p class="h3">https://soundimage.org/attribution-info/</p>
<p class="h2">Fesliyan Studios</p>
<p class="h3">https://www.fesliyanstudios.com</p>
<p class="h2">Videvo</p>
<p class="h3">The Premier Edition Sound Effects Album 10</p>
<p class="h3">Foley Sound Library</p>
<p class="h3">HPX Digital</p>
</div>
<div id="main-credits" class="credits-column">
<p class="h1">Sprites</p>
<p class="h2">Daisy Murray</p>
<p>* * *</p>
<p class="h1">Scoreboard</p>
<p class="h2">Shane Lockett</p>
<p>* * *</p>
<p class="h1">Game and Story</p>
<p class="h2">Peter Tunstall</p>
<p>* * *</p>
<p class="h1">UFO Cut-Scene</p>
<p class="h2">Bilal Sharif</p>
</div>
<div class="credits-column">
<p class="h1">AI Art</p>
<p class="h2">Stable/Disco Diffusion</p>
<p class="h3">Promptmaster: Johnny Entropy</p>
<p>* * *</p>
<p class="h1">Fonts</p>
<p class="h2">Azimov, Allen R. Walden</p>
<p class="h3">https://www.fontspace.com/asimov-font-f744</p>
<p class="h2">
Computo Monospace, Checkered Ink (Dan Johnston & Allison James)
</p>
<p class="h3">
https://www.fontspace.com/computo-monospace-font-f44968
</p>
<p>* * *</p>
<p class="h1">Music</p>
<p class="h2">POL</p>
<p class="h3">https://www.playonloop.com/</p>
<p>* * *</p>
<p class="h1">And to Tomohiro Nishikado, salutes!</p>
<p>* * *</p>
<p>* * *</p>
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
<text x="10" y="40" font-family="Arial" font-size="40">
👾
</text>
</svg>
</div>
</div>
</body>
</html>