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.

108 lines
4.1 KiB
HTML

<!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>canteen</title>
<link rel="icon" href="imgs/park/flower2.gif">
<link rel="stylesheet" href="canteen.css">
</head>
<body>
<svg >
<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/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;"></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. 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>
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>
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
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>