-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (51 loc) · 3.26 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
<!DOCTYPE html>
<html>
<head>
<title>Mandy Zhi Unit 3 Project</title>
</head>
<body>
<!--Between lines 8-12, put the opening of your story-->
<div class="title">
<h1>Escape the Dungeon </h1>
<img alt="dark cave" src="https://media.istockphoto.com/id/1282785923/photo/inside-underground-stone-cave.jpg?s=612x612&w=0&k=20&c=4CLlxkhrVvNgZlM2IR9VqBPNCETuzh5LJ6ZTcgteVzE=">
<br>
<button onclick="timer()">Start</button>
</div>
<div class="story-opening">
<h1>You woke up in a dark cave</h1>
<h1>You see a path in front of you</h1>
</div>
<!--Change the text of the buttons to the options relevant to your story!-->
<div class="buttons">
<button class="option-one">Proceed Forward</button>
<button class="option-two">Stay and Die</button>
</div>
<!--Between lines 19-22, put the part of the story the user will see if they picked option one-->
<div class="option-one-screen">
<h1>You meet a boss</h1>
<img class="boss" alt="scary monster" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/167995d0-f1ac-4087-baeb-098448f50933/d8ygan9-77f61d7f-0dcf-46e3-8d4a-53dcb7b43d24.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzE2Nzk5NWQwLWYxYWMtNDA4Ny1iYWViLTA5ODQ0OGY1MDkzM1wvZDh5Z2FuOS03N2Y2MWQ3Zi0wZGNmLTQ2ZTMtOGQ0YS01M2RjYjdiNDNkMjQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.SvYQfGCUs-hty5PMC0xHk4FVKJ9I7In2dAmg5eSNWPQ">
<p>(click on the image)</p>
</div>
<!--Between lines 24-27, put the part of the story the user will see if they picked option two-->
<div class="option-two-screen">
<h1>The floor opens up and you crash onto a platform surronded by lava </h1>
<h1>You see a way out with a mysterious fruit next to it </h1>
<img class="fruit" alt="devil fruit" src="https://static.wikia.nocookie.net/onepiece/images/8/8c/Mera_Mera_no_Mi_Infobox.png/revision/latest?cb=20151123200729">
<h1>You pick it up and proceed to the next room </h1>
<p>(hover over the image)</p>
</div>
<!--Between lines 29-32, put the end of the story if the user chose option 1-->
<div class="option-one-end">
<h1>The boss overpowers you and you die </h1>
<img alt="you died" src="https://rlv.zcache.com/rip_head_stone_plaque-rbd3f974b57574d5caadd2c75ea60b209_ar56b_8byvr_307.jpg?rcd=63769633057">
</div>
<!--Between lines 29-32, put the end of the story if the user chose option 2-->
<div class="option-two-end">
<h1>You find the boss in the middle of the room and the exit at the back of the room </h1>
<h1>You notice the boss is attracted to the mysterious fruit </h1>
<h1>You throw the fruit to distract the boss while you sneak behind</h1>
<h1>Congratulations you made it outside</h1>
<img alt="outside field" src="https://www.shaverscreek.org/wp-content/uploads/2018/05/tigerll.jpeg">
</div>
</body>
</html>