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.
69 lines
2.5 KiB
HTML
69 lines
2.5 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>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="160px">
|
|
<img id="tree1" src="imgs/park/tree1.gif" height="300px">
|
|
<img id="tree2" src="imgs/park/tree4.gif" height="200px">
|
|
<img id="tree3" src="imgs/park/tree4.gif" height="200px">
|
|
<img id="tree4" src="imgs/park/tree1.gif" height="280px">
|
|
<!--<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="80px">
|
|
|
|
<img id="newspaper" src="imgs/park/newspaper2.gif" height="50px">
|
|
<img id="flower1" src="imgs/park/flower1.gif" height="50px">
|
|
<img id="flower2" src="imgs/park/flower2.gif" height="50px">
|
|
|
|
<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> |