<!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 > park< / title >
< link rel = "icon" href = "imgs/park/flower2.gif" >
< link rel = "stylesheet" href = "park.css" >
< / head >
< body >
<!-- <div id="groundline"></div> -->
< div id = "newspaper_index" style = "display: none;" >
< div class = "index_content" >
Juicy Local News< br > < br >
News from the school:< br >
-----Our annual trip to the Spring River National Park < br > < br >
suspected food poisoning at primary school
*< br >
*< br >
*< br >
*< br >
*< br >
*< br >
< / div >
< / div >
< div id = "player_img" > < / div >
< img id = "bench" src = "imgs/park/bench1.gif" height = "20%" >
< img id = "tree1" src = "imgs/park/tree1.gif" height = "35%" >
< img id = "tree2" src = "imgs/park/tree4.gif" height = "25%" >
< img id = "tree3" src = "imgs/park/tree4.gif" height = "25%" >
< img id = "tree4" src = "imgs/park/tree1.gif" height = "25%" >
<!-- <img id="gardener1" src="imgs/park/gardener1.gif" height="180px"> -->
< img id = "fountain" src = "imgs/park/pond.gif" height = "80px" >
< img id = "sun" src = "imgs/park/sun1.gif" height = "10%" >
< img id = "newspaper" src = "imgs/park/newspaper2.gif" height = "7%" >
< img id = "flower1" src = "imgs/park/flower1.gif" height = "5%" >
< img id = "flower2" src = "imgs/park/flower2.gif" height = "7%" >
<!-- <img id="grass" src="imgs/park/grass.gif"> -->
< p class = "text_container" > Hello < span id = "player_name" > < / span > . It's Saturday morning. You are at the park waiting for your friend Amanda. She seems to be really late.
You spot a copy of today's newspaper on the bench close to you. Maybe you want to < button id = "open_newspaper_index" > give it a read< / button > . You can < a href = "1_walk.html" > go for a little walk< / a > or just < a href = "1_amanda.html" > wait for Amanda< / a > if you feel like it. < / p >
< script src = "jquery.min.js" > < / script >
< script >
//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
document.querySelector('#player_name').innerHTML =localStorage.playerName;
$("#open_newspaper_index").click (function(){
$("#newspaper_index").toggle();
});
< / script >
< script type = "text/javascript" src = "index.js" > < / script >
< / body >
