Skip to content

S
submissions
Commit 5c0d2de7 authored by Francesco Martin Mamaradlo's avatar Francesco Martin Mamaradlo
Browse files
Options

submitted homework

parent d277a1cc
Hide whitespace changes
Inline Side-by-side
Showing with 547 additions and 0 deletions
142503/hw1/mywebsite/ending/boring.html 0 → 100644
View file @ 5c0d2de7
<!DOCTYPE html>
<html>
<head>
<title> Safe Life</title>
<link rel="stylesheet" type="text/css" href="../stylesheets/application.css">
</head>
<body bgcolor="sky blue">
<div class="tie">You are not living a very dangerous life</div>
<h4 id="tieline">
You are relatively safe but you are on a constant move. Your body cannot handle much action due to effects of eating a dinosaur egg. You cannot fight because you don't want to drag your family. At least, you have better chance in living a long life.
</h4>
<h2>THE END</h2>
<h3>
<a href="javascript:history.back()">
<p>
Go back to previous page
</p>
</a>
<a href="../index.html">
<p>
Go back to the beginning
</p>
</a>
</h3>
</body>
</html>
\ No newline at end of file
142503/hw1/mywebsite/ending/death.html 0 → 100644
View file @ 5c0d2de7
<!DOCTYPE html>
<html>
<head>
<title>You died</title>
<link rel="stylesheet" type="text/css" href="../stylesheets/application.css">
</head>
<body bgcolor="black">
<div class="death" >YOU DIED!</div>
<h4 id="deathline">
Because of your ignorance you died due to eating unsafe food, unprepared fighting, or you decided that life is worth living anymore
<p></p>
<p></p>
<p id="deathend">THE END</p>
</h4>
<h3>
<a href="javascript:history.back()">
<p>
Go back to previous page
</p>
</a>
<a href="../index.html">
<p>
Go back to the beginning
</p>
</a>
</h3>
</body>
</html>
\ No newline at end of file
142503/hw1/mywebsite/ending/liberator.html 0 → 100644
View file @ 5c0d2de7
<!DOCTYPE html>
<html>
<head>
<title> Liberator</title>
<link rel="stylesheet" type="text/css" href="../stylesheets/application.css">
</head>
<body background="../images/vic.jpg">
<div class="win">Congratulations! You became a full-fledged Dragon Slayer</div>
<h4 id="winline">
You discovered the secret technique in dinosaur-slaying and that is riding your own Pterodactyl to battle. Now you are able to liberate towns from the terror brought by the blood-hungry Pterodactyls.
</h4>
<h2>THE END</h2>
<h3>
<a href="javascript:history.back()">
<p>
Go back to previous page
</p>
</a>
<a href="../index.html">
<p>
Go back to the beginning
</p>
</a>
</h3>
</body>
</html>
\ No newline at end of file
142503/hw1/mywebsite/images/chick.png 0 → 100644
View file @ 5c0d2de7
This diff is collapsed.
142503/hw1/mywebsite/images/flee.png 0 → 100644
View file @ 5c0d2de7
This diff is collapsed.
142503/hw1/mywebsite/index.html 0 → 100644
View file @ 5c0d2de7
<!DOCTYPE html>
<html>
<head>
<title>Dinosaurs in the 20th Century</title>
<style type="text/css"></style>
<link type="text/css" rel="stylesheet" href="stylesheets/application.css">
</head>
<body>
<h1>Dinosaurs in the 20th Century</h1>
<p>
In the 20th century, the scientist were able to revive the dinosaurs by replicationg the DNA gathered from the fossils.
</p>
<p>
The first dinosaur revived was the Pterodactyls. Scientists were able to hatch five of them. At first, the pterodactyls were docile but as they aged, their predatory instincts emerged and gets stronger.
</p>
<p>
The pterodactyls were far stronger than what the scientists have predicted. One day, they escaped captivity and were never found.
</p>
<p>
Few years later after the escape...
The area where you are living is attacked by a swarm of ferocious pterodactyls.
</p>
<h2 align="center"> WHAT WILL YOU DO? </h2>
<ul id="choices1">
<a href="level-one/option1.html">
<p align="center">
<img src="images/attack.png">
A) Attack the pterodactyls
</p>
</a>
<a href="level-one/option2.html">
<p align="center">
<img src="images/flee.png">
B) Run and look for help
</p>
</a>
</ul>
</body>
</html>
\ No newline at end of file
142503/hw1/mywebsite/level-one/option1.html 0 → 100644
View file @ 5c0d2de7
<!DOCTYPE html>
<html>
<head>
<title>Attack the Pterodactyls</title>
<style type="text/css"></style>
<link rel="stylesheet" type="text/css" href="../stylesheets/application.css">
</head>
<body>
<h1>You attacked the pterodactyls</h1>
<p>You grabbed anything as a weapon and managed to thwart the pterodactyls attacking your mother. </p>
<p>Your mother have wounds but you successfully saved her.
</p>
<p> As you are looking around the mess, you saw a large egg beside a dead pterodactyl...</p>
<h2 align="center">What will you do with the egg?</h2>
<ul id="choices1">
<a href="../level-two/egg-choice1.html">
<p align="center">
<img src="../images/sunny.png">
A) Make a sunny side up out of it.
</p>
</a>
<a href="../level-two/egg-choice2.html">
<p align="center">
<img src="../images/hatch.png">
B) Take care of the egg and incubate it.
</p>
</a>
</ul>
<a href="../index.html">
<h3 align ="center">Go back to previous page</h3>
</a>
</body>
</html>
\ No newline at end of file
142503/hw1/mywebsite/level-one/option2.html 0 → 100644
View file @ 5c0d2de7
<!DOCTYPE html>
<html>
<head>
<title>Run Away</title>
<style type="text/css"></style>
<link rel="stylesheet" type="text/css" href="../stylesheets/application.css">
</head>
<body>
<h1>You run away</h1>
<p>You got people to help you attack the pterodactyl and you are successful in driving the vile creatures away.
</p>
<p>
When you arrive at home, what's left of your mother is her bloody remains.
</p>
<p>
You are now left alone since your mother was eaten. Your life is in your hands now...
</p>
<h2 >What will you do?</h2>
<ul>
<a href="../level-two/run-choice1.html">
<p align="center">
<img src="../images/sword.png">
A) Become a dinosaur-slayer.
</p>
</a>
<a href="../level-two/run-choice2.html">
<p align="center">
<img src="../images/give.png">
B) Give up on life.
</p>
</a>
</ul>
<a href="../index.html">
<h3 align ="center">Go back to previous page</h3>
</a>
</body>
</html>
\ No newline at end of file
142503/hw1/mywebsite/level-two/egg-choice1.html 0 → 100644
View file @ 5c0d2de7
<!DOCTYPE html>
<html>
<head>
<title>You Cooked the Egg</title>
<link rel="stylesheet" type="text/css" href="../stylesheets/application.css">
</head>
<body>
<h1>You cooked the Pterodactyl Egg...</h1>
<p>
As revenge for the damage the pterodactyls did, you savor the exotic taste of the dinosaur sunny side up.
</p>
<p>
The egg was so large that you shared it with other people
</p>
<p>
After few hours, you feel your stomach rumbling and you are having an intense migraine...
</p>
<h2>What will you do?</h2>
<ul>
<a href="../ending/death.html">
<p align="center">
<img src="../images/sleep.png">
Just sleep and it will be gone later.
</p>
</a>
<a href="../ending/boring.html">
<p align="center">
<img src="../images/doc.png">
Consult a doctor.
</p>
</a>
</ul>
<h3>
<a href="../level-one/option1.html">
<p>
Go back to previous page
</p>
</a>
<a href="../index.html">
<p>
Go back to the beginning
</p>
</a>
</h3>
</body>
</html>
\ No newline at end of file
142503/hw1/mywebsite/level-two/egg-choice2.html 0 → 100644
View file @ 5c0d2de7
<!DOCTYPE html>
<html>
<head>
<title>You Take Care of the Egg</title>
<link rel="stylesheet" type="text/css" href="../stylesheets/application.css">
</head>
<body>
<h1>You incubated the Pterodactyl Egg...</h1>
<p>
You created an incubator for egg and really looked forward for it to hatch.
</p>
<p>
Weeks passed and it seems that nothing is happening with egg.
</p>
<p>
One day, you suddenly heard a guttural cry and you found out a baby pterodactyl emerged from the egg...
</p>
<h2>What will you do?</h2>
<ul>
<a href="../ending/liberator.html">
<p align="center">
<img src="../images/train.png">
Raise the baby pterodactyl and train it.
</p>
</a>
<a href="../ending/death.html">
<p align="center">
<img src="../images/chick.png">
Cook the a day-old pterodactyl.
</p>
</a>
</ul>
<h3>
<a href="../level-one/option1.html">
<p>
Go back to previous page
</p>
</a>
<a href="../index.html">
<p>
Go back to the beginning
</p>
</a>
</h3>
</body>
</html>
\ No newline at end of file
142503/hw1/mywebsite/level-two/run-choice1.html 0 → 100644
View file @ 5c0d2de7
<!DOCTYPE html>
<html>
<head>
<title> Dinosaur-Slayer</title>
<link rel="stylesheet" type="text/css" href="../stylesheets/application.css">
</head>
<body>
<h1>You Train To Become A Dinosaur Slayer</h1>
<p>
With vengeance as fuel for your determination, you trained hard to be able to defeat and eliminate the dinosaurs
</p>
<p>
You know that you are already strong enough and you asked your master if you can fight the dinosaurs.
</p>
<p>
Your master said you are not ready and you still don't know the secret technique for dragon slaying?
</p>
<h2>What will you do?</h2>
<ul>
<a href="../ending/death.html">
<p align="center">
<img src="../images/disobey.png">
Disobey your master.
</p>
</a>
<a href="../ending/liberator.html">
<p align="center">
<img src="../images/continue.png">
Continue your training and eventually learn the secret technique.
</p>
</a>
</ul>
<h3>
<a href="../level-one/option2.html">
<p>
Go back to previous page
</p>
</a>
<a href="../index.html">
<p>
Go back to the beginning
</p>
</a>
</h3>
</body>
</html>
\ No newline at end of file
142503/hw1/mywebsite/level-two/run-choice2.html 0 → 100644
View file @ 5c0d2de7
<!DOCTYPE html>
<html>
<head>
<title> Give-Up</title>
<link rel="stylesheet" type="text/css" href="../stylesheets/application.css">
</head>
<body>
<h1>Give up</h1>
<p>
You lost your mother and you are wandering aimlessly.
</p>
<p>
One day, your mother's relative found you and offered you to become part of their family.
</p>
<h2>What will you do?</h2>
<ul>
<a href="../ending/boring.html">
<p align="center">
<img src="../images/live.png">
Live with them and start a new life.
</p>
</a>
<a href="../ending/death.html">
<p align="center">
<img src="../images/ignore.png">
Ignore them and continue to wander aimlessly.
</p>
</a>
</ul>
<h3>
<a href="../level-one/option2.html">
<p>
Go back to previous page
</p>
</a>
<a href="../index.html">
<p>
Go back to the beginning
</p>
</a>
</h3>
</body>
</html>
\ No newline at end of file
142503/hw1/mywebsite/stylesheets/application.css 0 → 100644
View file @ 5c0d2de7
body{
font-family: 'Comic Sans MS';
padding-bottom: 50px;
}
p{
margin-left: 10em;
margin-right: 10em;
font-size: 18px;
text-indent: 20px;
padding-right: 10px;
}
#winline{
text-indent: 10px;
margin-left: 10em;
margin-right: 10em;
font-size: 20px;
background-color: orange;
}
#deathline{
color: red;
font-family: 'Times New Roman';
background-color: black;
text-align: center;
font-size: 25px;
margin-left: 10em;
margin-right: 10em;
}
#tieline{
text-align: center;
font-size: 20px;
margin-right: 10em;
margin-left: 10em;
}
.win{
background-color: gold;
padding-top: 20px;
padding-bottom: 20px;
font-family: 'Impact';
font-size: 35px;
text-align: center;
}
.tie{
background-color: #7CFC00;
font-size: 35px;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.death{
padding-top: 20px;
padding-bottom: 20px;
font-family: 'Times New Roman';
font-size: 50px;
text-align: center;
color: red;
}
h1{
color: yellow;
font-size: 35px;
padding-top: 5px;
padding-left: 20px;
padding-bottom: 5px;
background-color: green ;
}
h2{
font-size: 33px;
padding-top: 20px;
padding-left: 20px;
text-align: center;
}
img{
position: relative;
height: auto;
width: auto;
max-height: 50px;
max-width: 50px;
}
ul{
text-decoration: none;
}
h3{
padding-top: 50px;
font-family: 'Garamond';
text-align: center;
}
#deathend{
font-size: 25px;
}
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