You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
3.5 KiB
HTML
83 lines
3.5 KiB
HTML
4 years ago
|
<!DOCTYPE html>
|
||
|
<html lang="en-US">
|
||
|
<head>
|
||
|
<meta charset="utf-8" />
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||
|
<title>looking for</title>
|
||
|
<link rel="icon" href="imgs/park/flower2.gif">
|
||
|
<link rel="stylesheet" href="canteen.css">
|
||
|
|
||
|
</head>
|
||
|
<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;"/>
|
||
|
</svg>
|
||
|
|
||
|
<!--characters-->
|
||
|
|
||
|
<div id="player_img"></div>
|
||
|
<img id="ned" src="imgs/park/ned2.gif" height="120px">
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
<!--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>
|
||
|
|
||
|
|
||
|
<!--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>
|
||
|
</div>
|
||
|
<div class="message2" style="display: none;">
|
||
|
Oh jeez! The school cooking staff turned into what appears to be a devil-worshippers gang!<br>
|
||
|
You still have fluoride with you though: use it to fight them back!<br>
|
||
|
<span class="instructions">Click on the school's staff to neutralize them with the poisonous chemical.</span>
|
||
|
</div>
|
||
|
<div class="message3" style="display: none;">
|
||
|
You managed to neutralize the enemy! Sadly, Ned was hit during the fight.
|
||
|
<button onclick="location.href='square_satanism.html';"><span class="button_text">Go to the village square</span></button> to inform the children's parents of your discovery: you need to rescue them from the trip.
|
||
|
If you are still in doubt, <button onclick="location.href='pleiadians_satanism.html';"><span class="button_text">look for the chemtrails</span></button> .
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<!--game bar-->
|
||
|
<div class="game_bar" >
|
||
|
fluoride: <span class="cobs_collected"></span> / 5
|
||
|
</div>
|
||
|
|
||
|
|
||
|
<script src="jquery.min.js"></script>
|
||
|
<script>
|
||
|
|
||
|
// 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
|
||
|
console.log (localStorage.myavatar)
|
||
|
var img = document.createElement("img");
|
||
|
img.src = localStorage.myavatar;
|
||
|
var player_img = document.querySelector("#player_img");
|
||
|
player_img.appendChild(img);
|
||
|
|
||
|
//get player name from local storage
|
||
|
|
||
|
|
||
|
|
||
|
</script>
|
||
|
|
||
|
<script type="text/javascript" src="index.js" ></script>
|
||
|
|
||
|
|
||
|
</body>
|