pizzagate/wymga/park.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>
<audio loop="loop" id="theme1" preload="auto"><source src="sound/theme1.wav" type="audio/wav"></audio>
<audio id="page"><source src="sound/page.wav" type="audio/wav"></audio>
<audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
<audio id="comic"><source src="sound/speech.wav" type="audio/wav"></audio>

<body class="park_body">

  <div class="back" style="display: none;">
    Do you want to start from the beginning?<br>
    <button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>  
  </div>

  <span id="info_button" class="blur_button" >ⓘ</span>
  <div class="info_text" style="display: none;">
    → Click on the objects to interact with them; <br>
    → Click on the characters to talk to them;<br>
    → Press S to go back to the start;<br>
    → If the baloon ends with ✜ you can click on it to hear more from the characters;<br>
    → In some places it will be possible to move your avatar using the arrow keys. 
  </div>
<!--memory pop up -->
<div class="memory" style="display: none;">
  hello <span id="player_name"> </span>, it seems you have already been here. You can come back how many times you want but you should be aware that the oracle tends to remember everything you did in the past. <br> You can either <button id="no_delete" class="button_memory">carry on anyways</button> or <button id="delete" class="button_memory">clean your history</button> in case you are looking for a fresh start. 
</div>

<!--baloons  -->
<div class="baloons_all">
    <div class="comment1stpage baloons"id="baloon1" style="display: none;">
      <p class="text_baloon1">
      It looks like the previous owner of the newspaper highlighted something. <br>
      They cannot be too far:<br> <a href="park_N.html"> look for them in the park ! </a>
      </p>
    </div>
    <div class="comment1stpage baloons"id="baloon2" style="display: none;">
      <p class="text_baloon1"></p>
      The situation at the school looks serious. 
      Who is this N. writing? <br>They might know what is going on. 
    </p>
    </div>

    <div class="comment2stpage baloons"id="baloon3" style="display: none;">
      <p class="text_baloon3">
        Amanda often volunteers for the cat shelter.<br>
        Can this be the reason why she is late?<br>
        <a href="cat_shelter.html"> Look for her at the cat shelter! </a> 
      </p>
    </div>
    <div class="comment2stpage baloons"id="baloon4" style="display: none;">
      <p class="text_baloon4"></p>
      I hope Amanda will arrive soon, <br>
      you still have to purchase the tickets! 
    </p>
    </div>
</div>
 
