-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
80 lines (69 loc) · 2.18 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
<!DOCTYPE html>
<html>
<head>
<title>Oregon Trail</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" rel="stylesheet">
</head>
<body>
<div class='background'>
<div class='title'>
<img src='https://images.launchbox-app.com/c4cf153a-4ea7-4569-b776-2c41767cd961.png'>
</div>
<div class='welcome'>
<img src='https://images.launchbox-app.com/c4cf153a-4ea7-4569-b776-2c41767cd961.png'>
</div>
<div class='rules'>
<ul>
<li>Travel from Independence, MO through the Great Plains and Rocky Mountains and on to Oregon.</li>
<li>Click the buttons to feed and treat your group.</li>
<li>You'll need to hunt and forage for food and supplies.</li>
<li>Don't let anything get to 10.</li>
<li>Shoot any predators 5 times to fend them off.</li>
<li>Click any obstacles to remove them from your path.</li>
</ul>
</div>
<form>
<input type="text" class="nameInput" placeholder="What's your name?">
<button type="submit">Begin Your Journey!</button>
</form>
<div class='timeStats'>
<h4 class='seconds'>Seconds:</h4>
<h4 class='minutes'>Minutes:</h4>
<h4 class='level'>Level:</h4>
</div>
<div class='gameButtons'>
<button class='feed'>Feed The Group</button>
<button class='treat'>Treat The Sick</button>
<button class='hunt'>Hunt For Food</button>
<button class='forage'>Forage For Supplies</button>
</div>
<div class='vitals'>
<h3>Your Pioneer Group:</h3>
<ul>
<li class='hunger'>Hunger:</li>
<li class='health'>Health:</li>
<li class='food'>Food:</li>
<li class='supplies'>Supplies:</li>
</ul>
</div>
<div class='gifs'>
<div class='wagon'>
<img src='http://www.latinamericanstudies.org/animated-gifs/covered-wagon.gif'>
</div>
<div class='lion'></div>
<div class='wolf'></div>
<div class='bear'></div>
<div class='charmin'></div>
<div class='rock1'></div>
<div class='rock2'></div>
<div class='tree'></div>
<div class='rock3'></div>
</div>
<div class='deaths'></div>
</div>
<footer>© 2019 Pooter Industries, All Rights Reserved.</footer>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>
<script src='js/app.js'></script>
</body>
</html>