From ebdbd55483ee95f25ef58df17f7add7acb881abb Mon Sep 17 00:00:00 2001
From: *anna* <anna@annas-machine.local>
Date: Fri, 9 Jul 2021 16:46:07 +0200
Subject: [PATCH] exh

---
 wymga/.DS_Store  | Bin 14340 -> 14340 bytes
 wymga/index.css  |  12 ++++++++++++
 wymga/index.html |  15 +++++++++++++++
 wymga/park.css   |   4 +++-
 wymga/park.html  |  31 ++++++++++++++++++++++---------
 5 files changed, 52 insertions(+), 10 deletions(-)

diff --git a/wymga/.DS_Store b/wymga/.DS_Store
index 2b3eaedd9a9cb30e7faa1955e68b8896e5252981..3f2ac2af348be297e5e3ceb83e1795af2b06df78 100644
GIT binary patch
delta 263
zcmZoEXepTB&uG6fU^hRb^kyD`92UmSlPg7(G(<(k#6=|}C8gs9gp(4Jv(t<6OY>5k
z^K<fxoN`K2BQlfo^MW(0QYW7g*(DS&z+aq^U+xJM3n)r0%S<hw+%GCxuj~-O00znq
z8W4s6gEEA{z`!BE7?PKtm&(bh?BER*<Y3TdaAfde2xiD&C}-$nn8mP$VF$xehFc78
z7``#GFp4oMF={iKFxoQOGkP$3GI}!xFa|OPL3A@QLQRo@(wtD5F?zDOn9k<qVkw-H
a6&U?Db1VF1-yANng&oNA-pp?BmmL6&9Xap-

delta 321
zcmZoEXepTB&*-=@U^hRb>}DQ;92UlXlPg7(48=snB}65Kq-Ej-gp(4Jv(t<6OY>5k
z^K<fxoN`K2;|2JOGxEzllk@Weic-rmQ_CkG7TLuakqHzC&a6tE+%GCx&#CO7!2kvV
z49XA&1B0>y2ZYHXz!;L3pO*?$6#x-YcJPL(;$YBbaAXK(h+!yXXkeJmu$W;h!$F2~
z438PUGW=)cWfWsnV$^2TVKiklXLMlnWb|V6VGLvpVvL69XJQ1=B0ww)5rC15DU)@?
zbj)(|U0jlK@{@qVK*ux`zqUQ>2xPM|6f@*AlrrQoq~zwOV5r#aC04|_nOos6`{teE
M|JgUQ8~kMl04Q}xN&o-=

diff --git a/wymga/index.css b/wymga/index.css
index e4303fc..397ef08 100644
--- a/wymga/index.css
+++ b/wymga/index.css
@@ -26,6 +26,18 @@
     url(fonts/JolyDisplay-HeavyDisplayItalic.otf);
 }
 
+/*mobile/ipad message style*/
+
+.small_screen{
+    font-size: 6vh;
+    line-height: 7vh;
+    color:white;
+    padding: 1.5vh;
+}
+.small_title{
+    font-family: jolybolditalic;
+}
+
 body{
     font-size: 4vw; 
     padding-left:4%;
diff --git a/wymga/index.html b/wymga/index.html
index 962a981..4fde082 100644
--- a/wymga/index.html
+++ b/wymga/index.html
@@ -58,6 +58,11 @@ Sinistre | Designed by Jules Durand | Collletttivo
    <audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
    <audio loop="loop" id="theme_amanda" preload="auto"><source src="sound/amanda_theme.wav" type="audio/wav"></audio>
 
+<div class="small_screen" style="display: none;">
+   whoops ☃!
+It seems like you are reading this message from a phone or a tablet. Sadly, <span class="small_title">When you might go astray</span> is not available for these formats. Try again with a bigger device ツ
+</div>
+
 <div id="info_box" style="display: none;">
    This project has been developed by <a href="https://www.annasandri.com/" target="_blank">Anna Sandri</a> in the context of the <a href="https://www.pzwart.nl/experimental-publishing/" target="_blank">Experimental Publishing</a>  master course, Piet Zwart Institute (NL).
 </div>
@@ -205,6 +210,16 @@ you can press
 
 window.onload = function(){
    theme.play();
+   //blocks the user if they are using mobile/tablet
+   if (screen.width < 1366) {
+      $(".step1").hide();
+      $(".small_screen").show();
+      $("body").css("background-color", "#c94dff");
+   }
+
+
+
+
 }
 
 $(".info_button").click( function () {
diff --git a/wymga/park.css b/wymga/park.css
index 1f06282..2de47cc 100644
--- a/wymga/park.css
+++ b/wymga/park.css
@@ -202,12 +202,14 @@ span.button_text{
     column-span: all;*/
 
 }
+/*
 div.index{
     column-count: 1;
     column-fill: auto;
     column-span: all;
     width: 50%;
 }
+*/
 
 
 
@@ -580,7 +582,7 @@ text-decoration: underline solid 3px;
     font-size: 22px;
     line-height: 22px;
     width: 600px;
-    height: 135px;
+    height: 158px;
     border-radius: 10px;
     padding: 20px;
     z-index: 100;
diff --git a/wymga/park.html b/wymga/park.html
index de2315f..632cd0b 100644
--- a/wymga/park.html
+++ b/wymga/park.html
@@ -229,11 +229,22 @@
       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;
       
-      
-      
-      
-      if (localStorage.final === "opened" ) {
+     //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");
@@ -260,13 +271,15 @@
           document.querySelector('#player_name').innerHTML = localStorage.playerName;
         });
       }
+      */
     }
+    
     // open newspaper 
 
     $("#bench").click (function(){
       click.play();
-      $(".message1, .message4, .message5, .bubble1, .bubble2").hide();
-      $("#newspaper, .close").show();
+      $(".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")
@@ -277,8 +290,8 @@
 
     $("#arrow_go1").click (function(){
       page.play();
-      $(".index, .school1, .message1, .message4 ").hide();
-      $(".school2, .school3, #baloon1, #baloon2").show();
+      $(".index, .school1, .message1, .message4").hide();
+      $(".school2, .school3, #baloon1, #baloon2, #arrow_back1").show();
     });
 
     $("#arrow_back1").click (function(){
@@ -331,7 +344,7 @@
       $("#baloon4").hide();
       $(".message1").hide();
       $(".message4").show();
-      $(".blur, .blur_button"). removeClass("blur_background");
+      $(".blur, .blur_button").removeClass("blur_background");
       $("#kiosk ").show();
     });