<div class="newspaper_wrap">
<button class="close" style="display: none;"><span class="button_text">close</span></button>
 <!--newspaper pages -->

    <div id="newspaper" style="display: none;">
        <div class="left_page">

          <div class="index" >
            <!--<p class="news_title_index"> </p>
            <br><br>-->
            <p class="news_index">
            From the Pleasant Valley Elementary School: An educational trip surrounded by nature 
            <br>by the School Administration <br>
            Suspected food poisoning at Pleasant Valley Elementary School <br>by N. <br>
            Pleasant Valley Elementary School's trip: where are the children? <br>by N. <br>
            Breaking news: Mysterious disappearance at the city-run Cat Shelter <br>by Juicy Local Stories editor <br>
            Pleasant valley is showing excitement for the opening of the concert season <br>by Pleasant Valley's major
            
          </p>
          </div>

            <div class="school2" styless="display:none;">
              <p class="news_title">Suspected food poisoning at Pleasant Valley Elementary School</p>
              The situation of the local elementary school's canteen is starting to raise some serious concerns after some suspected food poisoning episodes occurred. Although the school's administration and its food provider --the <span class="clues">Monteferro Food Enterprise</span>-- already denied all charges some parents are not convinced by the declarations, asking for more clarity and controls over the food served at the canteen. One of them is Angela G., mother of a 9 years old child who experienced nausea and sickness since the beginning of the school year. Other parents are concerned about their children who often look distant and tired. 
            <p class="news_author">by N.</p>
              <div id="arrow_back1">←</div>
            </div>
          <div class="school4" style="display:none;">
            <p class="news_title">Breaking news: Mysterious disappearance at the city-run cat shelter</p>
            The notice has been sent this early morning by a group of volunteers who were visiting the shelter to feed the cats.  At their arrival at the place, they only found empty kennels: all the guests of the shelter seem to have disappeared mysteriously.
            Our editorial staff is kindly asking whoever has information regarding this occurrence to contact the local police department or to get in reach with the cat shelter's direction. 
            <div id="arrow_back2">←</div>
          </div>

        </div>
        
        <div class="right_page">
         
            <div class="school1">
              <p class="news_title">From the Pleasant Valley Elementary School: A trip surrounded by nature</p>
              On behalf of all the staff, I am happy to announce that our annual educational trip is finally taking place. Teachers and students are participating in a three days camping experience surrounded by the beauties of the <span class="clues">Spring River</span> National Park, a beautiful and uncontaminated oasis off the beaten tourist track. The location has been appointed by our team after evaluating its suitability for the didactic activities planned for the weekend. Yesterday morning the participants left Pleasant Valley with a private water bus leaving from the river bank. The staff is kindly asking the parents of the participants to welcome back their children at the same location on Sunday at 18 pm.
              <p class="news_author">by Pleasant Valley Elementary School Administration </p>
              <div id="arrow_go1">→</div>
            </div>
            <div class="school3" style="display:none;">
            <p class="news_title">Pleasant Valley Elementary School's trip: where are the children?</p>
            This year, the Pleasant Valley Elementary School announced, after 14 years, the change of the location of their annual educational trip. Yesterday, the students and the school's staff left for the first time for the <span class="clues">Spring River</span> National Park. The site, described by the school's administration as an unspoiled natural oasis on the river bank, is <span class="clues">not appearing</span> on any map, and no official information regarding the place or how to reach it is available. I am hoping that the school will soon shed light on this mysterious lack of information. 
            <p class="news_author">by N.</p>
            <div id="arrow_go2">→</div>
            </div>
          <div class="school5" style="display:none;">
            <p class="news_title">Pleasant valley is showing excitement for the opening of the concert season</p> 
            Tonight the Pleasant Valley's arena will be happy to welcome the singer and performer Avril Lavigne who will open the new season of concerts. Tickets are still available at the town hall. 
            <p class="news_author">by Pleasant valley's major</p>
          </div>

        
        </div>
        

    </div>
  </div>


    <div id="groundline" class="blur"></div>

    <div id="ground"> 
      <div id="player_img" class="blur"></div>
      <img  id="bench" class="blur" src="imgs/park/bench.gif" height="150px">
      <img  id="tree1" class="blur" src="imgs/park/tree1.gif" height="200px">
      <img  id="tree2" class="blur" src="imgs/park/tree4.gif" height="160px">
      <img  id="tree3" class="blur" src="imgs/park/tree4.gif" height="160px">
      <img  id="flower1" class="blur" src="imgs/park/flower1.gif" height="30px">
      <img  id="flower2" class="blur" src="imgs/park/flower3.gif" height="40px">
      <img  id="flower3" class="blur"src="imgs/park/flower3.1.gif" height="40px">
      <img  id="flower4" class="blur" src="imgs/park/flower1.1.gif" height="30px"> 
      <img  id="flower5" class="blur" src="imgs/park/flower1.gif" height="30px">
      <img  id="grass1" class="blur" src="imgs/park/grass1.gif" height="70px">
      <img  id="kiosk" class="blur" src="imgs/park/stand3.gif" height="150px" style="display: none;"> 

         <div class="comic_div">
          <div class="bubble1" style="display: none;" >Sorry, no fries today ✜</div>
          <div class="bubble2" style="display: none;" > Have you heard about the cat shelter?It looks like the cats disappeared during the night. They say they left no traces ■</div>        
        </div>

    </div>
      

    <div class="text_container"> 
    <div class="message1">
   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 give it a read. You can also <button onclick="location.href='park_N_clues.html';click.play();"><span class="button_text">go for a little walk</span></button> or just <button class="wait_for_amanda"><span class="button_text">wait for Amanda</span></button>. 
    </div>
 
    <div class="message4" style="display:none;">
      It looks like Amanda is not able to join you ( ͡❛ ︹ ͡❛). 
      There is a nice kiosk close by: go there to get fries. You can still have a look at the news or <button onclick="location.href='park_N_clues.html';click.play();"><span class="button_text">go for a walk</span></button> .
    </div>
    <div class="message5 " style="display:none;">
      Amanda often volunteers for the cat shelter, maybe she went there to help. 
      Can this be the reason why she is late? <button onclick="location.href='cat_shelter.html';click.play(); "><span class="button_text">Look for her at the cat shelter!</span></button>
    </div>

  </div>

 </div>


