-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (134 loc) · 5.97 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
131
132
133
134
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Stylesheets -->
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
<!-- jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<!-- scripts -->
<script type="text/javascript" src="assets/js/app.js"></script>
<!-- Title -->
<title>Choppin Wood</title>
</head>
<body>
<!-- Title Page -->
<div class="box loading-page container hidden">
<h1> Choppin' Wood </h1>
<h3> (An Adventure Game) </h3>
<button type="button" name="start" class="butt start">Ready?</button>
</div>
<!-- Question 1 -->
<div class="que1">
<div class="box1 question1 container hidden">
<h1> Choose your weapon </h1>
<button type="button" class="butt q1 q1a">Axe</button>
<button type="button" class="butt q1 q1b">Chainsaw</button>
</div>
<div class="box2 conceq1a container hidden">
<h3> You grab the axe and step outside.</h3>
<button type="button" name="continue" class="butt1 cont1a">Continue</button>
</div>
<div class="box2 conceq1b container hidden">
<h3> You grab the chainsaw and step outside.</h3>
<button type="button" name="continue" class="butt1 cont1b">Continue</button>
</div>
<div class="box2 conceq1ba container hidden">
<h3> You slip in a puddle and die. </h3>
<button type="button" name="gOver" class="butt1 gOver">Game Over</button>
</div>
</div>
<!-- Minigame -->
<div class="minigame hidden">
<div class="game question2 container">
<img src="https://vignette2.wikia.nocookie.net/runescape2/images/b/bc/Lumberjack_Leif.png/revision/latest?cb=20141204202329" alt="lumbajaq" class="lumJack">
<img src="http://www.davesgames.net/papercraft/png/gallery-cabin-01.png" alt="cabin" class="cabin">
</div>
<div class="desc question2 container">
<h3> Use the left arrow key to move </h3>
</div>
<div class="box2 conceq2 container hidden">
<h3> You've reached the tree </h1>
<button type="button" name="continue" class="butt1 cont2">Continue</button>
</div>
</div>
<!-- Question 3 -->
<div class="que3">
<div class="box1 question3 container hidden">
<h1> Are you wearing gloves? </h1>
<button type="button" class="butt q3 q3a">Yup</button>
<button type="button" class="butt q3 q3b">Nope</button>
</div>
<div class="box3 question3a container hidden">
<h1> Are you sure...? </h1>
<button type="button" class="butt q3a q3aa">Umm...yes</button>
<button type="button" class="butt q3a q3ab">Maybe not</button>
</div>
<div class="box2 conceq3a container hidden">
<h3> Good choice... </h3>
<button type="button" name="continue" class="butt1 cont3">Continue</button>
</div>
<div class="box2 conceq3b container hidden">
<h3> You get a splinter which leads to infection and your death </h3>
<button type="button" name="gOver" class="butt1 gOver">Game Over</button>
</div>
</div>
<!-- Question 4 -->
<div class='que4'>
<div class="box question4 container hidden">
<h1> There's a powerful looking gem embedded in the tree </h1>
<button type="button" class="butt q4 q4a">Pull it out</button>
<button type="button" class="butt q4 q4b">Keep choppin'</button>
</div>
<div class="box2 conceq4a container hidden">
<h3> The gem glows bright red and turns you to ash </h3>
<button type="button" name="gOver" class="butt1 gOver">Game Over</button>
</div>
<div class="box2 conceq4b container hidden">
<h3> You chop the gem in half and gain +1 strength </h3>
<button type="button" name="continue" class="butt1 cont4">Continue</button>
</div>
</div>
<!-- Question 5 -->
<div class="que5">
<div class="box1 question5 container hidden">
<h1> A gang of angry tree gnomes begin attacking </h1>
<button type="button" class="butt q5 q5a">Fight</button>
<button type="button" class="butt q5 q5b">Diplomacy</button>
</div>
<div class="box2 conceq5a container hidden">
<h3> Your +1 strength attribute is too much for the puny tree gnomes, victory! </h3>
<button type="button" name="continue" class="butt1 cont5">Continue</button>
</div>
<div class="box2 conceq5b container hidden">
<h3> The gnomes temper is <em> too short. </em> You die during battle. </h3>
<button type="button" name="gOver" class="butt1 gOver">Game Over</button>
</div>
</div>
<!-- Question 6 -->
<div class="box finish1 container hidden">
<h1> Congrats, now collect your tree and head home </h1>
<button type="button" name="button" class="butt f1">Collect tree</button>
</div>
<!-- Final Minigame -->
<div class="minigame2 hidden">
<div class="game finish2 container">
<img src="https://vignette2.wikia.nocookie.net/runescape2/images/b/bc/Lumberjack_Leif.png/revision/latest?cb=20141204202329" alt="lumbajaq" class="lumJack2">
<img src="http://www.davesgames.net/papercraft/png/gallery-cabin-01.png" alt="cabin" class="cabin1">
</div>
<div class="desc finish2 container">
<h3> Use the right arrow key to move </h3>
</div>
</div>
<div class="box conceqF container hidden">
<h1> You died of exhaustion </h1>
<button type="button" name= "end" class="butt gOver"> Game Over </button>
<br>
<br>
<h4> Thanks for playing! Check back for updates! </h4>
</div>
</body>
</html>