exh

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%;

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 () {

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;

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();
     });