ground

tree/park.css

@@ -48,11 +48,19 @@
    #player_img {
     bottom: 35%;
     left: 35%;
-    position:absolute;
+    position:absolute ;
     z-index: 20;
 }
 
 
+#ground{
+    position:relative ;
+    width:4000px;
+}
+
+
+
+
 #groundline {
     position: fixed;
     bottom:0px;

tree/park.html

@@ -189,16 +189,9 @@ $(document).keydown(function(e) {
     });
 
     $("#arrow_back1").click (function(){
-      $("#baloon1").hide();
+      $("#baloon1, #baloon2, #baloon3, #baloon4, .school2,.school3").hide();
-      $("#baloon2").hide();
+      $(".index, .school1, .message4").show();
-      $(".school2").hide();
+    
-      $(".message2").hide();
-      $(".school3").hide();
-      $("#baloon3").hide();
-      $("#baloon4").hide();
-      $(".index").show();
-      $(".school1").show();
-      $(".message4").show();
     });
 
     $("#arrow_go2").click (function(){

tree/park_N.html

@@ -19,6 +19,10 @@
     
     <div  id="player_img"></div>
     
+    <div id="ground">
+    
+
+
       
  
         <img  id="bench" src="imgs/park/bench1.gif" height="20%">
@@ -35,6 +39,9 @@
         <img  id="grass2" src="imgs/park/grass1.gif" height="75vw">
     
 
+      </div>
+
+
    
     
 
@@ -46,25 +53,34 @@ move
 <script src="jquery.min.js"></script>
   <script>
    
-   //move 
+   // player moves 
+
    var $div = $('#player_img');
+
 $(document).keydown(function(e) {
      switch (e.which) {
         case 37:
-              $div.css('left', $div.offset().left - 20);
+        $div.css('left', $div.offset().left - 20);
               break;
         case 38:
-              $div.css('top', $div.offset().top - 20);
+        $div.css('top', $div.offset().top - 20);
               break;
         case 39:
-              $div.css('left', $div.offset().left + 20);
+        $div.css('left', $div.offset().left + 20);
               break;
         case 40:
-              $div.css('top', $div.offset().top + 20);
+        $div.css('top', $div.offset().top + 20);
               break;
        }
   })
-    //get player avatar from local storage
+
+// saves game step in the local storage 
+  window.onload = function() {
+      window.localStorage.setItem("looking_for_N","opened")
+      console.log ("looking for N:",localStorage.looking_for_N)
+    }
+
+  //get player avatar from local storage
     console.log (localStorage.myavatar)
     var img = document.createElement("img");
     img.src = localStorage.myavatar;