<script src="jquery.min.js"></script>
  <script>
    // come back to start
    $(document).keydown(function(e) {
    e.preventDefault();
    switch (e.which) {
      case  83:
      $(".back").show();
    }
    });

    $("#go_to_start").click( function (){
      window.location.href="index.html";
      click.play();
    });

    $("#stay").click( function (){
      $(".back").hide();
      click.play();
    });


    // audio
    var theme = document.querySelector("#theme1");
    var page = document.querySelector("#page");
    var click = document.querySelector("#click");
    var comic = document.querySelector("#comic");
    
    theme.volume = 0.4;
    click.volume = 0.5;
   
    //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);
    
    $("body").hover( function() {
      theme.play();
      theme.addEventListener('paused',function() { 
        theme.play();
      },false);
    })

    //get player name from local storage

    //store that you've been in the park 
    window.onload = function() {
      theme.play();
      theme.addEventListener('paused',function() { 
        theme.play();
      },false);
      window.localStorage.setItem("park","opened")
      console.log ("park:",localStorage.park)
      document.querySelector('#player_name').innerHTML = localStorage.playerName;
 /* 
     //exhibition setting - deletes previous history everytime the journey starts again  
     
      var avatar_image = localStorage.getItem('myavatar');
      console.log(avatar_image);
      var avatar_name = localStorage.getItem('playerName');
      console.log(avatar_name);
      localStorage.clear();
      localStorage.setItem('myavatar',avatar_image);
      localStorage.setItem('playerName',avatar_name);
      window.localStorage.setItem("park","opened")
      console.log ("park:",localStorage.park)
      document.querySelector('#player_name').innerHTML = localStorage.playerName;
      */
      
     //ordinary setting : asks the player whether they want to remove their history or not 
     
     if (localStorage.final === "opened" ) {
        $(".memory").show();
        $(".text_container").hide();
        $(".blur, .blur_button ").addClass("blur_background");
        $("#no_delete").click (function(){
          click.play();
          $(".memory").hide();
          $(".text_container").show();
          $(".blur, .blur_button").removeClass("blur_background");
        });
        $("#delete").click (function(){
          click.play();
          var avatar_image = localStorage.getItem('myavatar');
          console.log(avatar_image);
          var avatar_name = localStorage.getItem('playerName');
          console.log(avatar_name);
          localStorage.clear();
          localStorage.setItem('myavatar',avatar_image);
          localStorage.setItem('playerName',avatar_name);
          $(".memory").hide();
          $(".text_container").show();
          $(".blur, .blur_button").removeClass("blur_background");
          window.localStorage.setItem("park","opened")
          console.log ("park:",localStorage.park)
          document.querySelector('#player_name').innerHTML = localStorage.playerName;
        });
      }
      
    }
    
    // open newspaper 

    $("#bench").click (function(){
      click.play();
      $(".message1, .message4, .message5, .bubble1, .bubble2, .school2, .school3, .school4, .school5, #arrow_back1").hide();
      $("#newspaper, .close, .index, .school1 ").show();
      $(".blur, .blur_button"). addClass("blur_background");
      //saves that u opened the newspaper in the local storage 
      window.localStorage.setItem("newspaper","opened")
      console.log ("newspaper:",localStorage.newspaper)
    });

     //newspaper pages

    $("#arrow_go1").click (function(){
      page.play();
      $(".index, .school1, .message1, .message4").hide();
      $(".school2, .school3, #baloon1, #baloon2, #arrow_back1").show();
    });

    $("#arrow_back1").click (function(){
      page.play();
      $("#baloon1, #baloon2, #baloon3, #baloon4, .school2,.school3").hide();
      $(".index, .school1").show();
    
    });

    $("#arrow_go2").click (function(){
      page.play();
      $(".school2").hide();
      $(".school3").hide();
      $("#baloon1").hide();
      $("#baloon2").hide();
      $(".school4").show();
      $(".school5").show();
      $("#baloon3").show();
      $("#baloon4").show();
    });

    $("#arrow_back2").click (function(){
      page.play();
      $(".school4").hide();
      $(".school5").hide();
      $("#baloon3").hide();
      $("#baloon4").hide();
      $(".school2").show();
      $(".school3").show();
      $("#baloon1").show();
      $("#baloon2").show();
    });

    $(".wait_for_amanda").click (function(){
      click.play();
      $(".message1").hide();
      $("#newspaper,#baloon1, #baloon2, #baloon3, #baloon4, .close").hide();
      $(".message4").show();
      $("#kiosk").show();

    });

    $(".close").click (function(){
      click.play();
      $("#newspaper").hide();
      $(".close").hide();
      $("#baloon1").hide();
      $("#baloon2").hide();
      $("#baloon3").hide();
      $("#baloon4").hide();
      $(".message1").hide();
      $(".message4").show();
      $(".blur, .blur_button").removeClass("blur_background");
      $("#kiosk ").show();
    });

    $("#fries").click (function(){
      click.play();
      $("#newspaper, .message4").hide();
      $(".message5, #kiosk ").show();

    });

    $("#kiosk").click (function(){
      comic.play();
      $(".bubble1").show();
    });
    
    $(".bubble1").click (function (){
      comic.play();
      $(".bubble1").hide();
      $(".bubble2").show();
        setTimeout (function () {
          $(".message4").hide();
          $(".message5").show();
          },2000);
    });

    $(".bubble2").click (function (){
      click.play();
      $(".bubble2").toggle();
    });

    $("#info_button").click (function (){
      click.play();
      $(".info_text").toggle();
      $(".blur"). toggleClass("blur_background");
      $(".text_container").toggle();
    });
   
 </script>
    
    
