Commit e657836c authored by CruzRupert's avatar CruzRupert

homework added

parent 346698ba
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "content">
<div id = "image">
<img src="choice.png" style="width:500px;height:500px;">
<div id = "paragraph_1">
<p> You decide to man up and check out the mysterious figure in the cornfield. As you follow the mysterious figure, it suddenly just disappears and leaves you standing before two paths.</p>
</div>
<ul>
<li><a href="../2nd level/lvl2-a.html"> Go to the left path</a></li>
<li><a href="../2nd level/lvl2-b.html"> Go to the right path</a></li>
</ul>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "End">
<h1> ---END---</h1>
</div>
</div>
<div id = "content">
<div id="image">
<img src="rip.png"/>
<div id="paragraph">
<p>You know you were kind of a wuss anyway, and besides you got the whole vacation ahead of you! You thought of what could've been had you not been a big chicken, but that doesn't matter anyway. You ran straight to your house and had the longest nap you've ever had. Months passed and vacation turned out to be boring as hell. You died of boredom.</p>
</div>
<div id = "restart">
<a href="../index/home.html"><img src="../index/reset.png"
style="width:55px;height:50px;"/></a>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "End">
<h1> ---END---</h1>
</div>
</div>
<div id = "content">
<div id="image">
<img src="vulture.png" style="width:550px;height:550px;"/>
<div id="paragraph">
<p> You know very well that going left is the right choice. However, as weeks passed, you soon realized that you made a very stupid decision as you've never been more lost in your whole life. With no food, water and a girlfriend to think fondly of, you start to get weak. The last thing you'll ever see is a pack of vultures circling around your lifeless body.</p>
</div>
<div id = "restart">
<a href="../index/home.html"><img src="../index/reset.png"
style="width:55px;height:50px;"/></a>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "content">
<div id = "image">
<img src="spaceship.png" style="width:600px;height:500px;">
<div id = "paragraph_1">
<p> You have a good hunch that the mysterious figure went right. And you're right! You see that the mysterious figure is just a few meters ahead of you. As you continue to follow it, you got startled as you caught a glimpse of an oddly looking spaceship suddenly appearing outta nowhere behind. </p>
</div>
<ul>
<li><a href="../3rd level/lvl3-a.html"> Follow the mysterious figure</a></li>
<li><a href="../3rd level/lvl3-b.html"> Check out the spaceship</a></li>
</ul>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "End">
<h1> ---END---</h1>
</div>
</div>
<div id = "content">
<div id="image">
<img src="treasure chest.png" style="width:550px;height:550px;"/>
<div id="paragraph">
<p> Even though you just saw a freakin spaceship, you still choose to go after that mysterious figure anyway. It might've took a few minutes of relentless chasing, but you finally are very close. As you're about to reach it, the mysterious figure vanishes into thin air. Dumbfounded, you start to think you were chasing a ghost. It starts to hit you that maybe, just maybe, there was no figure at all to begin with. As you look down in dissapointment, you see a huge "X" mark. You dig with your hands and find a huge treasure chest. Congratulations! you're now the richest kid in the world.</p>
</div>
<div id = "restart">
<a href="../index/home.html"><img src="../index/reset.png"
style="width:55px;height:50px;"/></a>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "content">
<div id = "image">
<img src="alien.png" style="width:600px;height:500px;">
<div id = "paragraph_1">
<p> You just can't pass up the opportunity to see a real life spaceship up close and personal, no matter how dangerous it might seem to be. As you approach the spaceship, it suddenly opens up and an alien steps out of it. The ugly looking alien sees you and says: "PUNY HUMAN..TAKE ME TO YOUR LEADER!" You know you're screwed...and you have to act quickly.</p>
</div>
<ul>
<li><a href="../4th level/lvl4-a.html"> Be stupid and face the alien</a></li>
<li><a href="../4th level/lvl4-b.html"> Run for your life!!!</a></li>
</ul>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "content">
<div id = "image">
<img src="raygun.png" style="width:600px;height:500px;">
<div id = "paragraph_1">
<p> For some weird reason, your gut tells you to approach the alien. You try to speak to it, but it suddenly grabs you and takes you to its spaceship. As soon as you enter the spaceship, you hear a distress call from what appears to be the spaceship's communications system. The alien puts you on some kind of cryopod and quickly rushes to the distress call. Suprisingly the pod has an open button and you quickly get out of it. As you get out of the pod, you see a conveniently located emergency exit near you. At the same time, you also see a conveniently placed raygun lying on the floor. You thought of being a hero and killing the alien, but the exit seems like the smarter route.</p>
</div>
<ul>
<li><a href="../5th level/lvl5-a.html"> Grab the raygun</a></li>
<li><a href="../5th level/lvl5-b.html">Escape through the exit</a></li>
</ul>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "End">
<h1> ---END---</h1>
</div>
</div>
<div id = "content">
<div id="image">
<img src="../1st level/rip.png"/>
<div id="paragraph">
<p> You know you were kind of a wuss anyway, and besides you got the whole vacation ahead of you! You thought of what could've been had you not been a big chicken, but that doesn't matter anyway. You ran straight to your house and had the longest nap you've ever had. Months passed and vacation turned out to be boring as hell. You died of boredom.</p>
</div>
<div id = "restart">
<a href="../index/home.html"><img src="../index/reset.png"
style="width:55px;height:50px;"/></a>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "End">
<h1> ---END---</h1>
</div>
</div>
<div id = "content">
<div id="image">
<img src="hero.png" style="width:600px;height:600px;">
<div id="paragraph">
<p> Playing the hero might not be the wisest decision, but you always believed in YOLO. You quickly grab the raygun and sneak up on the distracted alien. Before it could even react, you shoot it relentlessly until the alien disintegrates into dust. It turns out that the one you just killed was the alien overlord, as you see a bunch of other spaceships from a afar flying away back into space. Cogratulations! You just saved the human race from an alien invasion.</p>
</div>
<div id = "restart">
<a href="../index/home.html"><img src="../index/reset.png"
style="width:55px;height:50px;"/></a>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../index/design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "End">
<h1> ---END---</h1>
</div>
</div>
<div id = "content">
<div id="image">
<img src="zombie.png" style="width:450px;height:600px;" />
<div id="paragraph">
<p> You were never really the hero-type of person anyway. Plus, you thought to yourself that being rational is more important. You quickly ran towards the emergency exit and never looked back. You heard the alien spaceship chasing after you, but you somehow managed to lose it. You were so overjoyed that you did not notice the horde of zombies in front of you. It's too late when you realized it,as they chew on your flesh like bubblegum. You never thought you'd be spending the rest of vacation...much less the whole eternity, as a zombie. </p>
</div>
<div id = "restart">
<a href="../index/home.html"><img src="../index/reset.png"
style="width:55px;height:50px;"/></a>
</body>
</html>
\ No newline at end of file
body{
background-color: black;
}
#header{
color:white;
text-align:center;
font-family:impact;
font-size: 60px;
margin-top: 50px;
}
#play{
margin-top:-80px;
}
#image{
margin-top: 60px;
margin-left: 50px;
}
#End{
font-size:50px;
font-family: Impact;
color:white;
position: absolute;
bottom:50px;
left:750px;
}
#restart{
position: absolute;
left:900px;
bottom:70px;
}
#paragraph{
color:white;
position:absolute;
left:700px;
right:200px ;
bottom:300px;
font-family: Impact;
border:solid;
padding-left:50px;
padding-right:50px;
text-align: center;
}
#paragraph_1{
color:white;
position:absolute;
left:700px;
right:200px ;
bottom:320px;
font-family: Impact;
border:solid;
padding-left:50px;
padding-right:50px;
text-align: center;
}
ul {
list-style-type: none;
margin: 0px;
padding:0px;
width: 500px;
background-color: white;
position: relative;
left:640px;
bottom:100px;
}
li a {
display: block;
color: black;
text-decoration: none;
font-family: Impact;
font-size:40px;
}
li {
text-align: center;
border-bottom: 3px solid black;
}
li a.active {
background-color: #4CAF50;
color: white;
}
li a:hover:not(.active) {
background-color:orange;
color: white;
}
}
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "container">
<div id = "header">
<h1> CHOOSE YOUR OWN ADVENTURE!</h1>
<div id = "play">
<a href="start.html"> <img src = "play-button.png" style="width:150px;height:150px;" /></a>
<div id = "content">
</div>
</body>
</html>
\ No newline at end of file
<!Doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="design.css"/>
<title> Choose Your Own Adventure </title>
</head>
<body>
<div id = "content">
<div id = "image">
<img src="stewie.png" />
<div id = "paragraph">
<p> It's the last day of classes! For months, you've waiting for this very day. <i>DING!DING!DING!</i> As soon as you hear the last bell, you run like hell towards the exit, destroying everyone in your path. The moment you got out of school, you felt freedom. You think of all the weird shit you were going to do in vacation. Suddenly, you see a strange figure in the huge sketchy cornfield beside your school.</p>
</div>
<ul>
<li><a href="../1st level/lvl1-a.html"> Choose to investigate</a></li>
<li><a href="../1st level/lvl1-b.html"> Be a coward and just go home</a></li>
</ul>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment