-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathmain.html
69 lines (60 loc) · 2.1 KB
/
main.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>
<meta charset="utf-8">
<title>Hunger Games Simulator 3.0</title>
<link type="text/css" rel="stylesheet" href="styles.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="js_files/vars.js"></script>
<script type="text/javascript" src="js_files/funcs.js"></script>
<script type="text/javascript" src="js_files/display.js"></script>
</head>
<body>
<div class="header">
<h1 id="temp">Hunger Games Simulator</h1>
</div>
<div class="bgimg">
<img src="mockingjay.png" width="100%">
</div>
<!-- Welcome Page -->
<div id="main" class="container">
<h1 id="temp">Welcome to the Hunger Games Simulator!</h1>
<a href="faq.html">(What the hell is this?)</a><br><br>
<label>Participants
<input id="t_num" type="number"/>
</label>
<input id="continue" type="button" value="Continue"/>
</div>
<!-- Entering tribute names -->
<div id="tribute_entry" class="container">
<table>
<tbody id="input_table">
<tr><td><input id="continue" type="button" value="Continue"/></td></tr>
</tbody>
</table>
</div>
<!-- The current status of all tributes -->
<div id="tribute_status" class="container">
<input id="continue" type="button" value="Continue" style="position: relative; left: 50%; transform: translateX(-50%);"/>
<table id="t_table">
<thead>
<tr><th>Tribute Name</th>
<th>Status</th></tr>
</thead>
<tbody></tbody>
</table>
</div>
<!-- The events that happened in a given day -->
<div id="event_display" class="container">
<input id="continue" type="button" value="Continue" style="position: relative; left: 50%; transform: translateX(-50%);"/>
<div id="events"></div>
</div>
<!-- The recap of deaths in a day -->
<div id="fallen_display" class="container">
<input id="continue" type="button" value="Continue" style="position: relative; left: 50%; transform: translateX(-50%);"/>
<div id="deaths"></div>
</div>
<script type="text/javascript" src="js_files/initialize.js"></script>
<script type="text/javascript" src="js_files/simulation.js"></script>
</body>
</html>