</body>
new 4 years ago			`<!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>`
scenario 4 years ago			`<link rel="icon" href="imgs/park/flower2.gif">`
new 4 years ago			`<link rel="stylesheet" href="park.css">`

			`</head>`
soooou 4 years ago			`<audio loop="loop" id="theme1" preload="auto"><source src="sound/theme1.wav" type="audio/wav"></audio>`
			`<audio id="page"><source src="sound/page.wav" type="audio/wav"></audio>`
			`<audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>`
			`<audio id="comic"><source src="sound/speech.wav" type="audio/wav"></audio>`

final 4 years ago			`<body class="park_body">`
soooou 4 years ago
final 4 years ago			`<div class="back" style="display: none;">`
			`Do you want to start from the beginning?<br>`
			`<button id="go_to_start" class="button_back"> yes </button> / <button id="stay"class="button_back"> no </button>`
			`</div>`
soooou 4 years ago
hei 4 years ago			`<span id="info_button" class="blur_button" >ⓘ</span>`
			`<div class="info_text" style="display: none;">`
			`→ Click on the objects to interact with them; <br>`
			`→ Click on the characters to talk to them;<br>`
final 4 years ago			`→ Press S to go back to the start;<br>`
hei 4 years ago			`→ If the baloon ends with ✜ you can click on it to hear more from the characters;<br>`
			`→ In some places it will be possible to move your avatar using the arrow keys.`
			`</div>`
store 4 years ago			`<!--memory pop up -->`
			`<div class="memory" style="display: none;">`
arg 4 years ago			`hello <span id="player_name"> </span>, it seems you have already been here. You can come back how many times you want but you should be aware that the oracle tends to remember everything you did in the past. <br> You can either <button id="no_delete" class="button_memory">carry on anyways</button> or <button id="delete" class="button_memory">clean your history</button> in case you are looking for a fresh start.`
store 4 years ago			`</div>`

news 4 years ago			`<!--baloons -->`
scroll 4 years ago			`<div class="baloons_all">`
			`<div class="comment1stpage baloons"id="baloon1" style="display: none;">`
			`<p class="text_baloon1">`
news 4 years ago			`It looks like the previous owner of the newspaper highlighted something. <br>`
			`They cannot be too far:<br> <a href="park_N.html"> look for them in the park ! </a>`
scroll 4 years ago			`</p>`
			`</div>`
			`<div class="comment1stpage baloons"id="baloon2" style="display: none;">`
			`<p class="text_baloon1"></p>`
news 4 years ago			`The situation at the school looks serious.`
			`Who is this N. writing? <br>They might know what is going on.`
scroll 4 years ago			`</p>`
			`</div>`
