-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
executable file
·130 lines (119 loc) · 4.09 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="description" content="A JavaScript-based tool for practicing wire hacks in Alien Swarm." />
<meta name="theme-color" content="#4d8ccc" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Alien Swarm Wire Hack Simulator</title>
<style>
body {
background-color: black;
color: white;
font-family: Arial;
}
body, button, input, select, textarea {
font-size: 16px;
}
table {
border-collapse: collapse;
border-spacing: 0;
margin-right: 16px;
}
input[type="text"] {
margin-left: 8px;
text-align: right;
width: 32px;
}
.stats {
padding-left: 8px;
text-align: right;
}
#preload {
display: none;
}
#level {
margin-bottom: 1em;
}
#muteSound {
float: right;
}
</style>
<link rel="manifest" href="asw_wire_hack.webmanifest" />
</head>
<body>
<div id="preload"></div>
<audio id="sndRotate" src="rotate.wav" preload="auto"></audio>
<audio id="sndComplete" src="complete.wav" preload="auto"></audio>
<div>
<label for="level">Board dimensions:</label>
<select id="level">
<option value="2,2,5">Landing Bay</option>
<option value="3,2,5">Deima 1</option>
<option value="2,2,5">Deima 2</option>
<option value="3,3,6">Rydberg Reactor</option>
<option value="2,2,5">SynTek Residential</option>
<option value="3,2,5">Timor Station</option>
<option value="custom">- Custom</option>
</select>
</div>
<table>
<tr>
<td>
<table>
<tr>
<td><label for="numSets">Sets</label></td>
<td><input type="text" id="numSets" value="2" disabled /></td>
<td></td>
</tr>
<tr>
<td><label for="numRows">Rows per set</label></td>
<td><input type="text" id="numRows" value="2" disabled /></td>
<td></td>
</tr>
<tr>
<td><label for="numColumns">Columns per row</label></td>
<td><input type="text" id="numColumns" value="5" disabled /></td>
<td></td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td><label for="timer">Setup timer</label></td>
<td><input type="text" id="timer" value="2" class="settings" /></td>
<td>sec</td>
</tr>
<tr>
<td><label for="muteSound">Mute sound</label></td>
<td><input type="checkbox" id="muteSound" /></td>
<td></td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td>Best time:</td>
<td id="statBest" class="stats"> </td>
</tr>
<tr>
<td>Average time:</td>
<td id="statAvg" class="stats"> </td>
</tr>
<tr>
<td>Tries:</td>
<td id="statCount" class="stats"> </td>
</tr>
</table>
</td>
</tr>
</table>
<button id="initialize" type="button">Hack</button>
<div id="pipeArea"></div>
<p id="message"></p>
<script src="aswh.js"></script>
<link rel="stylesheet" type="text/css" href="aswh.css" />
</body>
</html>