<!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/canteen/kitchen1.gif" >
< link rel = "stylesheet" href = "canteen.css" >
< / head >
< body >
< div id = "ground" class = "invert" > < / div >
< svg class = "invert" >
< 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 = "pill" src = "imgs/canteen/pill.png" height = "30px" style = "display: none;" >
< img id = "ned" src = "imgs/canteen/ned1.gif" height = "120px" >
< img id = "table" src = "imgs/canteen/table1.gif" height = "110px" >
< img id = "column" src = "imgs/canteen/fire_5.gif" height = "130px" style = "display: none;" >
< div class = "figure1" >
< img id = "cooking1" class = "cooking" src = "imgs/canteen/woman_cooking_1.gif" height = "110px" >
< img id = "satan1" class = "satan" src = "imgs/canteen/woman_rites_1.gif" height = "130px" style = "display: none;" >
< / div >
< div class = "figure2" >
< img id = "cooking2" class = "cooking" src = "imgs/canteen/woman_cooking_2.gif" height = "120px" >
< img id = "satan2" class = "satan" src = "imgs/canteen/devil_rites_4.gif" height = "140px" style = "display: none;" >
< / div >
< div class = "figure3" >
< img id = "cooking3" class = "cooking" src = "imgs/canteen/woman_cooking_3.gif" height = "120px" >
< img id = "satan3" class = "satan" src = "imgs/canteen/woman_rites_3.gif" height = "180px" style = "display: none;" >
< / div >
< div class = "figure4" >
< img id = "cooking4" class = "cooking" src = "imgs/canteen/woman_cooking_4.gif" height = "140px" >
< img id = "satan4" class = "satan" src = "imgs/canteen/woman_rites_2.gif" height = "180px" style = "display: none;" >
< / div >
< div class = "figure5" >
< img id = "cooking5" class = "cooking" src = "imgs/canteen/woman_cooking_5.gif" height = "140px" >
< img id = "satan4" class = "satan" src = "imgs/canteen/woman_rites_5.gif" height = "160px" 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 cobs on the table to take them with you.< / span >
< / div >
< div class = "message2 invert" style = "display: none;" >
Oh jeez! The school's 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 invert" >
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(fluoride);
}
//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);
//change characters + invert
$("#table").click (function(){
$(".cooking, #table, .message1 ").hide();
$(".satan, #column, .message2").show();
$(".invert").addClass("invert_style");
});
//fight
var avatar = $("#player_img");
var weapon = $("#pill");
$(".figure1").click (function(){
avatar.animate({top:'16%'}, "slow");
weapon.animate({top:'16%'}, "slow");
weapon.show();
fluoride -- ;
});
< / script >
< script type = "text/javascript" src = "index.js" > < / script >
< / body >