news 4 years ago
scroll 4 years ago			`<div class="comment2stpage baloons"id="baloon3" style="display: none;">`
			`<p class="text_baloon3">`
			`Amanda often volunteers for the cat shelter.<br>`
news 4 years ago			`Can this be the reason why she is late?<br>`
			`<a href="cat_shelter.html"> Look for her at the cat shelter! </a>`
scroll 4 years ago			`</p>`
			`</div>`
			`<div class="comment2stpage baloons"id="baloon4" style="display: none;">`
			`<p class="text_baloon4"></p>`
			`I hope Amanda will arrive soon, <br>`
news 4 years ago			`you still have to purchase the tickets!`
scroll 4 years ago			`</p>`
			`</div>`
news 4 years ago			`</div>`
ok 4 years ago
scroll 4 years ago			`<div class="newspaper_wrap">`
			`<button class="close" style="display: none;"><span class="button_text">close</span></button>`
			`<!--newspaper pages -->`

news 4 years ago			`<div id="newspaper" style="display: none;">`
			`<div class="left_page">`
ok 4 years ago
			`<div class="index" >`
soooou 4 years ago			`<!--<p class="news_title_index"> </p>`
			`<br><br>-->`
ok 4 years ago			`<p class="news_index">`
			`From the Pleasant Valley Elementary School: An educational trip surrounded by nature`
			`<br>by the School Administration <br>`
			`Suspected food poisoning at Pleasant Valley Elementary School <br>by N. <br>`
			`Pleasant Valley Elementary School's trip: where are the children? <br>by N. <br>`
			`Breaking news: Mysterious disappearance at the city-run Cat Shelter <br>by Juicy Local Stories editor <br>`
			`Pleasant valley is showing excitement for the opening of the concert season <br>by Pleasant Valley's major`

			`</p>`
			`</div>`

final 4 years ago			`<div class="school2" styless="display:none;">`
ok 4 years ago			`<p class="news_title">Suspected food poisoning at Pleasant Valley Elementary School</p>`
bianco 4 years ago			The situation of the local elementary school's canteen is starting to raise some serious concerns after some suspected food poisoning episodes occurred. Although the school's administration and its food provider --the <span class="clues">Monteferro Food Enterprise</span>-- already denied all charges some parents are not convinced by the declarations, asking for more clarity and controls over the food served at the canteen. One of them is Angela G., mother of a 9 years old child who experienced nausea and sickness since the beginning of the school year. Other parents are concerned about their children who often look distant and tired.
ok 4 years ago			`<p class="news_author">by N.</p>`
news 4 years ago			`<div id="arrow_back1">←</div>`
			`</div>`
			`<div class="school4" style="display:none;">`
ok 4 years ago			`<p class="news_title">Breaking news: Mysterious disappearance at the city-run cat shelter</p>`
news 4 years ago			`The notice has been sent this early morning by a group of volunteers who were visiting the shelter to feed the cats. At their arrival at the place, they only found empty kennels: all the guests of the shelter seem to have disappeared mysteriously.`
			`Our editorial staff is kindly asking whoever has information regarding this occurrence to contact the local police department or to get in reach with the cat shelter's direction.`
			`<div id="arrow_back2">←</div>`
			`</div>`

			`</div>`

			`<div class="right_page">`

			`<div class="school1">`
ok 4 years ago			`<p class="news_title">From the Pleasant Valley Elementary School: A trip surrounded by nature</p>`
			On behalf of all the staff, I am happy to announce that our annual educational trip is finally taking place. Teachers and students are participating in a three days camping experience surrounded by the beauties of the <span class="clues">Spring River</span> National Park, a beautiful and uncontaminated oasis off the beaten tourist track. The location has been appointed by our team after evaluating its suitability for the didactic activities planned for the weekend. Yesterday morning the participants left Pleasant Valley with a private water bus leaving from the river bank. The staff is kindly asking the parents of the participants to welcome back their children at the same location on Sunday at 18 pm.
			`<p class="news_author">by Pleasant Valley Elementary School Administration </p>`
news 4 years ago			`<div id="arrow_go1">→</div>`
			`</div>`
			`<div class="school3" style="display:none;">`
