master
*anna* 4 years ago
parent 023651de9e
commit 0e1b4d1a9e

@ -43,9 +43,10 @@
svg {
width: 100%;
height: 100%;
position:absolute;
position:fixed;
z-index: -10;
}
.instructions{
@ -118,6 +119,52 @@ span.button_text{
z-index: 0;
}
/*school staff*/
#table {
bottom: 50%;
left: 45%;
position:absolute ;
}
div.figure1 {
top: 20%;
left: 30%;
position:absolute ;
}
div.figure2 {
top: 10%;
left: 60%;
position:absolute ;
}
div.figure3 {
top: 25%;
right:10%;
position:absolute ;
}
div.figure4 {
bottom: 35%;
left: 50%;
position:absolute ;
}
div.figure5 {
bottom: 25%;
right: 25%;
position:absolute ;
}
/* baloons*/

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>looking for</title>
<title>canteen</title>
<link rel="icon" href="imgs/park/flower2.gif">
<link rel="stylesheet" href="canteen.css">
@ -11,30 +11,53 @@
<body>
<svg >
<line x1="10" y1="100" x2="80%" y2="100" style="stroke:black;stroke-width:1" />
<line x1="80%" y1="0" x2="80%" y2="100" style="stroke:black;stroke: width 1px;"/>
<line x1="80%" y1="100" x2="150%" y2="100%" style="stroke:black;stroke: width 1px;"/>
<line x1="10" y1="130" x2="80%" y2="130" style="stroke:black;stroke-width:1" />
<line x1="80%" y1="0" x2="80%" y2="130" style="stroke:black;stroke: width 1px;"/>
<line x1="80%" y1="130" x2="150%" y2="100%" style="stroke:black;stroke: width 1px;"/>
</svg>
<!--characters-->
<div id="player_img"></div>
<img id="ned" src="imgs/park/ned2.gif" height="120px">
<img id="ned" src="imgs/canteen/ned1.gif" height="120px">
<img id="table" src="imgs/canteen/table1.gif" height="110px">
<div class="figure1">
<img id="cooking1" src="imgs/canteen/woman_cooking_1.gif" height="110px">
<img id="satan1" src="imgs/canteen/woman_rites_1.gif" height="110px" style="display: none;">
</div>
<div class="figure2">
<img id="cooking2" src="imgs/canteen/woman_cooking_2.gif" height="120px">
<img id="satan2" src="imgs/canteen/woman_rites_2.gif" height="130px" style="display: none;">
</div>
<div class="figure3">
<img id="cooking3" src="imgs/canteen/woman_cooking_3.gif" height="120px">
<img id="satan3" src="imgs/canteen/woman_rites_3.gif" height="110px" style="display: none;">
</div>
<div class="figure4">
<img id="cooking4" src="imgs/canteen/woman_cooking_4.gif" height="140px">
<img id="satan4" src="imgs/canteen/woman_rites_4.gif" height="110px" style="display: none;">
</div>
<div class="figure5">
<img id="cooking5" src="imgs/canteen/woman_cooking_5.gif" height="140px">
<img id="satan4" src="imgs/canteen/woman_rites_4.gif" height="130px" style="display: none;">
</div>
<!--baloons-->
<div class="ned_bubble1" style="display: none;">I was hoping that someone would find my newspaper.</div>
<div class="ned_bubble2" style="display: none;">My name is Ned, I used to be the school's janitor. I got fired last week because the school noticed I was investigating the kids' conditions. Believe me, the situation is shadier then it seems. Do you wanna know what I just found out?</div>
<div class="ned_bubble3" style="display: none;">The school is involved in sinister activities: together with the Monteferro Food Enterprise they are poisoning the children's meals. Follow me to the enterprise's fields: I can show you the proof of what I'm saying. </div>
<div class="ned_bubble1" style="display: none;"></div>
<div class="ned_bubble2" style="display: none;"></div>
<div class="ned_bubble3" style="display: none;"></div>
<!--bottom text-->
<div class="text_container">
<div class="message1">
You are now in the school canteen. Unluckily the staff is there as well. <br>
<span class="instructions">Click on the corn on the table to take it with you and confront it with what you found at Monteferro's field.</span>
You are now in the school canteen. The staff is there as well: the plan might get more complicated. <br>
<span class="instructions">Click on the corn on the table to take it with you.</span>
</div>
<div class="message2" style="display: none;">
Oh jeez! The school cooking staff turned into what appears to be a devil-worshippers gang!<br>
@ -56,12 +79,14 @@
<script src="jquery.min.js"></script>
<script>
var fluoride = 5;
// saves game step in the local storage
window.onload = function() {
window.localStorage.setItem("school_canteen","opened");
console.log ("school canteen:",localStorage.school_canteen);
$('.cobs_collected').html("0");
}
//get player avatar from local storage

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 986 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 156 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 366 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Loading…
Cancel
Save