|
|
|
|
<!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>oracle</title>
|
|
|
|
|
<link rel="icon" href="imgs/avatars/ball2.gif">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
Hello <span id="player_name"></span> (<span id="player_img"></span>).
|
|
|
|
|
This is the end. In your journey you visited:
|
|
|
|
|
<div id="park_block" style="display:none;">
|
|
|
|
|
The park
|
|
|
|
|
</div>
|
|
|
|
|
<div id="newspaper_block" style="display:none;">
|
|
|
|
|
The newspaper
|
|
|
|
|
</div>
|
|
|
|
|
<div id="N_block" style="display:none;">
|
|
|
|
|
Looking for N
|
|
|
|
|
</div>
|
|
|
|
|
<div id="monteferro_block" style="display:none;">
|
|
|
|
|
Monteferro
|
|
|
|
|
</div>
|
|
|
|
|
<div id="canteen_block" style="display:none;">
|
|
|
|
|
School Canteen
|
|
|
|
|
</div>
|
|
|
|
|
<div id="pleiadians_block" style="display:none;">
|
|
|
|
|
Pleiadians
|
|
|
|
|
</div>
|
|
|
|
|
<div id="square_s_block" style="display:none;">
|
|
|
|
|
Square
|
|
|
|
|
</div>
|
|
|
|
|
<div id="river_bank_block" style="display:none;">
|
|
|
|
|
River Bank
|
|
|
|
|
</div>
|
|
|
|
|
<div id="spring_river_block" style="display:none;">
|
|
|
|
|
Spring River
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
//player name
|
|
|
|
|
document.querySelector('#player_name').innerHTML =localStorage.playerName;
|
|
|
|
|
|
|
|
|
|
//player img
|
|
|
|
|
var img = document.createElement("img");
|
|
|
|
|
img.src = localStorage.myavatar;
|
|
|
|
|
var player_img = document.querySelector("#player_img");
|
|
|
|
|
player_img.appendChild(img);
|
|
|
|
|
|
|
|
|
|
//checks story development
|
|
|
|
|
|
|
|
|
|
window.onload = function (){
|
|
|
|
|
var park = document.querySelector("#park_block");
|
|
|
|
|
var news = document.querySelector("#newspaper_block");
|
|
|
|
|
var look_for_N = document.querySelector("#N_block");
|
|
|
|
|
var monteferro = document.querySelector("#monteferro_block");
|
|
|
|
|
var canteen = document.querySelector("#canteen_block");
|
|
|
|
|
var pleiadians = document.querySelector("#pleiadians_block");
|
|
|
|
|
var square_s = document.querySelector("#square_s_block");
|
|
|
|
|
var river_bank = document.querySelector("#river_bank_block");
|
|
|
|
|
var spring_river = document.querySelector("#spring_river_block");
|
|
|
|
|
|
|
|
|
|
if (localStorage.park === "opened" ) {
|
|
|
|
|
console.log ("park:",localStorage.park);
|
|
|
|
|
park.style.display ="block";
|
|
|
|
|
}
|
|
|
|
|
if (localStorage.newspaper === "opened" ) {
|
|
|
|
|
console.log ("newspaper:",localStorage.newspaper);
|
|
|
|
|
news.style.display ="block";
|
|
|
|
|
}
|
|
|
|
|
if (localStorage.looking_for_N === "opened" ) {
|
|
|
|
|
console.log ("looking for N:",localStorage.looking_for_N );
|
|
|
|
|
look_for_N.style.display ="block";
|
|
|
|
|
}
|
|
|
|
|
if (localStorage.monteferro === "opened" ) {
|
|
|
|
|
console.log ("monteferro:",localStorage.monteferro );
|
|
|
|
|
monteferro.style.display ="block";
|
|
|
|
|
}
|
|
|
|
|
if (localStorage.school_canteen === "opened" ) {
|
|
|
|
|
console.log ("school canteen:",localStorage.school_canteen );
|
|
|
|
|
canteen.style.display ="block";
|
|
|
|
|
}
|
|
|
|
|
if (localStorage.pleiadians === "opened" ) {
|
|
|
|
|
console.log ("pleiadians:",localStorage.pleiadians );
|
|
|
|
|
pleiadians.style.display ="block";
|
|
|
|
|
}
|
|
|
|
|
if (localStorage.square_satanism === "opened" ) {
|
|
|
|
|
console.log ("square satanism:",localStorage.square_satanism );
|
|
|
|
|
square_s.style.display ="block";
|
|
|
|
|
}
|
|
|
|
|
if (localStorage.river_bank === "opened" ) {
|
|
|
|
|
console.log ("River Bank:",localStorage.river_bank );
|
|
|
|
|
river_bank.style.display ="block";
|
|
|
|
|
}
|
|
|
|
|
if (localStorage.spring_river === "opened" ) {
|
|
|
|
|
console.log ("Spring River:",localStorage.spring_river );
|
|
|
|
|
spring_river.style.display ="block";
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
<script type="text/javascript" src="index.js" ></script>
|
|
|
|
|
|
|
|
|
|
</body>
|