ok 4 years ago			`<p class="news_title">Pleasant Valley Elementary School's trip: where are the children?</p>`
			This year, the Pleasant Valley Elementary School announced, after 14 years, the change of the location of their annual educational trip. Yesterday, the students and the school's staff left for the first time for the <span class="clues">Spring River</span> National Park. The site, described by the school's administration as an unspoiled natural oasis on the river bank, is <span class="clues">not appearing</span> on any map, and no official information regarding the place or how to reach it is available. I am hoping that the school will soon shed light on this mysterious lack of information.
			`<p class="news_author">by N.</p>`
news 4 years ago			`<div id="arrow_go2">→</div>`
			`</div>`
			`<div class="school5" style="display:none;">`
ok 4 years ago			`<p class="news_title">Pleasant valley is showing excitement for the opening of the concert season</p>`
news 4 years ago			`Tonight the Pleasant Valley's arena will be happy to welcome the singer and performer Avril Lavigne who will open the new season of concerts. Tickets are still available at the town hall.`
ok 4 years ago			`<p class="news_author">by Pleasant valley's major</p>`
news 4 years ago			`</div>`


			`</div>`
ok 4 years ago
news 4 years ago
news 4 years ago			`</div>`
scroll 4 years ago			`</div>`
news 4 years ago
ground 4 years ago

hei 4 years ago			`<div id="groundline" class="blur"></div>`
ok 4 years ago
scroll 4 years ago			`<div id="ground">`
hei 4 years ago			`<div id="player_img" class="blur"></div>`
			`<img id="bench" class="blur" src="imgs/park/bench.gif" height="150px">`
			`<img id="tree1" class="blur" src="imgs/park/tree1.gif" height="200px">`
			`<img id="tree2" class="blur" src="imgs/park/tree4.gif" height="160px">`
			`<img id="tree3" class="blur" src="imgs/park/tree4.gif" height="160px">`
			`<img id="flower1" class="blur" src="imgs/park/flower1.gif" height="30px">`
			`<img id="flower2" class="blur" src="imgs/park/flower3.gif" height="40px">`
			`<img id="flower3" class="blur"src="imgs/park/flower3.1.gif" height="40px">`
			`<img id="flower4" class="blur" src="imgs/park/flower1.1.gif" height="30px">`
			`<img id="flower5" class="blur" src="imgs/park/flower1.gif" height="30px">`
			`<img id="grass1" class="blur" src="imgs/park/grass1.gif" height="70px">`
			`<img id="kiosk" class="blur" src="imgs/park/stand3.gif" height="150px" style="display: none;">`
scroll 4 years ago
square 4 years ago			`<div class="comic_div">`
corro 4 years ago			`<div class="bubble1" style="display: none;" >Sorry, no fries today ✜</div>`
			`<div class="bubble2" style="display: none;" > Have you heard about the cat shelter?It looks like the cats disappeared during the night. They say they left no traces ■</div>`
snake 4 years ago			`</div>`
scroll 4 years ago
hei 4 years ago			`</div>`
scroll 4 years ago
new 4 years ago
news 4 years ago			`<div class="text_container">`
			`<div class="message1">`
store 4 years ago			`It's Saturday morning. You are at the park waiting for your friend Amanda. She seems to be really late.`
soooou 4 years ago			`You spot a copy of today's newspaper on the bench close to you: maybe you want to give it a read. You can also <button onclick="location.href='park_N_clues.html';click.play();"><span class="button_text">go for a little walk</span></button> or just <button class="wait_for_amanda"><span class="button_text">wait for Amanda</span></button>.`
news 4 years ago			`</div>`
news 4 years ago
ok 4 years ago			`<div class="message4" style="display:none;">`
snake 4 years ago			`It looks like Amanda is not able to join you ( ͡❛ ︹ ͡❛).`
soooou 4 years ago			`There is a nice kiosk close by: go there to get fries. You can still have a look at the news or <button onclick="location.href='park_N_clues.html';click.play();"><span class="button_text">go for a walk</span></button> .`
news 4 years ago			`</div>`
snake 4 years ago			`<div class="message5 " style="display:none;">`
			`Amanda often volunteers for the cat shelter, maybe she went there to help.`
soooou 4 years ago			`Can this be the reason why she is late? <button onclick="location.href='cat_shelter.html';click.play(); "><span class="button_text">Look for her at the cat shelter!</span></button>`
ground 4 years ago			`</div>`
snake 4 years ago
news 4 years ago			`</div>`
new 4 years ago
ground 4 years ago			`</div>`

