Commit 7a8b9e58 authored by royce-matthew's avatar royce-matthew

hotfix

parents f1d75b35 60ae0356
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<h2 class="text-center" id="title2">
Are you a boy? or a girl?
</h2>
</div>
</div>
<div class="row">
<a href="story/page1.html">
<div class="col-md-2 col-md-offset-4 well">
<img src="images/Male.png" class="img-responsive center-block">
</div>
</a>
<a href="story/page1.html">
<div class="col-md-2 well">
<img src="images/Female.png" class="img-responsive center-block">
</div>
</a>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<h1 class="text-center" id="title">
Puni Lunch
</h1>
<h2 class="text-center" id="title2">
A new beginning
</h2>
</div>
</div>
<div class="row">
<a href="start.html">
<div class="col-md-4 col-md-offset-4 well">
<h3 class="text-center" id="start">
START
</h3>
</div>
</a>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<p class="text-center" id="text">
Punis. Small, round creatures with a jelly-like body. They morph their bodies at will. They are intelligent creatures, and are also capable of expressing emotions. They are also social creatures, and they even have an educational system. Apart from physical structure, one can say that a Puni is no different from a human being.
</p>
<p class="text-center" id="text">
You, as a Puni, will be going to Punita High as a freshman. What will become of your first day of high school? The choice is yours!
<br/>
(just the lunch part though)
</p>
<div class="row">
<a href="main.html">
<div class="col-md-3 well">
<h3 class="text-center" id="start">
HOME
</h3>
<p class="text-center" id="warn">
(Progress will not be saved!)
</p>
</div>
</a>
<a href="gender.html">
<div class="col-md-3 col-md-offset-6 well">
<h3 class="text-center" id="start">
NEXT ->
</h3>
</div>
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="../../stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<p class="text-justify" id="text">
The kitchen Puni gave you the EXTREME BLASTER 5000. You were about to give the kitchen Puni your payment but he said that all drinks are free. Finding a good spot, you ate your lunch and drank the EXTREME BLASTER 5000. <br/>
You feel energy flowing inside you.<br/>
You have become a hero. <br/>
Hearing the cries for help, you flew towards the horizon.
</p>
<img src="../../images/energy.jpg" class="img-responsive center-block">
<p class="text-left" id="neutral">
HERO END - For the people.
</p>
<div class="row">
<a href="../../main.html">
<div class="col-md-3 well">
<h3 class="text-center" id="start">
Start over
</h3>
</div>
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="../../stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<p class="text-justify" id="text">
You ran away as fast as you can, and you found yourself back in the classroom. <br/>
The bell starts ringing, signifying the end of lunch break. <br/>
But no one came. <br/>
</p>
<img src="../../images/classroom.jpg" class="img-responsive center-block">
<p class="text-left" id="bad">
CLASSROOM END - The secret is still unknown.
</p>
<div class="row">
<a href="../../main.html">
<div class="col-md-3 well">
<h3 class="text-center" id="start">
Start over
</h3>
</div>
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="../../stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<img src="../../images/schoolbuilding.jpg" class="img-responsive center-block">
<p class="text-justify" id="text">
Running towards the source of the footsteps, you fought. <br/>
Fought what?<br/>
Nothing. <br/>
Returning to the cafeteria, Ricola was gone. You searched for other Puni in the school. <br/>
But everyone's gone.
</p>
<p class="text-left" id="bad">
LONE END - All alone.
</p>
<div class="row">
<a href="../../main.html">
<div class="col-md-3 well">
<h3 class="text-center" id="start">
Start over
</h3>
</div>
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="../../stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<p class="text-justify" id="text">
It seemed to have calmed Ricola down. You can see that she has regained her smile. She is about to tell you something.
</p>
<p class="text-left" id="text">
Kitchen Puni: "The Eclipse..is near.."
</p>
<img src="../../images/cafrico.jpg" class="img-responsive center-block">
<p class="text-left" id="neutral">
TRUE END - For now (to be continued).
</p>
<div class="row">
<a href="../../main.html">
<div class="col-md-3 well">
<h3 class="text-center" id="start">
Start over
</h3>
<p class="text-center" id="warn">
(Congratulations!)
</p>
</div>
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="../../stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<img src="../../images/caf.jpg" class="img-responsive center-block">
<p class="text-center" id="text">
Leaving your bag behind, you went to the cafeteria hoping that there are seats available. Why would you eat your lunch at the cafeteria? Think about the other Punis who don't have boxed lunches. While trying to answer that ridiculous question, you arrived at the cafeteria only to find out that it was completely empty. Strange. As you approach the counter, a round figure appears from the kitchen.
</p>
<p class="text-left" id="text">
Kitchen Puni: "Welcome! I see you have a boxed lunch with you. Care for a drink?"
</p>
<ul id="choice">
<li>
<a href="page1a.html" id="choice">
Yes.
</a>
</li>
<li>
<a href="page3no.html" id="bad"> No.
</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="../../stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<img src="../../images/caf.jpg" class="img-responsive center-block">
<p class="text-left" id="text">
Kitchen Puni: "Sure thing! What do you want?"
</p>
<ul id="choice">
<li>
<a href="page2.html" id="choice">
Soda.
</a>
</li>
<li>
<a href="page2.html" id="choice">
Tea.
</a>
</li>
<li>
<a href="page2.html" id="choice">
Water.
</a>
</li>
<li>
<a href="page2.html" id="choice">
Milk tea.
</a>
</li>
<li>
<a href="page2.html" id="choice">
Coffee.
</a>
</li>
<li>
<a href="page2.html" id="choice">
Vodka.
</a>
</li>
<li>
<a href="end1.html" id="bad">
EXTREME BLASTER 5000.
</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="../../stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<img src="../../images/caf.jpg" class="img-responsive center-block">
<p class="text-center" id="text">
Kitchen Puni gives you your drink. As you were about to pay, he said that all drinks are free at the cafeteria.
</p>
<p class="text-left" id="text">
Kitchen Puni: "Make sure to try our other drinks!" <br/><br/><br/><br/>
Kitchen Puni: "<strong>Keep</strong> the princess <strong>safe</strong>."
</p>
<p class="text-center" id="text">
You started to wonder what the kitchen Puni meant, but your stomach starts to protest as it made you remember why you were here. Finding a good spot, you unpacked your lunch and started eating. Halfway through your meal, you feel like there is someone watching you.
<ul id="choice">
<li>
<a href="page3.html" id="choice">
Look around.
</a>
</li>
<li>
<a href="end2.html" id="bad">
Run away.
</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="../../stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<img src="../../images/cafrico.jpg" class="img-responsive center-block">
<p class="text-center" id="text">
Looking around, you saw a little Puni girl, most likely in elementary. As you approached the Puni, you begin to notice that she is shivering. The nametag says. "Ricola Weiss"
</p>
<p class="text-left" id="text">
???: "...dont....leave....me...." <br/>
You: "Please calm down. What happened?"<br/>
Ricola: "...Ricola...Weiss....they're.....coming....!!!!!! "
</p>
<p class="text-center" id="text">
The little Puni fainted. You hear the sound of footsteps getting louder and louder, reverberating in the empty cafeteria. The kitchen Puni disappeared somewhere. You yourself have gotten a bit nervous.
<ul id="choice">
<li>
<a href="end3.html" id="choice">
Fight.
</a>
</li>
<li>
<a href="page4.html" id="bad">
Wait.
</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="../../stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<img src="../../images/caf.jpg" class="img-responsive center-block">
<p class="text-left" id="text">
Kitchen Puni: "Well that's a first. Make sure to try our drinks!"<br/>
Kitchen Puni: "Before we're gone."
<br/><br/><br/><br/>
Kitchen Puni: "<strong>Keep</strong> the princess <strong>safe</strong>."
</p>
<p class="text-center" id="text">
You started to wonder what the kitchen Puni meant, but your stomach starts to protest as it made you remember why you were here. Finding a good spot, you unpacked your lunch and started eating. Halfway through your meal, you feel like there is someone watching you.
<ul id="choice">
<li>
<a href="page3.html" id="choice">
Look around.
</a>
</li>
<li>
<a href="end2.html" id="bad">
Run away.
</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="../../stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<img src="../../images/cafrico.jpg" class="img-responsive center-block">
<p class="text-center" id="text">
Carrying Ricola on your back, you hid behind a table and waited. The school bell rings, signifying the end of the lunch break. The sound of the footsteps slowly disappeared. After a little while, the little Puni regained consciousness.
</p>
<p class="text-left" id="text">
Ricola: "....good...morning..." <br/>
Ricola: "...nice...to....meet.....you....I'm.....Ricola....Weiss... "
</p>
<p class="text-center" id="text">
After taking several deep breaths, Ricola regained her composure. It seems like this girl is really timid and easily frightened. <br/>
<ul id="choice">
<li>
<a href="end4.html" id="choice">
Give her something to drink.
</a>
</li>
<li>
<a href="end4.html" id="bad">
Dance the hoopa.
</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="../../stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<img src="../../images/schoolbuilding.jpg" class="img-responsive center-block">
<p class="text-justify" id="text">
While finding a good spot to eat, you notice a small round figure heading towards the cafeteria. <br/>
But your stomach is begging you to eat something.<br/>
Deciding not to mind that small round figure, you sat down and ate to your heart's content while enjoying the cool breeze. <br/>
"When will my spring come?", you asked yourself.
</p>
<p class="text-left" id="neutral">
NEUTRAL END - Enjoy high school life to the fullest.
</p>
<div class="row">
<a href="../../main.html">
<div class="col-md-3 well">
<h3 class="text-center" id="start">
Start over
</h3>
</div>
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="../../stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<img src="../../images/schoolbuilding.jpg" class="img-responsive center-block">
<p class="text-justify" id="text">
Jumping into a lake, what were you thinking? The koi started to disperse. So much for inner peace and harmony. <br/>
Also, because you don't have a change of clothes, you also caught a cold.
</p>
<p class="text-left" id="neutral">
WET END - At least you had fun.
</p>
<div class="row">
<a href="../../main.html">
<div class="col-md-3 well">
<h3 class="text-center" id="start">
Start over
</h3>
</div>
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="../../stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<img src="../../images/schoolbuilding.jpg" class="img-responsive center-block">
<p class="text-center" id="text">
Leaving your bag behind, you went outside to enjoy the cool breeze, signs of winter not too long ago. While finding a good spot to eat lunch, you noticed a small pond near to what seems to be a small shrine.
</p>
<ul id="choice">
<li>
<a href="page2.html" id="choice">
Go near the pond.
</a>
</li>
<li>
<a href="end1.html" id="bad"> Find a place to eat.
</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="../../stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<img src="../../images/pond.jpg" class="img-responsive center-block">
<p class="text-center" id="text">
Upon reaching the pond, you notice a school of koi swimming about in circles. Seeing it gave you peace and inner harmony.
</p>
<ul id="choice">
<li>
<a href="end2.html" id="neutral">
Jump into the lake.
</a>
</li>
<li>
<a href="end1.html" id="neutral"> Find a place to eat.
</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="../stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<p class="text-center" id="text">
It doesn't really matter. <br/>
</p>
<div class="row">
<a href="page2.html">
<div class="col-md-3 col-md-offset-5 well">
<h3 class="text-center" id="start">
NEXT ->
</h3>
</div>
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Puni Lunch</title>
<link rel="stylesheet" type="text/css" href="../stylesheets/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../stylesheets/common.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: beige">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 well">
<img src="../images/classroom.jpg" class="img-responsive center-block">
<p class="text-center" id="text">
Punita High. The sound of the school bell ringing signifies the end of the morning class and the start of lunch break. Self-introductions have been made and yours was actually really plain. Well, everyone's is. You could feel the awkward atmosphere circling around the classroom. As soon as the teacher dismissed the class, everyone else went out. <br/>
As you grab your lunchbox from your bag, you started to ponder where to eat.
</p>
<ul id="choice">
<li>
<a href="caf/page1.html" id="choice">
Go to the cafeteria.
</a>
</li>
<li>
<a href="out/page1.html">
Eat outside.
</a>
</li>
</ul>
<div class="row">
<a href="../main.html">
<div class="col-md-3 well">
<h3 class="text-center" id="start">
HOME
</h3>
<p class="text-center" id="warn">
(Progress will not be saved!)
</p>
</div>
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
@font-face {
font-family: Vanilla;
src: url(fonts/Vanilla.ttf);
}
@font-face {
font-family: Paragraph;
src: url(fonts/PrintClearly.otf);
}
#title {
font-family: Vanilla;
color: #F38181;
}
#title2 {
font-family: Vanilla;
color: #F38181;
}
#start {
font-family: Vanilla;
color: #55F136;
}
#choice {
font-family: Vanilla;
color: #55F136;
font-size: 18px;
}
#text {
font-family: Paragraph;
font-size: 24px;
}
#warn {
font-family: Paragraph;
font-size: 17px;
}
#bad {
font-family: Vanilla;
color: red;
font-size: 18px;
}
#neutral {
font-family: Vanilla;
color: blue;
font-size: 18px;
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>The House on Dover Street</title>
<link type="text/css" rel="stylesheet" href="stylesheets/startcss.css">
<!--Main Cascading Style Sheet-->
</head>
<body>
<center>The House on Dover Street</center>
<p>
You reached out towards the light switch next to your bed, flipping the switch and turning off the lights. You close your eyes and think that the breathing sound you heard in the bathroom was just some breeze that passed by. You suddenly feel like someone is sitting on top of you. Trying to move, you wonder why you're paralyzed and maybe think that this is one of your sleep paralysis episodes. You try to stay positive and think that this will end quickly, but you hear a sudden laugh similar to a child's. After the child's laughter had ended, you feel a sharp stabbing pain in your chest and you quickly turn on the lights and see a knife plunged into your heart. You fall to the floor and bleed out eventually.
</p>
<h1>You have died!</h1>
<h2>Try again?</h2>
<div style="text-align: center">
<a class="ch1" href="start.html">Yes!</a>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>The House on Dover Street</title>
<link type="text/css" rel="stylesheet" href="stylesheets/startcss.css">
<!--Main Cascading Style Sheet-->
</head>
<body>
<center>The House on Dover Street</center>
<p>
You open the door leading towards the basement, you see a switch to your left as soon as you enter. You flip the switch and head downwards and you see that the basement looks empty. All you see is a dusty old chest of some sorts, you brush off the dust on top of it. You try to open the chest but it won't budge. You try looking for the key to the chest while also trying to see where the loud banging noises were coming from. You walk towards the other side of the basement where you see this picture of a child.
</p>
<div style="text-align: center">
<img src="pictures/child.jpg">
</div>
<p>
You stare into the eyes of the child in the painting, mesmerized by the style of art used in creating the masterpiece. You try to look away but you can't seem to move anymore. You hear the laugh of a child, then the lights in the basement suddenly explode and shoot shrapnel everywhere in the room. You feel the tiny bits of glass embedded onto your skin while the blood drips toward the floor little by little. You then feel a push from the painting and fall backwards. As soon as you hit the floor, the shrapnel embedded onto your skin thrust deeper into your body. You slowly lose your breath...
</p>
<h1>You have died!</h1>
<h2>Try again?</h2>
<div style="text-align: center">
<a class="ch1" href="start.html">Yes!</a>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>The House on Dover Street</title>
<link type="text/css" rel="stylesheet" href="stylesheets/startcss.css">
<!--Main Cascading Style Sheet-->
</head>
<body>
<center>The House on Dover Street</center>
<p class="par">
You and Betsy decide to go around town and meet nearby neighbors. The first house you approached is much bigger than yours and had lots of outdoor decorations, you ring the doorbell and a young man wearing a suit opens the door. He says <i>"Good Afternoon! How may I help you?"</i> You reply <i>"Oh hello neighbor! We were just passing by and we wanted to say hello! The house we rented is the one over there *pointing towards the rented house*"</i> The young man slams the door on our faces with no hesitations. You and Betsy questions why he did that and move on to the next neighbor. The next neighbor is not home after ringing the doorbell numerous times. So you and Betsy decide to go to a nearby coffee shop. After ordering two Americanos, you and Betsy sat down and listened in on the conversations of the people in the coffee shop. Both of you overhear a couple talking to each other saying <i>"Did you hear that some people rented Lucius' house again? Do you think something might happen AGAIN to the people who stay there? People say that it's haunted right?"</i> Creeped out by what the couple was talking about, you and Betsy headed back to the house and cook dinner since it was almost 6:00 PM.
</p>
<p class="par">
As soon as you and Betsy arrived in the house, both of you were too tired to do anything else. So you decided to get the perishable goods from the trunk of your car and store it in the kitchen. You headed to the downstairs bedroom while Betsy went to the second floor bedroom. Being too tired to change your clothes or brush your teeth, you just climbed onto your bed and fell asleep in under a minute.
</p>
<p class="par">
You were awakened by a loud banging from somewhere beneath the house. You get up off your bed and go to the living room but do not see Betsy. You try checking up on Betsy but she is still sleeping. You notice the noise stopped and go back downstairs, you then deduce that the noise may be coming from the basement, but you suddenly remember Lucius telling you to stay away from the basement. What will you do?
</p>
<div style="text-align: center">
<a class="ch1" href="d2.html">Go investigate and disregard what Lucius had said</a>
</div>
<p> or </p>
<div style="text-align: center">
<a class="ch1" href="tomorrow.html">Go back to your bedroom and go back to sleep</a>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>The House on Dover Street</title>
<link type="text/css" rel="stylesheet" href="stylesheets/startcss.css">
<!--Main Cascading Style Sheet-->
</head>
<body>
<center>The House on Dover Street</center>
<p>Welcome fellow human! This is a website created by Alfonso Gabriel R. Arvisu</p>
<p>This is a fictional story, none of the events are based off any real life story...</p>
<p>Whatever choice you pick at the end of each page will determine your ending...</p>
<p>Play it once again to figure out other endings!</p>
<p>Once you press the link, there is no turning back...</p>
<h3>Press the link below to start the interactive story.</h3>
<div style="text-align: center">
<a href="stroll.html">Take a stroll on Dover Street</a>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>The House on Dover Street</title>
<link type="text/css" rel="stylesheet" href="stylesheets/startcss.css">
<!--Main Cascading Style Sheet-->
</head>
<body>
<center>The House on Dover Street</center>
<p class="par">
You and Betsy decide to stay in the house for the rest of the day because you guys want to rest from the really long drive. But first, you and Betsy take out the groceries from the trunk of your car and brought them to the kitchen. You put all the drinks and frozen food in the refrigerator, while putting all the others in certain cabinets around the kitchen. You open a certain cabinet and you see a weird stain that is somewhat reddish in color, you neglect it and close the cabinet. As soon as you turned around, you approached Betsy and asked her if it was okay if you took the second floor bedroom, she agreed and headed into her room and so did you. Heading up the stairs, you hear the wood creak beyond your feet and you try to step carefully for the next few steps as you reach the landing of the second floor. You head into your room and notice that it is painted in such a way that it looks like a childrens room, but you fit in the bed nonetheless and take a nap.
</p>
<p class="par">
After your nap, you head downstairs and you notice that the creaking of the steps got louder for some reason but you don't mind it. You check the time and it is 6:03 PM. You decide to make dinner alone since Betsy is still asleep, you grab the frozen steak in the refrigerator and thaw it out for a bit. Preparing the marinade, you hear someone's footsteps approaching. You look back and see Betsy with her hair all messy and you just laugh then get back to making the marinade again. Betsy offers to help you cook by preparing the table for dinner, she then goes back to the kitchen after she sets the table. Both of you finish cooking the steak and set it on the table. Betsy says <i>"It smells great! You must be a natural chef *heh*"</i> You reply <i>"Not really, my Mom just used to let me help her with cooking meals when I was a kid. Maybe it just rubbed off on me. *heh*"</i>
</p>
<p class="par">
After dinner, you and Betsy cleaned up and headed straight to your own respective bedrooms since both of you were still tired from the trip. You just say that both of you will explore the city tomorrow morning. You head up to the room and start brushing your teeth, while you were brushing your teeth you hear someone breathing over your shoulder. You look at the mirror and you see nothing. You hurriedly spit out the mixture of saliva and toothpaste into the sink and headed straight to your bed afterwards. Will you sleep with the lights on or off?
</p>
<div style="text-align: center">
<a class="ch1" href="tomorrow.html">Lights On</a>
</div>
<p> or </p>
<div style="text-align: center">
<a class="ch1" href="d1.html">Lights Off</a>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>The House on Dover Street</title>
<link type="text/css" rel="stylesheet" href="stylesheets/startcss.css">
<!--Main Cascading Style Sheet-->
</head>
<body>
<center>The House on Dover Street</center>
<p class="par">
It is the first day of your summer vacation! You decide to make most of your time since all you have been doing the past few months was study. Eventually, you think that going out of town will be a great idea. Due to your excitement you pick up your phone and call your best friend ever since grade school to tell her about the idea. You say excitedly <i>"Hey Betsy! Do you want to go out of town with me for a week? I just need a break from everything right now and there's no better way to spend a vacation with than with your bestest friend!"</i> She replies <i>"Sure why not? I'm not doing anything anyways. Just look for an affordable place we can chill in; don't worry I'll pay for my expenses as well!"</i> After the chat with Betsy, you rush towards your nifty desktop computer and search for available places to reside in for a week. You come across a small house enough for you and your best friend, it's details are as follows:
</p>
<ul id="deets">
<li>2 Fully stocked Bedrooms</li>
<li>2 Fully stocked Bathrooms</li>
<li>Kitchen</li>
<li>Air Conditioner in both Bedrooms</li>
<li>Living Room with TV</li>
<li>Note: The attic and basement are OFF LIMITS!</li>
<li>All for a price of $20 a night!</li>
<li>Address is at: 166 Dover Street, Miami City</li>
<li>Contact: Lucius Santana</li>
<img src="pictures/house.jpg">
</ul>
<p class="par">
After seeing this house, you immediately call Betty once again and say <i>"Hey Bets! (A childhood nickname of hers) Are you alright with spending $50 for lodging? That's already split-up for both of us!"</i> She replies <i>"Wow! Where did you find that house? Sounds like a great deal! Let's take it and leave first thing tomorrow morning!"</i> After the call had ended, you hurriedly packed clothes good for a week and all essentials for out of town trips, then you jump onto your bed eagerly awaiting the next day. The morning after, you pick up Bets in her house and drive towards your destination. On the way to the house, both you and Betsy stopover at a grocery to buy supplies for your stay in Miami. You were tasked to get the food while Betsy got the drinks (alcoholic and non-alcoholic). Both of you meet up in the counter and pay for everything you picked out. As you head towards the car, you see a crow perched on top of your car and you shoo it away, put all the groceries in the trunk and drive away. Finally, you reach your destination on Dover Street and park in the garage. You meet Lucius and pay him in full for your lodging. He emphasizes not to go to the attic and the basement, and leaves without saying anything else. You look at your watch and notice that it is only 3:00PM, what should you and Betsy do?
</p>
<div style="text-align: center">
<a class="ch1" href="stay.html">Stay in the house and rest</a>
</div>
<p>or</p>
<div style="text-align: center">
<a class="ch2" href="scout.html">Scout the surroundings</a>
</div>
</body>
</html>
\ No newline at end of file
center{
color: white;
font-family: 'Chiller';
font-size: 40px;
background-color: maroon;
}
body{
background-color: black;
}
p{
padding-top: 20px;
color: white;
font-family: Garamond;
font-size: 20px;
text-align: center;
}
h1{
color: white;
font-size: 80px;
font-family: 'Chiller';
text-align: center;
}
h2{
color: white;
font-family: 'Chiller';
text-align: center;
font-size: 30px;
}
h3{
padding-top: 500px;
text-align: center;
color: white;
font-family: Garamond;
}
a{
font-family: Garamond;
font-size: 25px;
}
.par{
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
color: white;
font-family: Garamond;
font-size: 20px;
text-align: justify;
text-justify: inter-word;
}
.ch1{
font-family: Garamond;
font-size: 25px;
border-style:solid;
border-color: maroon;
}
.ch2{
font-family: Garamond;
font-size: 25px;
border-style:solid;
border-color: maroon;
}
#deets{
color: white;
font-family: Garamond;
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>The House on Dover Street</title>
<link type="text/css" rel="stylesheet" href="stylesheets/startcss.css">
<!--Main Cascading Style Sheet-->
</head>
<body>
<center>The House on Dover Street</center>
<p>
You wake up from your deep slumber, trying not to think about what had happened last night. You check the clock an it says that it is 6:03 AM. You head towards the kitchen and you see Betsy already awake. She seems to be cooking bacon and eggs for the both of you. You approach her and ask if she needs any help. She stares back at you with a blank face and gets back to cooking. You're confused on what she did, but maybe it has to do something with what happened last night. So you decide to set the dining table and wait for Betsy to finish cooking. When she finishes cooking, you see that everything she cooked was burnt to a crisp. You then ask her <i>"Is there something wrong with you? Are you feeling okay?"</i> She replies <i>"Yes I am! What makes you say I'm not? I'm also sorry for burning the food, I don't know what came over me. Maybe I'll just rest for a bit."</i> Betsy goes back to her room very slowly...
</p>
<p>
When Betsy had gone into her room, you cooked yourself a meal of bacon and eggs. While frying the bacon, you suddenly hear Betsy scream from her room. Due to this, you drop the frying pan onto the floor with the hot oil spilling out and burning a part of your left leg. You let out a grunt of pain and headed to Betsy's room. As you open the door you see Betsy floating in midair above her bed. You try waking her up from her sleep, but to no avail. You rush towards the door, but suddenly it closes shut! You look over your shoulder and you see that Betsy is slowly hovering towards you while letting out a series of laughter. But the laughs didn't sound like hers, it sounded as if she was possessed by a child. You try to run towards the nearest lamp that may be used as a weapon. You grab the lamp, but Betsy grabs your left leg and aggrevates your burn. This does not stop you from whacking the possessed Betsy with the lamp. She falls to the floor unconscious. You limp towards the exit of the house, but as soon as you touch the doorknob of the main entrance. You hear the laugh of a child and you suddenly feel a tight grasp around your left foot. The possessed Betsy drags you up to the attic of the house, and locks you inside the attic. There you see numerous corpses of people, knowing that soon you will be one of them. You look towards the small circular thick-plated window to the outside of the house, shouting out <i>"HELP ME !!"</i> Which results to you losing your voice in the process and you have nothing else to do but wait.
</p>
<p>
You stay stuck in the attic, with the view of the outside. Wishing that you had done something else, but alas this is your fate. You feel your body weakening little by little, your thirst and hunger have become unbearable, you know that it is your time...
</p>
<p>
The house on dover street has claimed its victims. Who else will fall for this enigma of a trap? There are always unlucky people in the world, you and Betsy were among the fated ones. Close your eyes and everything will just fade away...
</p>
<p>
G o o d b y e . . .
</p>
<h2>You have achieved the ending of the story, you may opt to start again.</h2>
<div style="text-align: center">
<a class="ch1" href="start.html">Go back to Start</a>
</div>
</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="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
<!DOCTYPE html>
<html>
<head>
<title>Adventure Game</title>
<link type="text/css" rel="stylesheet" href="../../../../Stylesheets/application.css">
</head>
<body>
<h1 id="main-h1">Immortality</h1>
<p id="main-p">You never age and you never die, but along the way you see each of your love ones die while all you can do is just watch. The End.</p>
<center><img src="../../../../Pictures/Ring/Immortal.png"></center>
<center><a href="../../../../index.html">Back to Start</a></center>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Adventure Game</title>
<link type="text/css" rel="stylesheet" href="../../../../Stylesheets/application.css">
</head>
<body>
<h1 id="main-h1">Power of Resurrection</h1>
<p id="main-p">You are able to resurrect your loved ones from the dead and it gives you time to be with them until the day you die. The End.</p>
<center><img src="../../../../Pictures/Ring/Resurrect.gif"></center>
<center><a href="../../../../index.html">Back to Start</a></center>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Adventure Game</title>
<link type="text/css" rel="stylesheet" href="../../../../Stylesheets/application.css">
</head>
<body>
<h1 id="main-h1">Wand of Power- CONTROL</h1>
<p id="main-p">You spend ages on mastering your craft but still isn't able to. The End.
</p>
<center><img src="../../../../Pictures/Wand/Practice.jpg"></center>
<a href="../../../../index.html"><center>Back to Start</center<</a>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Adventure Game</title>
<link type="text/css" rel="stylesheet" href="../../../../Stylesheets/application.css">
</head>
<body>
<h1 id="main-h1">Wand of Power- CONTROL</h1>
<p id="main-p">You can feel the full power of the wand but you lose yourself. You destroy everything in your path and kill everyone. The End.
</p>
<center><img src="../../../../Pictures/Wand/LetGo.png"></center>
<a href="../../../../index.html"><center>Back to Start</center></a>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Adventure Game</title>
<link type="text/css" rel="stylesheet" href="../../../Stylesheets/application.css">
</head>
<body>
<h1 id="main-h1">Cloak of Invisibility</h1>
<p id="main-p">You grab the Cloak and the power of invisibility is yours. You are able to escape danger and in the same way commit crime and mischief without ever being caught. The End.</p>
<a href="../../../index.html"><center>Back to Start</center></a>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Adventure Game</title>
<link type="text/css" rel="stylesheet" href="../../../Stylesheets/application.css">
</head>
<body>
<h1 id="main-h1">Ring of Life</h1>
<p id="main-p">The ring presents itself with two powers to choose from. One is immortality, and the other is to bring someone to life.</p>
<center><img src="../../../Pictures/Ring/LoTR.jpg"></center>
<ul>
<li class="menu-item">
<a href="RingChoicePath/Immortality.html">Immortality</a>
</li>
<li class="menu-item">
<a href="RingChoicePath/Resurrection.html">Power of Resurrection</a>
</li>
</ul>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Adventure Game</title>
<link type="text/css" rel="stylesheet" href="../../../Stylesheets/application.css">
</head>
<body>
<h1 id="main-h1">Wand of Power</h1>
<p id="main-p">You feel the power coursing through your veins. As you get out of the cave, you are left with a choice, to experience the full extent of the Wand's power but will not be able to control it, or to control the Wand's power but will not be able to experience its full potential.
</p>
<center><img src="../../../Pictures/Wand/Voldemort.jpg"></center>
<ul>
<li class="menu-item">
<a href="WandChoicePath/control.html">Control</a>
</li>
<li class="menu-item">
<a href="WandChoicePath/letgo.html">Let Go</a>
</li>
</ul>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Adventure Game</title>
<link type="text/css" rel="stylesheet" href="../../Stylesheets/application.css">
</head>
<body>
<h1 id="main-h1">You follow the black wisp</h1>
<p id="main-p">The Black Wisp leads you to a dead end and attacks you until you die.</p>
<a href="../yes.html"><center>Back</center></a>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Adventure Game</title>
<link type="text/css" rel="stylesheet" href="../../Stylesheets/application.css">
</head>
<body>
<h1 id="main-h1">Follow the Blue Wisp</h1>
<p id="main-p">The Blue Wisp leads you through a series of booby traps, and you eventually die to one of them.</p>
<center><img src="../../Pictures/BoobyTraps/1.jpg">
<img src="../../Pictures/BoobyTraps/2.jpg"></center>
<p><<a href="../yes.html"><center>Back</center></a></p>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Adventure Game</title>
<link type="text/css" rel="stylesheet" href="../../Stylesheets/application.css">
</head>
<body>
<h1 id="main-h1">You follow the yellow wisp</h1>
<p id="main-p">The Yellow Wisp leads you to the Wand of Power, Ring of Life, and Cloak of Invisibility. You find a writing that says that you may only get one and the others will vanish forever. Which one do you choose?</p>
<ul>
<li class="menu-item">
<a href="YellowWispChoicePath/wand.html"><img src="../../Pictures/Items/wand.jpg"></a>
</li>
<li class="menu-item">
<a href="YellowWispChoicePath/ring.html"><img src="../../Pictures/Items/ring.jpg"></a>
</li>
<li class="menu-item">
<a href="YellowWispChoicePath/cloak.html"><img src="../../Pictures/Items/cloak.jpg"></a>
</li>
</ul>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Adventure Game</title>
<link type="text/css" rel="stylesheet" href="../Stylesheets/application.css">
</head>
<body>
<h1 id="main-h1">MAKE UP YOUR MIND MAN</h1>
<h3>
<a href="../index3.html"><center>Click me when you're done thinking.</center></a>
</h3>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Adventure Game</title>
<link type="text/css" rel="stylesheet" href="../Stylesheets/application.css">
</head>
<body>
<h1 id="main-h1">NO?!</h1>
<p id="main-p">You cowardly run away and go back home to your miserable life.</p>
<h3>
<a href="../index.html"><center>Back to Start</center></a>
</h3>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Adventure Game</title>
<link type="text/css" rel="stylesheet" href="../Stylesheets/application.css">
</head>
<body>
<h1 id="main-h1"><center>You walk into the cave</center></h1>
<p id="main-p">As you walk deeper and deeper inside the cave, you start to notice three unusual lights, a Blue Wisp, a Yellow Wisp, and a Black Wisp. Each of them are trying to lead you to a different path. Which one do you follow?</p>
<ul>
<li class="menu-item">
<a href="YesChoicePath/bluewisp.html"><img src="../Pictures/Wisps/BlueWisp.jpg"></a>
</li>
<li class="menu-item">
<a href="YesChoicePath/yellowwisp.html"><img src="../Pictures/Wisps/YellowWisp.jpg"></a>
</li>
<li class="menu-item">
<a href="YesChoicePath/blackwisp.html"><img src="../Pictures/Wisps/BlackWisp.jpg"></a>
</li>
</ul>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
1
2 2 2
3 3 3 3 3 3 3 3 3
4 4 4 4 4 4 4 4 4
Beginning
You are presented with 3 choices
Cloak- Invisibility
Wand- Power
Ring- Life
Wand- Good-Hero, Bad- Overwhelming power, In between
Ring- Immortality for u, Give life to someone, Put a person to death
Cloak- For hiding, Mischief
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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