Skip to content

S
submissions
Commit 661c518b authored by Dean Krisitan Bardeloza's avatar Dean Krisitan Bardeloza
Browse files
Options

Added hw1 for 130416.

parent 29398169
Hide whitespace changes
Inline Side-by-side
Showing with 7539 additions and 0 deletions
130416/hw1/gender.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/main.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/start.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/story/caf/end1.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/story/caf/end2.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/story/caf/end3.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/story/caf/end4.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/story/caf/page1.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/story/caf/page1a.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/story/caf/page2.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/story/caf/page3.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/story/caf/page3no.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/story/caf/page4.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/story/out/end1.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/story/out/end2.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/story/out/page1.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/story/out/page2.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/story/page1.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/story/page2.html 0 → 100644
View file @ 661c518b
<!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
130416/hw1/stylesheets/bootstrap.css 0 → 100644
View file @ 661c518b
This source diff could not be displayed because it is too large. You can view the blob instead.
130416/hw1/stylesheets/common.css 0 → 100644
View file @ 661c518b
@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
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