new 4 years ago
			`<script src="jquery.min.js"></script>`
			`<script>`
final 4 years ago			`// come back to start`
			`$(document).keydown(function(e) {`
			`e.preventDefault();`
			`switch (e.which) {`
			`case 83:`
			`$(".back").show();`
			`}`
			`});`

			`$("#go_to_start").click( function (){`
			`window.location.href="index.html";`
			`click.play();`
			`});`

			`$("#stay").click( function (){`
			`$(".back").hide();`
			`click.play();`
			`});`


soooou 4 years ago			`// audio`
			`var theme = document.querySelector("#theme1");`
			`var page = document.querySelector("#page");`
			`var click = document.querySelector("#click");`
			`var comic = document.querySelector("#comic");`
lower_sound 4 years ago
final 4 years ago			`theme.volume = 0.4;`
			`click.volume = 0.5;`
ground 4 years ago
new 4 years ago			`//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);`

soooou 4 years ago			`$("body").hover( function() {`
			`theme.play();`
			`theme.addEventListener('paused',function() {`
			`theme.play();`
			`},false);`
			`})`

new 4 years ago			`//get player name from local storage`

ok 4 years ago			`//store that you've been in the park`
			`window.onload = function() {`
soooou 4 years ago			`theme.play();`
			`theme.addEventListener('paused',function() {`
			`theme.play();`
			`},false);`
ok 4 years ago			`window.localStorage.setItem("park","opened")`
			`console.log ("park:",localStorage.park)`
store 4 years ago			`document.querySelector('#player_name').innerHTML = localStorage.playerName;`
ordin 3 years ago			`/*`
exh 4 years ago			`//exhibition setting - deletes previous history everytime the journey starts again`

			`var avatar_image = localStorage.getItem('myavatar');`
			`console.log(avatar_image);`
			`var avatar_name = localStorage.getItem('playerName');`
			`console.log(avatar_name);`
			`localStorage.clear();`
			`localStorage.setItem('myavatar',avatar_image);`
			`localStorage.setItem('playerName',avatar_name);`
			`window.localStorage.setItem("park","opened")`
			`console.log ("park:",localStorage.park)`
			`document.querySelector('#player_name').innerHTML = localStorage.playerName;`
ordin 3 years ago			`*/`
final 4 years ago
exh 4 years ago			`//ordinary setting : asks the player whether they want to remove their history or not`
ordin 3 years ago
exh 4 years ago			`if (localStorage.final === "opened" ) {`
store 4 years ago			`$(".memory").show();`
			`$(".text_container").hide();`
hei 4 years ago			`$(".blur, .blur_button ").addClass("blur_background");`
store 4 years ago			`$("#no_delete").click (function(){`
soooou 4 years ago			`click.play();`
store 4 years ago			`$(".memory").hide();`
			`$(".text_container").show();`
hei 4 years ago			`$(".blur, .blur_button").removeClass("blur_background");`
store 4 years ago			`});`
			`$("#delete").click (function(){`
soooou 4 years ago			`click.play();`
store 4 years ago			`var avatar_image = localStorage.getItem('myavatar');`
			`console.log(avatar_image);`
			`var avatar_name = localStorage.getItem('playerName');`
			`console.log(avatar_name);`
			`localStorage.clear();`
			`localStorage.setItem('myavatar',avatar_image);`
			`localStorage.setItem('playerName',avatar_name);`
			`$(".memory").hide();`
			`$(".text_container").show();`
hei 4 years ago			`$(".blur, .blur_button").removeClass("blur_background");`
store 4 years ago			`window.localStorage.setItem("park","opened")`
			`console.log ("park:",localStorage.park)`
			`document.querySelector('#player_name').innerHTML = localStorage.playerName;`
			`});`
			`}`
ordin 3 years ago
ok 4 years ago			`}`
exh 4 years ago
ok 4 years ago			`// open newspaper`

snake 4 years ago			`$("#bench").click (function(){`
soooou 4 years ago			`click.play();`
exh 4 years ago			`$(".message1, .message4, .message5, .bubble1, .bubble2, .school2, .school3, .school4, .school5, #arrow_back1").hide();`
			`$("#newspaper, .close, .index, .school1 ").show();`
