Commit 4e124bc0 authored by jairuscperez's avatar jairuscperez
parents 4d0efe19 c8e1ba34
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="../../../stylesheets/application.css">
</head>
<body>
<h1 id="main-h1"></h1>
<h1>You can feel yourself losing consciousness. </h1>
<h1>Then everything went black.</h1>
<h1>You woke up with a start in your bedroom with your heartbeat racing.</h1>
<h1>You stared coughing up water and noticed that you are drenched from head to toe.</h1>
<ul id ="main-menu">
<li class="menu-item">
<a href="../../../index.html">Back to beginning</a>
</li>
</ul>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="../../stylesheets/application.css">
</head>
<body>
<h1 id="main-h1"></h1>
<h1>No matter how hard you look for it, you can't seem to find out where the water is coming from.</h1>
<h1>The water keeps on rushing in and filling the room.</h1>
<h1>This is your last chance.</h1>
<h1>You...</h1>
<ul id ="main-menu">
<li class="menu-item">
<a href="../../open/index.html">Open the box</a>
</li>
<li class="menu-item">
<a href="ignore3/index.html">Keep on trying to find an exit</a>
</li>
</ul>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="../stylesheets/application.css">
</head>
<body>
<h1 id="main-h1"></h1>
<h1>You got on your feet and began to look for an exit.</h1>
<h1>To your horror, you found none. No door, no windows, nothing, even the ceiling looks concrete.</h1>
<h1>How in the world did you get here?</h1>
<h1>Water suddenly starts seeping in, where did it came from?</h1>
<h1>You...</h1>
<ul id ="main-menu">
<li class="menu-item">
<a href="ignore2/index.html">Try to find out where the water is coming from.</a>
</li>
<li class="menu-item">
<a href="../open/index.html">Open the box</a>
</li>
</ul>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheets/application.css">
</head>
<body>
<h1 id="main-h1"></h1>
<h1>You wake up in a strange room.</h1>
<h1>The only source of light is a single flickering light bulb.</h1>
<h1>In the dead center of the room is a strange box painted in blood red.</h1>
<h1>You...</h1>
<ul id ="main-menu">
<li class="menu-item">
<a href="ignore/index.html">Ignore it</a>
</li>
<li class="menu-item">
<a href="open/index.html">Approach the box and open it.</a>
</li>
</ul>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheets-gun/application.css">
</head>
<body>
<h1 id="main-h1"></h1>
<h1>Everything went black.</h1>
<h1>When you opened your eyes, you were standing in a darkened room.</h1>
<h1>A man is pointing his gun towards you from a few meters away.</h1>
<h1><i>A gun is also in your hands pointed at him.</i></h1>
<h1>You...</h1>
<ul id ="main-menu">
<li class="menu-item">
<a href="shoot.html">Shoot him</a>
</li>
<li class="menu-item">
<a href="run.html">Run</a>
</li>
</ul>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheets-gun-run/application.css">
</head>
<body>
<h1 id="main-h1"></h1>
<h1>You tried to ran away but you know that there's no use.</h1>
<h1>You heard three gunshots. After a few moments, everything went black.</h1>
<h1>You suddenly woke up. You see blood everywhere.</h1>
<h1>You noticed that the blood was yours.</h1>
<h1>You have three gunshot wounds. One on your shoulder, another on your back, and another one on your thighs</h1>
<h1>You tried to call for help, but you died before anyone discovered you.</h1>
<ul id ="main-menu">
<li class="menu-item">
<a href="../index.html">Back to beginning</a>
</li>
</ul>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheets-gun-run/application.css">
</head>
<body>
<h1 id="main-h1"></h1>
<h1>You shot each other simultaneously. You grazed him on his right shoulder while he shot you on your left shoulder barely missing your heart.</h1>
<h1>He clutched his wounded shoulder and was about to shoot you again.</h1>
<h1>But you shot him again, this time on the leg. He dropped to one knee and dropped his gun.</h1>
<h1>You cautiously approached him, gun on hand, and kicked his gun away.</h1>
<h1>You saw the man's face for the first time ever and saw your own.</h1>
<h1>You suddenly woke up. You see blood everywhere.</h1>
<h1>You noticed that the blood was yours.</h1>
<h1>You have three gunshot wounds. One on each shoulder, and another one on your leg</h1>
<h1>You tried to call for help, but you died before anyone discovered you.</h1>
<ul id ="main-menu">
<li class="menu-item">
<a href="../index.html">Back to beginning</a>
</li>
</ul>
</body>
</html>
\ No newline at end of file
body{
font-family:'Arial';
background: url(sample3.gif) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
h1{
color: rgb(204, 28, 28);
font-size: 24px;
padding-top: 10px;
text-align: center;
}
#main-h1{
color: #8b0000;
font-size: 48px;
}
ul{
list-style-type: none;
}
#main-menu{
margin-top: 50px;
text-align: center;
}
.menu-item{
font-size: 24px;
text-decoration: none;
background-color: transparent;
display: inline;
padding-right: 50px;
font-weight: bold;
}
a:link {
text-decoration: none;
color: rgb(204, 28, 28);
}
a:visited {
text-decoration: none;
color: rgb(204, 28, 28);
}
a:hover {
text-decoration: none;
font-weight: bold;
color: #fffafa;
}
a:active {
text-decoration: none;
font-weight: bold;
color: rgb(204, 28, 28);
}
\ No newline at end of file
body{
font-family:'Arial';
background: url(sample2.gif) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
h1{
color: rgb(255, 255, 255);
font-size: 24px;
padding-top: 30px;
text-align: center;
}
#main-h1{
color: #8b0000;
font-size: 48px;
}
ul{
list-style-type: none;
}
#main-menu{
margin-top: 50px;
text-align: center;
}
.menu-item{
font-size: 24px;
text-decoration: none;
background-color: transparent;
display: inline;
padding-right: 50px;
font-weight: bold;
}
a:link {
text-decoration: none;
color: #fffafa
}
a:visited {
text-decoration: none;
color: #fffafa
}
a:hover {
text-decoration: none;
font-weight: bold;
color: #FF0000;
}
a:active {
text-decoration: none;
font-weight: bold;
color: #fffafa
}
\ No newline at end of file
body{
font-family:'Arial';
background: url(sample.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
h1{
color: #b10909;
font-size: 24px;
padding-top: 24px;
text-align: center;
}
#main-h1{
color: #9C27B0;
font-size: 48px;
}
ul{
list-style-type: none;
}
#main-menu{
margin-top: 60px;
text-align: center;
}
.menu-item{
font-size: 24px;
text-decoration: none;
background-color: transparent;
display: inline;
padding-right: 50px;
}
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
font-weight: bold;
color: #000000;
}
a:active {
text-decoration: none;
font-weight: bold;
color: #000000;
}
\ No newline at end of file
body
{
background-image: url("forest.jpg");
background-size:cover;
}
a
{
color: inherit;
text-decoration: none;
}
ol
{
color: white;
}
p
{
color: white;
}
h1
{
color: white;
}
\ No newline at end of file
This diff is collapsed.
body
{
background-image: url("wolf.jpg");
background-size: 460px;
}
a
{
color: inherit;
text-decoration: none;
}
ol
{
color: white;
}
p
{
color: white;
}
h1
{
color: white;
}
#choice1
{
font-size: 40px;
color: red;
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Choose Wisely</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="css.css">
<h1>You accept your fate</h1>
<p>You decidd to just give up. You lost all hope and decided to rest with your back against a tree in hopes of seeing your pursuer. After a few seconds, you hear the inaudable sound again albeit louder. Then you see a wolf emerging from the shadow, slowly approaching you. It closes the gap up to the point you can feel it's breath against your face. It opens its mouth then......</p>
<ul>
<p><a href="next/cave.html"> ---Ah. To die after a cliffhanger. Such a cliche is it not? Farewell cruel world.</a></p>
</ul>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Choose Wisely</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="css.css">
<h1>......</h1>
<p><i>SPLASH!!!</i>You woke up drenched in what seems to be alchohol. You look around and you find yourself in something that resembles cave. In front of you is a guard with a bucket.</p>
<p>"I told you to wake up. Get ready, your first fight will be in a couple of minutes</p>
<p>He then proceeds to leave through the exit behind you, locking the door as he left. You suddenly remember now. You are in a colosseum. And like the guard said, you are scheduled to have your first fight. You take a better look around you and spot your sword and shield. You pick your sword up and give it a few swings. <i>I hope I do well</i> is the only thing in your mind. You turn your attention to your shield and decide to</p>
<ol>
<li>
<p id="choice1"><a href="next/take.html">Pick it up. A shield would always come in handy</a></p></li>
<li>
<p id="choice1"><a href="next/leave.html">Leave it there. It's best to stick with only a sword. That way I could move quicker</a></p>
</li>
</ol>
</body>
</html>
\ No newline at end of file
body
{
background-image: url("cave.jpg");
background-size: cover;
}
a
{
color: inherit;
text-decoration: none;
}
ol
{
color: white;
}
p
{
color: white;
}
h1
{
color: white;
}
\ No newline at end of file
body
{
background-image: url("spear.jpg");
background-size: cover;
}
a
{
color: inherit;
text-decoration: none;
}
ol
{
color: white;
}
p
{
color: white;
}
h1
{
color: white;
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Choose Wisely</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="css.css">
<h1>Leave it</h1>
<p>You leave your shield and went to the fighting pit knowing you have to be quicker. As you come face to face with your enemy you see he has a spear on his hand and a big shield on the other. strapped to his belt was a sword The bell rings signaling the start of the fight. your opponent quickly throws his spear. You decide to: </p>
<ol>
<li><p><a href="next/sideleave.html"> ---Sidestep it.</a></p></li>
<li><p><a href="next/hit.html"> ---Hit it at the last second in an attempt to look cool</a></p></li>
</ol>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Choose Wisely</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="cs.css">
<h1>Attempt to block it</h1>
<p>You put up your shield and hope that the shield was strong enough. The spear pierces the shield. luckily the tip of the spear is just inches from your face. As you lower your shield, you see him running towards you and then jumps preparing his sword for one big slash. You quickly</p>
<ol>
<li><p><a href="block/sword.html"> ---Use your sword to block it.</a></p></li>
<li><p><a href="block/block.html"> ---Use your shield again.</a></p></li>
</ol>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Choose Wisely</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="css.css">
<h1>shield it</h1>
<p>You raise up your shield again and wait for the sword to hit your shield. You then feel a slight bump. You looked and saw your opponent on the floor struggling to catch his breath. Apparently, the spear that was stuck on your shield hit him hard on his neck. Waisting no time, you drive your sword unto his neck</p>
<ol>
<p>Congtatulations. You have survived. For now.<p>
<p><a href="../../../../../start.html"> --- start over.</a></p>
</ol>
</body>
</html>
\ No newline at end of file
body
{
background-image: url("dead.jpg");
background-size: cover;
}
a
{
color: inherit;
text-decoration: none;
}
ol
{
color: white;
}
p
{
color: white;
}
h1
{
color: white;
}
\ No newline at end of file
body
{
background-image: url("win.png");
background-size: cover;
}
a
{
color: inherit;
text-decoration: none;
}
ol
{
color: white;
}
p
{
color: white;
}
h1
{
color: white;
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Choose Wisely</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="cs.css">
<h1>sword block it</h1>
<p>You raise up your shield again and wait for the sword to hit your shield. You then feel a slight bump. You looked and saw your opponent on the floor struggling to catch his breath. Apparently, the spear that was stuck on your shield hit him hard on his neck. Waisting no time, you drive your sword unto his neck</p>
<ol>
<p>Congtatulations. You have survived. For now.<p>
<p><a href="../../../../../start.html"> --- start over.</a></p>
</ol>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Choose Wisely</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="cs.css">
<h1>sword block it</h1>
<p>You raise up your sword in an attempt to block it but the force of the slash was too strong that it eneded up breaking your sword. Your opponent ends up slashing your whole body. You try to stand up but you lost to much blood. Before you get to look at your opponent, he stabs you with his sword multiple times before you finnaly lose conscious</p>
<ol>
<p><a href="../../../../../start.html"> ---start over.</a></p>
</ol>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
body
{
background-image: url("run.jpg");
background-size: 600px;
}
a
{
color: inherit;
text-decoration: none;
}
ol
{
color: white;
}
p
{
color: white;
}
h1
{
color: white;
}
\ No newline at end of file
body
{
background-image: url("dead.jpg");
background-size: cover;
}
a
{
color: inherit;
text-decoration: none;
}
ol
{
color: white;
}
p
{
color: white;
}
h1
{
color: white;
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Choose Wisely</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="css.css">
<h1>Attempt to look cool</h1>
<p>You focus and attempt to hit the spear before it hits you. Alas, you aren't as skilled as you think and the spear hits you right in the heart. You struggle to breath for a while before your opponent decides to cut off your head.</p>
<ol>
<p><a href="../../../../../adventure/start.html"> ---start over.</a></p>
</ol>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Choose Wisely</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="cs.css">
<h1>Attempt to sidestep</h1>
<p>You jump to your right just in time. You then fail your landing causing you to fall down. You quickly look around to find your opponent and you see him running towards you and then jumps preparing his sword for one big slash. You quickly</p>
<ol>
<li><p><a href="side/shield.html"> ---Use your shield to block.</a></p></li>
<li><p><a href="side/sword.html"> ---Use your sword to block it.</a></p></li>
</ol>
</body>
</html>
\ No newline at end of file
body
{
background-image: url("dead.jpg");
background-size: cover;
}
a
{
color: inherit;
text-decoration: none;
}
ol
{
color: white;
}
p
{
color: white;
}
h1
{
color: white;
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Choose Wisely</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="cs.css">
<h1>shield it</h1>
<p>You raise up your shield just in time but sadly the shield wasn't well made and broke under the force of your opponent's slash. Your opponent ends up slashing your whole body. You try to stand up but you lost to much blood. Before you get to look at your opponent, he stabs you with his sword multiple times before you finnaly lose conscious</p>
<ol>
<p><a href="../../../../../start.html"> ---start over.</a></p>
</ol>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Choose Wisely</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="cs.css">
<h1>sword block it</h1>
<p>You raise up your sword in an attempt to block it but the force of the slash was too strong that it eneded up breaking your sword. Your opponent ends up slashing your whole body. You try to stand up but you lost to much blood. Before you get to look at your opponent, he stabs you with his sword multiple times before you finnaly lose conscious</p>
<ol>
<p><a href="../../../../../start.html"> ---start over.</a></p>
</ol>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Choose Wisely</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="cs.css">
<h1>Attempt to sidestep</h1>
<p>You jump to your right just in time. You then fail your landing causing you to fall down. You quickly look around to find your opponent and you see him running towards you and then jumps preparing his sword for one big slash. You quickly</p>
<ol>
<li><p><a href="side/sword.html"> ---Use your sword to block it.</a></p></li>
</ol>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Choose Wisely</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="css.css">
<h1>Take it</h1>
<p>You take your shield and went to the fighting pit with a sense of security knowing you have something to use for blocking other than your body. As you come face to face with your enemy you see he has a spear on his hand and a big shield on the other. strapped to his belt was a sword. The bell rings signaling the start of the fight. your opponent quickly throws his spear. You decide to: </p>
<ol>
<li><p><a href="next/block.html"> ---Block it with your shield.</a></p></li>
<li><p><a href="next/side.html"> ---Sidestep it.</a></p></li>
<li><p><a href="next/hit.html"> ---Hit it at the last second in an attempt to look cool</a></p></li>
</ol>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Choose Wisely</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="css.css">
<h1>You continue running</h1>
<p>"No!" you tell yourself as your force yourself to continue running. As you ran, you hear an inaudable sound. While wondering what that was you tripped and scraping your knee. You try to get yourself up but you can't muster much strength from your legs. You crawl torwards a tree and pushed your back against it in hopes you get to see what would bring your death. After a few seconds, you hear the inaudable sound again albeit louder. Then you see a wolf emerging from the shadow, slowly approaching you. It closes the gap up to the point you can feel it's breath against your face. It opens its mouth then......</p>
<ul>
<p id="choice1"><a href="next/cave.html"> ---Well? Stop the cliffhangers and let my suffering end!!!!</a></p>
</ul>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Choose Wisely</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="css.css">
<h1>This is your story</h1>
<p>There are times in ones life where you have to just get up and start running. In my case, that time is now. I've been running for so long I kind of forgot what I was running from. Wolves maybe. All I know is that if I stop, I'm dead. So I kept running through the forest with the only thing that keeps me company is the sounds of birds chirping. I decided to stop to catch my breath. My mind tells me to keep running but my body says that I should give up.</p>
<ol>
<p>Ultimately, I decided to:</p>
<li><p><a href="next/die.html"> ---Give up. I give in to what my body tells me and accept my fate. I wouldn't be able to outrun whatever was chasing me anyway</a></p>
</li>
<li>
<p><a href="next/run.html"> ---Continue running. I can't give up now. Not after all my running. I still have things to do and places to see</a></p>
</li>
</ol>
</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