arg 4 years ago			`$(".blur, .blur_button"). addClass("blur_background");`
ok 4 years ago			`//saves that u opened the newspaper in the local storage`
			`window.localStorage.setItem("newspaper","opened")`
			`console.log ("newspaper:",localStorage.newspaper)`
news 4 years ago			`});`
new 4 years ago
ok 4 years ago			`//newspaper pages`

news 4 years ago			`$("#arrow_go1").click (function(){`
soooou 4 years ago			`page.play();`
exh 4 years ago			`$(".index, .school1, .message1, .message4").hide();`
			`$(".school2, .school3, #baloon1, #baloon2, #arrow_back1").show();`
news 4 years ago			`});`

			`$("#arrow_back1").click (function(){`
soooou 4 years ago			`page.play();`
news 4 years ago			`$("#baloon1, #baloon2, #baloon3, #baloon4, .school2,.school3").hide();`
			`$(".index, .school1").show();`
ground 4 years ago
news 4 years ago			`});`

			`$("#arrow_go2").click (function(){`
soooou 4 years ago			`page.play();`
news 4 years ago			`$(".school2").hide();`
			`$(".school3").hide();`
			`$("#baloon1").hide();`
			`$("#baloon2").hide();`
			`$(".school4").show();`
			`$(".school5").show();`
			`$("#baloon3").show();`
			`$("#baloon4").show();`
			`});`

			`$("#arrow_back2").click (function(){`
soooou 4 years ago			`page.play();`
news 4 years ago			`$(".school4").hide();`
			`$(".school5").hide();`
			`$("#baloon3").hide();`
			`$("#baloon4").hide();`
			`$(".school2").show();`
			`$(".school3").show();`
			`$("#baloon1").show();`
			`$("#baloon2").show();`
			`});`
news 4 years ago
ground 4 years ago			`$(".wait_for_amanda").click (function(){`
soooou 4 years ago			`click.play();`
ok 4 years ago			`$(".message1").hide();`
ground 4 years ago			`$("#newspaper,#baloon1, #baloon2, #baloon3, #baloon4, .close").hide();`
ok 4 years ago			`$(".message4").show();`
snake 4 years ago			`$("#kiosk").show();`
ground 4 years ago
ok 4 years ago			`});`
news 4 years ago
scroll 4 years ago			`$(".close").click (function(){`
soooou 4 years ago			`click.play();`
ok 4 years ago			`$("#newspaper").hide();`
scroll 4 years ago			`$(".close").hide();`
ok 4 years ago			`$("#baloon1").hide();`
			`$("#baloon2").hide();`
			`$("#baloon3").hide();`
			`$("#baloon4").hide();`
			`$(".message1").hide();`
			`$(".message4").show();`
exh 4 years ago			`$(".blur, .blur_button").removeClass("blur_background");`
snake 4 years ago			`$("#kiosk ").show();`
ok 4 years ago			`});`
news 4 years ago
ground 4 years ago			`$("#fries").click (function(){`
soooou 4 years ago			`click.play();`
ground 4 years ago			`$("#newspaper, .message4").hide();`
			`$(".message5, #kiosk ").show();`

			`});`

			`$("#kiosk").click (function(){`
soooou 4 years ago			`comic.play();`
square 4 years ago			`$(".bubble1").show();`
corro 4 years ago			`});`

			`$(".bubble1").click (function (){`
soooou 4 years ago			`comic.play();`
corro 4 years ago			`$(".bubble1").hide();`
			`$(".bubble2").show();`
snake 4 years ago			`setTimeout (function () {`
			`$(".message4").hide();`
			`$(".message5").show();`
			`},2000);`
corro 4 years ago			`});`
hei 4 years ago
corro 4 years ago			`$(".bubble2").click (function (){`
soooou 4 years ago			`click.play();`
corro 4 years ago			`$(".bubble2").toggle();`
ground 4 years ago			`});`
hei 4 years ago
			`$("#info_button").click (function (){`
soooou 4 years ago			`click.play();`
hei 4 years ago			`$(".info_text").toggle();`
			`$(".blur"). toggleClass("blur_background");`
			`$(".text_container").toggle();`
			`});`
ok 4 years ago
new 4 years ago			`</script>`


			`</body>`