From cf46d97d4522df1eaf7e6631a28b8a27756e4013 Mon Sep 17 00:00:00 2001
From: *anna* <anna@annas-machine.local>
Date: Wed, 30 Jun 2021 19:30:24 +0200
Subject: [PATCH] final

---
 .DS_Store                      | Bin 14340 -> 14340 bytes
 wymga/.DS_Store                | Bin 14340 -> 14340 bytes
 wymga/bus_station.css          |  38 +++++++++++++++++++++++++
 wymga/bus_station.html         |  36 +++++++++++++++++++-----
 wymga/butchery.css             |  37 +++++++++++++++++++++++++
 wymga/butchery.html            |  30 +++++++++++++++++++-
 wymga/canteen.css              |  38 +++++++++++++++++++++++++
 wymga/canteen.html             |  37 +++++++++++++++++++++++--
 wymga/cat_shelter.css          |  37 +++++++++++++++++++++++++
 wymga/cat_shelter.html         |  28 ++++++++++++++++++-
 wymga/final.css                |  38 +++++++++++++++++++++++++
 wymga/final.html               |  28 ++++++++++++++++++-
 wymga/index.html               |  49 ++++++++++++++++++++++++++++++++-
 wymga/major_house.css          |  37 +++++++++++++++++++++++++
 wymga/major_house.html         |  44 ++++++++++++++++++++++++++---
 wymga/monteferro.css           |  37 +++++++++++++++++++++++++
 wymga/monteferro.html          |  32 +++++++++++++++++++--
 wymga/park.css                 |  36 ++++++++++++++++++++++++
 wymga/park.html                |  37 ++++++++++++++++++++++---
 wymga/park_N.html              |  23 +++++++++++++++-
 wymga/park_N_clues.css         |  37 +++++++++++++++++++++++++
 wymga/park_N_clues.html        |  23 ++++++++++++++--
 wymga/park_walk.css            |  37 +++++++++++++++++++++++++
 wymga/pleiadians_satanism.css  |  37 +++++++++++++++++++++++++
 wymga/pleiadians_satanism.html |  25 +++++++++++++++--
 wymga/pleiadians_saurians.html |  23 ++++++++++++++++
 wymga/river_bank.css           |  37 +++++++++++++++++++++++++
 wymga/river_bank.html          |  34 ++++++++++++++++++++++-
 wymga/saurians_head.css        |  38 +++++++++++++++++++++++++
 wymga/saurians_head.html       |  37 ++++++++++++++++++++++---
 wymga/spring_river.css         |  37 +++++++++++++++++++++++++
 wymga/spring_river.html        |  32 +++++++++++++++++++--
 wymga/square_satanism.css      |  38 +++++++++++++++++++++++++
 wymga/square_satanism.html     |  33 +++++++++++++++++++++-
 wymga/square_saurians.css      |  38 +++++++++++++++++++++++++
 wymga/square_saurians.html     |  31 +++++++++++++++++++++
 wymga/thesis.css               |  37 +++++++++++++++++++++++++
 wymga/thesis.html              |  25 +++++++++++++++++
 38 files changed, 1203 insertions(+), 38 deletions(-)

diff --git a/.DS_Store b/.DS_Store
index e573d6c6592a2c28af9f8fd9d0c8b1d5d7135708..c97681f083e012376fb2cb08016f5f8028f5b7bb 100644
GIT binary patch
delta 88
zcmZoEXernbF2QMPZmFZ7YiMAwIYB~$iOEQNa+j10OT#Zmx5=xd<e3jvI!rzzCBw|v
Qrm*?7)Lef23bZ770mh;nIRF3v

delta 88
zcmZoEXernbF2QMRVXUK|Yiwb*IYB~$iAiD2<Sr>07KZM0yUDAh<e5SA87UcN&VYo?
OuchYl<5!?1$qN9V2^$Uo

diff --git a/wymga/.DS_Store b/wymga/.DS_Store
index 196ceb19c58ddd65f3a7a2d58ed723d23827074d..2b3eaedd9a9cb30e7faa1955e68b8896e5252981 100644
GIT binary patch
delta 54
zcmZoEXern*QFwBtavP_qxuuSRuAza!<n^jfn-fF=nV1>OK5X717RtGqTj3x3W_Ae>
IVepq70R8+Dc>n+a

delta 91
zcmV-h0HptfaD;HMkrM&SlOZL5D;j%yEio}RGAtl5H+?K1doeIDG%O%CFfe_62?!S@
xF+E9OZFzcoe0_eKlRp$60i3g66jTBO2mwH|wiZ<hqX{4gvkMsh2eSt-{RjBZ8)5(e

diff --git a/wymga/bus_station.css b/wymga/bus_station.css
index 0760d57..462922b 100644
--- a/wymga/bus_station.css
+++ b/wymga/bus_station.css
@@ -37,6 +37,44 @@
      overflow-y: hidden;
 
  }
+ .back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: black;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 0.8em;
+    padding-top: 1.5em;
+    z-index: 100;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 2.8vh;
+    -webkit-appearance: none;
+    background-color:transparent;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
+
+}
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
+
 
  .instructions{
     font-family:jolyregularitalic;
diff --git a/wymga/bus_station.html b/wymga/bus_station.html
index 525020e..ab69bd0 100644
--- a/wymga/bus_station.html
+++ b/wymga/bus_station.html
@@ -17,6 +17,10 @@
   <audio id="shot"><source src="sound/shot.wav" type="audio/wav"></audio>
   <audio id="explosion"><source src="sound/explosion.wav" type="audio/wav"></audio>
 
+  <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>
 
   <div class="game_bar invert" style="display: none;">
     cat steaks: <span class="cat_meat_bar"></span> / 4 
@@ -139,15 +143,17 @@
 <script>
 
 var theme = document.querySelector("#theme");
-theme.volume= 0.2;
 var click = document.querySelector("#click");
 var comic = document.querySelector("#comic");
-comic.volume= 0.5;  
 var yes = document.querySelector("#yes");  
 var shot = document.querySelector("#shot"); 
 var smoke = document.querySelector("#smoke"); 
 var explosion = document.querySelector("#explosion"); 
 
+theme.volume= 0.3;
+click.volume=0.5; 
+comic.volume= 0.5; 
+
 $("body").hover( function() {
     theme.play();
     theme.addEventListener('paused',function() { 
@@ -158,6 +164,9 @@ $("body").hover( function() {
     // saves game step in the local storage 
   window.onload = function() {
   theme.play();
+  theme.addEventListener('paused',function() { 
+      theme.play();
+    },false);
   window.localStorage.setItem("bus_station","opened");
   console.log ("bus station:",localStorage.bus_station);
     }
@@ -232,8 +241,9 @@ $(document).keydown(function(e) {
         $("#bus_fire7, #bus_fire8").show();
       }
 
-
      switch (e.which) {
+      case  83:
+      $(".back").show();
         case 37:
             offset.left -= 20;
              console.log("left");
@@ -245,6 +255,18 @@ $(document).keydown(function(e) {
               break;
 
        } 
+
+       //go back to start
+       $("#go_to_start").click( function (){
+      window.location.href="index.html";
+      click.play();
+    });
+
+    $("#stay").click( function (){
+      $(".back").hide();
+      click.play();
+    });
+
           //check the offset and prevent the character to exceed the screen dimension 
             if (offset.left < 80) {
                 offset.left = 80;
@@ -266,7 +288,7 @@ $(document).keydown(function(e) {
   var click_counter = 0;
 
   $("#person1").click(function () {
-    click.play();
+    smoke.play();
     click_counter ++;
     $("#person1").hide();
     $("#saurian1").show();
@@ -274,7 +296,7 @@ $(document).keydown(function(e) {
   });
 
   $("#person2").click(function () {
-    click.play();
+    smoke.play();
     click_counter ++;
     $("#person2").hide();
     $("#saurian2").show();
@@ -282,7 +304,7 @@ $(document).keydown(function(e) {
   });
 
   $("#person3").click(function () {
-    click.play();
+    smoke.play();
     click_counter ++;
     $("#person3").hide();
     $("#saurian3").show();
@@ -290,7 +312,7 @@ $(document).keydown(function(e) {
   });
 
   $("#person4").click(function () {
-    click.play();
+    smoke.play();
     click_counter ++;
     $("#person4").hide();
     $("#saurian4").show();
diff --git a/wymga/butchery.css b/wymga/butchery.css
index 61fb6bb..caf6764 100644
--- a/wymga/butchery.css
+++ b/wymga/butchery.css
@@ -38,6 +38,43 @@ body {
      font-family: jolyregular;
      font-size: 1.8vw;
  }
+ .back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: white;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 0.8em;
+    padding-top: 1.5em;
+    z-index: 100;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 2.8vh;
+    -webkit-appearance: none;
+    background-color: white;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
+
+}
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
 
 #ground{
         width: 120%;
diff --git a/wymga/butchery.html b/wymga/butchery.html
index 95fa284..49e3545 100644
--- a/wymga/butchery.html
+++ b/wymga/butchery.html
@@ -16,7 +16,12 @@
     <audio id="yes"><source src="sound/yes.wav" type="audio/wav"></audio>
     <audio id="no"><source src="sound/no.wav" type="audio/wav"></audio>
     <audio id="shot"><source src="sound/shot.wav" type="audio/wav"></audio>
-
+    
+    <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>
+      
     <div id="cover"></div>
     <div id="ground"class="invert"></div>
     <svg class="invert">
@@ -109,6 +114,10 @@ var no = document.querySelector("#no");
 var yes = document.querySelector("#yes");  
 var shot = document.querySelector("#shot");  
 
+click.volume = 0.5; 
+scary.volume = 0.3;
+shot.volume = 0.5; 
+
 $("body").hover( function() {
     if (cat_meat < 4) { 
     theme.play();
@@ -118,6 +127,25 @@ $("body").hover( function() {
     }
   })
 
+//go 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();
+    });
+    
 // saves game step in the local storage 
   window.onload = function() {
     theme.play();
diff --git a/wymga/canteen.css b/wymga/canteen.css
index c6f0902..170e0e5 100644
--- a/wymga/canteen.css
+++ b/wymga/canteen.css
@@ -40,6 +40,44 @@
      font-size: 1.8vw;
  }
 
+ .back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: white;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 0.8em;
+    padding-top: 1.5em;
+    z-index: 200;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 2.8vh;
+    -webkit-appearance: none;
+  background-color:transparent;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
+
+}
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
+
    #ground{
         width: 120%;
         height: 120%;
diff --git a/wymga/canteen.html b/wymga/canteen.html
index 171389b..9dfd0d3 100644
--- a/wymga/canteen.html
+++ b/wymga/canteen.html
@@ -9,6 +9,10 @@
     
 </head>
 <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>
 
   <audio loop="loop" id="theme2" preload="auto"><source src="sound/theme2.wav" type="audio/wav"></audio>
   <audio loop="loop" id="theme4" preload="auto"><source src="sound/theme4_scary.wav" type="audio/wav"></audio>
@@ -101,15 +105,17 @@
 //audio
 
 var theme = document.querySelector("#theme2");
-theme.volume = 1;
 var scary = document.querySelector("#theme4");
-scary.volume = 0.1;
 var click = document.querySelector("#click");
 var comic = document.querySelector("#comic");  
 var no = document.querySelector("#no");  
 var yes = document.querySelector("#yes");  
-var shot = document.querySelector("#shot");  
+var shot = document.querySelector("#shot");
+
+theme.volume = 1;
 shot.volume = 0.5;
+scary.volume = 0.4;
+click.volume=0.5;
 
 $("body").hover( function() {
     if (stop_autoplay = 0) {
@@ -119,6 +125,30 @@ $("body").hover( function() {
     },false);      
     }
   })
+  //go back to start
+ $(document).keydown(function(e) {
+    e.preventDefault();
+    switch (e.which) {
+      case  83:
+      $(".back").show();
+      if ($('.invert').hasClass("invert_style") == true) {
+            $('.back').css("background-color","black");
+        }
+    else{
+            $('.back').css("background-color","white");  
+        }
+    }
+    });
+
+    $("#go_to_start").click( function (){
+      window.location.href="index.html";
+      click.play();
+    });
+
+    $("#stay").click( function (){
+      $(".back").hide();
+      click.play();
+    });
 
 var fluoride = 5;
 
@@ -151,6 +181,7 @@ var fluoride = 5;
       $(".invert").addClass("invert_style");
     });
 
+
     //fight
     var duo = $(".moving_duo");
     var avatar = $("#player_img");
diff --git a/wymga/cat_shelter.css b/wymga/cat_shelter.css
index 9f5d3fe..fabbdfc 100644
--- a/wymga/cat_shelter.css
+++ b/wymga/cat_shelter.css
@@ -27,6 +27,43 @@
      font-size: 1.8vw;
      overflow: hidden;
  }
+ .back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: white;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 0.8em;
+    padding-top: 1.5em;
+    z-index: 100;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 2.8vh;
+    -webkit-appearance: none;
+    background-color: white;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
+
+}
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
 
  .instructions{
     font-family:jolyregularitalic;
diff --git a/wymga/cat_shelter.html b/wymga/cat_shelter.html
index 33a7d9b..b3a54f3 100644
--- a/wymga/cat_shelter.html
+++ b/wymga/cat_shelter.html
@@ -9,7 +9,11 @@
     
 </head>
 <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>
+      
 <audio loop="loop" id="theme2" preload="auto"><source src="sound/theme2.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>
@@ -82,6 +86,28 @@ var comic = document.querySelector("#comic");
 var no = document.querySelector("#no");  
 var smoke = document.querySelector("#smoke");  
 
+click.volume = 0.5;
+theme.volume =1;
+no.volume= 0.8;
+
+$(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();
+    });
+
 $("body").hover( function() {
     theme.play();
     theme.addEventListener('paused',function() { 
diff --git a/wymga/final.css b/wymga/final.css
index 899c9a1..caefd14 100644
--- a/wymga/final.css
+++ b/wymga/final.css
@@ -39,6 +39,44 @@ body{
     max-width: 100%;
     max-height: 100%;
 }
+
+.back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: white;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 0.95em;
+    padding-top: 1.5em;
+    z-index: 200;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 0.95em;
+    -webkit-appearance: none;
+  background-color:transparent;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
+
+}
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
 ::-moz-selection { /* Code for Firefox */   
     color: #c94dff;
     background-color: white;
diff --git a/wymga/final.html b/wymga/final.html
index dd7f498..efa7f91 100644
--- a/wymga/final.html
+++ b/wymga/final.html
@@ -8,6 +8,12 @@
     <link rel="stylesheet" href="final.css">  
 </head>
 <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>
+
     <audio id="amanda_theme"><source src="sound/amanda_theme.wav" type="audio/wav"></audio>
     <audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
 
@@ -198,8 +204,28 @@ I wanted to leave you with something to think about when you'll be outside (<img
  <script>
 //audio
 var amanda = document.querySelector("#amanda_theme");  
-amanda.volume= 0.05; 
 var click = document.querySelector("#click");
+amanda.volume= 0.4; 
+click.volume = 0.5; 
+
+//go 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();
+    });
 
 //player name
 document.querySelector('#player_name').innerHTML =localStorage.playerName;
diff --git a/wymga/index.html b/wymga/index.html
index 5295a7e..962a981 100644
--- a/wymga/index.html
+++ b/wymga/index.html
@@ -1,3 +1,49 @@
+<!--
+//////////////////////////////////////////////////////////////////  
+W  h  e  n    y  o  u    m  i  g  h  t    g  o    a  s  t  r  a  y 
+                     ----              ----
+                        by Anna Sandri 
+//////////////////////////////////////////////////////////////////
+* C R E D I T S *
+---f o n t s---
+Joly | Designed by Léon Hugues | Blaze Type
+Sinistre | Designed by Jules Durand | Collletttivo
+
+---s o u n d---
+* S: Final_Boss_Battle.wav by MATRIXXX_ | License: Attribution
+* S: battle-march action loop by haydensayshi123 | License: Creative Commons 0
+* S: water_flows_over_rock.wav by volivieri | License: Attribution
+* S: Alien x.wav by Jace | License: Attribution
+* S: Magic disappearing/appearing by Tetoszka | License: Creative Commons 0
+* S: Laser Shot Silenced by bubaproducer | License: Attribution
+* S: Scary & Suspense by tyops | License: Attribution
+* S: Danger is Near (01) by NightWolfCFM | License: Attribution
+* S: smoke.wav by ilame | License: Attribution
+* S: Chicken Single Alarm Call by Rudmer_Rotteveel | License: Creative Commons 0
+* S: RAAAAAAAAAW!!!.wav by Reitanna | License: Creative Commons 0
+* S: Building Tension by AlmightyPsyche | License: Attribution
+* S: single dog bark 1 by crazymonke9 | License: Attribution
+* S: strained gibberish.wav by Reitanna | License: Creative Commons 0
+* S: GIBBERISH.wav by xtrgamr | License: Attribution
+* S: evening in the forest.wav by reinsamba | License: Attribution
+* S: Turning page by supersnd | License: Creative Commons 0
+* S: Game music Time of joy by BloodPixelHero | License: Attribution
+* P: beeps by thisusernameis
+* S: beep3.wav by thisusernameis | License: Creative Commons 0
+* S: Click.ogg by Pachoba | License: Creative Commons 0
+* S: UI Confirmation Alert, A1.wav by InspectorJ | License: Attribution
+* S: Park Ambiance by philipecp | License: Creative Commons 0
+* S: evening in the forest.wav by reinsamba | License: Attribution
+* S: Spring Birds Raw (New Jersey) by hargissssound | License: Creative Commons 0
+* S: Cricket in the desert (close recording) by felix.blume | License: Creative Commons 0
+* S: tongue click by fleurescence | License: Creative Commons 0
+* S: UI Confirmation Alert, A2.wav by InspectorJ | License: Attribution
+
+//////////////////////////////////////////////////////////////////  
+-->
+
+
+
 <!DOCTYPE html>
 <html lang="en-US">
 <head>
@@ -147,7 +193,8 @@ you can press
    //audio
    var click = document.querySelector("#click");
    var theme= document.querySelector("#theme_amanda");
-   theme.volume = 0.04;
+   theme.volume = 0.4;
+   click.volume = 0.5;
        
    $("body").hover( function() {
       theme.play();
diff --git a/wymga/major_house.css b/wymga/major_house.css
index 29e22d6..f501c1d 100644
--- a/wymga/major_house.css
+++ b/wymga/major_house.css
@@ -37,6 +37,43 @@
      overflow-y: hidden;
 
  }
+ .back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: white;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 0.8em;
+    padding-top: 1.5em;
+    z-index: 100;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 2.8vh;
+    -webkit-appearance: none;
+    background-color:transparent;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
+}
+
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
 
  .instructions{
     font-family:jolyregularitalic;
diff --git a/wymga/major_house.html b/wymga/major_house.html
index 7d1c45a..320a4b7 100644
--- a/wymga/major_house.html
+++ b/wymga/major_house.html
@@ -9,6 +9,11 @@
     
 </head>
 <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>
+      
 <audio loop="loop" id="theme2" preload="auto"><source src="sound/theme2.wav" type="audio/wav"></audio>
 <audio loop="loop" id="theme4" preload="auto"><source src="sound/theme4_scary.wav" type="audio/wav"></audio>
 <audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
@@ -108,12 +113,18 @@ var scary = document.querySelector("#theme4");
 var click = document.querySelector("#click");
 var comic = document.querySelector("#comic");  
 
+theme.volume = 1;
+click.volume = 0.5; 
+scary.volume = 0.4; 
+
 
 $("body").hover( function() {
-    theme.play();
-    theme.addEventListener('paused',function() { 
-      theme.play();
+    //if (left_Percentage <= 74) {
+        theme.play();
+        theme.addEventListener('paused',function() { 
+        theme.play();
     },false);
+    //}
   })
 
 // saves game step in the local storage 
@@ -151,6 +162,23 @@ var $div = $('.duo');
       }
   }    
    
+$(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();
+    });
+
 //move the character 
 
 $(document).keydown(function(e) {
@@ -174,6 +202,7 @@ $(document).keydown(function(e) {
              offset.left += 20;
              console.log("right");
              $div.removeClass("flipped");
+             $(".message1").hide();
               break;
         }
     }
@@ -229,12 +258,19 @@ $(document).keydown(function(e) {
         $('.glasses_bar').toggleClass("glasses_bar_black");
         $('.good').toggle();
         $('.bad').toggle();
-        $('.bubble1, .message2').hide();
+        $('.bubble1, .message2').detach();
         $('.bubble2, .message3').show();
         $("body").css("overflow", "hidden");
+        if ($('.to_invert').hasClass("invert") == true) {
+            $('.back').css("background-color","black");
+        }
+        else{
+            $('.back').css("background-color","white");  
+        }
         
     })
 
+
     $('.bubble1').click(function(){
         click.play();
         $('.bubble1').hide();
diff --git a/wymga/monteferro.css b/wymga/monteferro.css
index 11e6337..70ed080 100644
--- a/wymga/monteferro.css
+++ b/wymga/monteferro.css
@@ -39,6 +39,43 @@
      font-family: jolyregular;
      font-size: 1.8vw;
  }
+ .back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: white;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 0.8em;
+    padding-top: 1.5em;
+    z-index: 200;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 2.8vh;
+    -webkit-appearance: none;
+  background-color:transparent;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
+
+}
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
 
  .instructions{
     font-family:jolyregularitalic;
diff --git a/wymga/monteferro.html b/wymga/monteferro.html
index 2e6f723..10d4be0 100644
--- a/wymga/monteferro.html
+++ b/wymga/monteferro.html
@@ -9,6 +9,10 @@
     
 </head>
 <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>
 
   <audio loop="loop" id="theme2" preload="auto"><source src="sound/theme2.wav" type="audio/wav"></audio>
   <audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
@@ -94,23 +98,45 @@
   <script>
 // audio
     var theme = document.querySelector("#theme2");
-    theme.volume=0.06;
     var click = document.querySelector("#click");
     var comic = document.querySelector("#comic");  
     var comic_ned = document.querySelector("#comic_ned");  
-    comic_ned.volume=0.05;
     var no = document.querySelector("#no");  
     var yes = document.querySelector("#yes");  
     var anger = document.querySelector("#anger");  
     var chicken = document.querySelector("#chicken");  
     var smoke = document.querySelector("#smoke");  
-  
+
+    theme.volume=1;
+    comic_ned.volume=0.5;
+    click.volume=0.5;
+    chicken.volume=0.5;
+
+    
   $("body").hover( function() {
     theme.play();
     theme.addEventListener('paused',function() { 
       theme.play();
     },false);
   })
+  //go 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();
+    });
    
 // saves game step in the local storage + onload functions 
   window.onload = function() {
diff --git a/wymga/park.css b/wymga/park.css
index f6a0ea9..1f06282 100644
--- a/wymga/park.css
+++ b/wymga/park.css
@@ -33,7 +33,43 @@
      /*font-size: 22px;*/
 
  }
+ .back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: white;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 0.8em;
+    padding-top: 1.5em;
+    z-index: 100;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 2.8vh;
+    -webkit-appearance: none;
+    background-color: white;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
 
+}
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
 
  .instructions{
     font-family:jolyregularitalic;
diff --git a/wymga/park.html b/wymga/park.html
index a0df0e6..de2315f 100644
--- a/wymga/park.html
+++ b/wymga/park.html
@@ -13,14 +13,18 @@
 <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>
 
-
-<body class="park_body">
   <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>
@@ -80,7 +84,7 @@
           </p>
           </div>
 
-            <div class="school2" style="display:none;">
+            <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>
@@ -170,13 +174,34 @@
 
 <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.04;
+    theme.volume = 0.4;
+    click.volume = 0.5;
    
     //get player avatar from local storage
     console.log (localStorage.myavatar)
@@ -204,6 +229,10 @@
       console.log ("park:",localStorage.park)
       document.querySelector('#player_name').innerHTML = localStorage.playerName;
 
+      
+      
+      
+      
       if (localStorage.final === "opened" ) {
         $(".memory").show();
         $(".text_container").hide();
diff --git a/wymga/park_N.html b/wymga/park_N.html
index 3173746..ecd3bcc 100644
--- a/wymga/park_N.html
+++ b/wymga/park_N.html
@@ -18,6 +18,11 @@
 <audio id="smoke"><source src="sound/smoke.wav" type="audio/wav"></audio>
 
 
+<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>
+
 
     <div id="groundline"></div>
   
@@ -91,6 +96,10 @@
     var bark = document.querySelector("#bark");  
     var smoke = document.querySelector("#smoke"); 
 
+    theme.volume = 0.4;
+    click.volume = 0.5;
+    bark.volume = 0.5;
+
     
     $("body").hover( function() {
       theme.play();
@@ -179,6 +188,8 @@ $(document).keydown(function(e) {
 
     
      switch (e.which) {
+        case  83:
+          $(".back").show();   
         case 37:
             offset.left -= 20;
              console.log("left");
@@ -241,7 +252,17 @@ $(document).keydown(function(e) {
     var player_img = document.querySelector("#player_img");
     player_img.appendChild(img);
     
-    //get player name from local storage
+//on click
+
+    $("#go_to_start").click( function (){
+      window.location.href="index.html";
+      click.play();
+    });
+
+    $("#stay").click( function (){
+      $(".back").hide();
+      click.play();
+    });
 
 
     $("#woman").click (function(){
diff --git a/wymga/park_N_clues.css b/wymga/park_N_clues.css
index aa1d637..1e2d317 100644
--- a/wymga/park_N_clues.css
+++ b/wymga/park_N_clues.css
@@ -33,6 +33,43 @@
      overflow-y: hidden;
 
  }
+ .back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: white;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 0.8em;
+    padding-top: 1.5em;
+    z-index: 100;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 2.8vh;
+    -webkit-appearance: none;
+    background-color: white;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
+
+}
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
 
  .instructions{
     font-family:jolyregularitalic;
diff --git a/wymga/park_N_clues.html b/wymga/park_N_clues.html
index 5bc4e9a..6a424b1 100644
--- a/wymga/park_N_clues.html
+++ b/wymga/park_N_clues.html
@@ -18,6 +18,11 @@
 <audio id="smoke"><source src="sound/smoke.wav" type="audio/wav"></audio>
 
 
+<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>
+
     <div id="groundline"></div>
   
     <div id="ground"> 
@@ -87,6 +92,11 @@
     var comic_ned = document.querySelector("#comic_ned");  
     var bark = document.querySelector("#bark"); 
     var smoke = document.querySelector("#smoke");  
+
+    theme.volume = 0.4;
+    click.volume = 0.5;
+    bark.volume = 0.5;
+    smoke.volume= 0.7;
     
     $("body").hover( function() {
       theme.play();
@@ -174,6 +184,8 @@ $(document).keydown(function(e) {
 
     
      switch (e.which) {
+      case  83:
+      $(".back").show();
         case 37:
             offset.left -= 20;
              console.log("left");
@@ -234,9 +246,16 @@ $(document).keydown(function(e) {
     img.src = localStorage.myavatar;
     var player_img = document.querySelector("#player_img");
     player_img.appendChild(img);
-    
-    //get player name from local storage
 
+    $("#go_to_start").click( function (){
+      window.location.href="index.html";
+      click.play();
+    });
+
+    $("#stay").click( function (){
+      $(".back").hide();
+      click.play();
+    });
 
     $("#woman").click (function(){
       comic.play();
diff --git a/wymga/park_walk.css b/wymga/park_walk.css
index d066f03..188fe78 100644
--- a/wymga/park_walk.css
+++ b/wymga/park_walk.css
@@ -33,6 +33,43 @@
      overflow-y: hidden;
 
  }
+ .back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: white;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 0.8em;
+    padding-top: 1.5em;
+    z-index: 100;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 2.8vh;
+    -webkit-appearance: none;
+    background-color: white;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
+
+}
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
 
  .instructions{
     font-family:jolyregularitalic;
diff --git a/wymga/pleiadians_satanism.css b/wymga/pleiadians_satanism.css
index f69e206..4f807a0 100644
--- a/wymga/pleiadians_satanism.css
+++ b/wymga/pleiadians_satanism.css
@@ -37,6 +37,43 @@
      overflow-y: hidden;
 
  }
+ .back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: black;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 0.8em;
+    padding-top: 1.5em;
+    z-index: 100;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 2.8vh;
+    -webkit-appearance: none;
+    background-color: black;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
+
+}
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
 
  .instructions{
     font-family:jolyregularitalic;
diff --git a/wymga/pleiadians_satanism.html b/wymga/pleiadians_satanism.html
index c41b514..4ae065e 100644
--- a/wymga/pleiadians_satanism.html
+++ b/wymga/pleiadians_satanism.html
@@ -14,6 +14,10 @@
     <audio id="appear"><source src="sound/appear.wav" type="audio/wav"></audio>
     <audio id="alien"><source src="sound/alien_speech.wav" type="audio/wav"></audio>
 
+    <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>
 
     <div id="ground_color" class="invert scroll-pane stop_invert"></div>
 
@@ -103,11 +107,13 @@
 <script>
 //audio
 var magic = document.querySelector("#magic");
-magic.volume= 0.4;
 var click = document.querySelector("#click");
 var appear = document.querySelector("#appear");
 var alien = document.querySelector("#alien");
-alien.volume= 0.5;
+
+magic.volume= 0.5; 
+click.volume=0.5;
+alien.volume= 0.5; 
 
 $("body").hover( function() {
     magic.play();
@@ -160,6 +166,8 @@ $(document).keydown(function(e) {
     console.log("offset:", offset);   
 
      switch (e.which) {
+        case  83:
+      $(".back").show();
         case 37:
             offset.left -= 20;
              console.log("left");
@@ -173,6 +181,8 @@ $(document).keydown(function(e) {
               break;
 
        } 
+
+
 //check the offset and prevent the character to exceed the screen dimension 
     if (offset.left < 80) {
         offset.left = 80;
@@ -261,6 +271,17 @@ function check_pleiadians() {
     };
 };
 
+
+$("#go_to_start").click( function (){
+      window.location.href="index.html";
+      click.play();
+    });
+
+    $("#stay").click( function (){
+      $(".back").hide();
+      click.play();
+    });
+
 $(".bubble1").click( function(){
     click.play();
     $(".bubble1").hide();
diff --git a/wymga/pleiadians_saurians.html b/wymga/pleiadians_saurians.html
index deeda0d..7ff1bbb 100644
--- a/wymga/pleiadians_saurians.html
+++ b/wymga/pleiadians_saurians.html
@@ -14,6 +14,11 @@
     <audio id="appear"><source src="sound/appear.wav" type="audio/wav"></audio>
     <audio id="alien"><source src="sound/alien_speech.wav" type="audio/wav"></audio>
 
+    <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>
+
     <div id="ground_color" class="invert scroll-pane stop_invert"></div>
 
     <div id="groundline" class="invert scroll-pane stop_invert"></div>
@@ -106,6 +111,10 @@ var click = document.querySelector("#click");
 var appear = document.querySelector("#appear");
 var alien = document.querySelector("#alien");
 
+magic.volume= 0.5; 
+click.volume=0.5;
+alien.volume= 0.5; 
+
 $("body").hover( function() {
     magic.play();
     magic.addEventListener('paused',function() { 
@@ -157,6 +166,8 @@ $(document).keydown(function(e) {
     console.log("offset:", offset);   
 
      switch (e.which) {
+        case  83:
+      $(".back").show();
         case 37:
             offset.left -= 20;
              console.log("left");
@@ -167,6 +178,7 @@ $(document).keydown(function(e) {
              offset.left += 20;
              console.log("right");
              $div.removeClass("flipped");
+             $(".message1").hide();
               break;
 
        } 
@@ -190,6 +202,17 @@ $(document).keydown(function(e) {
     adjustScroll();   
 })
 
+//go back to start
+$("#go_to_start").click( function (){
+      window.location.href="index.html";
+      click.play();
+    });
+
+    $("#stay").click( function (){
+      $(".back").hide();
+      click.play();
+    });
+
 // make pleiadians appear
  var pleiadians = 0;
 
diff --git a/wymga/river_bank.css b/wymga/river_bank.css
index 5c5125e..f8f5be9 100644
--- a/wymga/river_bank.css
+++ b/wymga/river_bank.css
@@ -42,6 +42,43 @@
      overflow:hidden;
  }
 
+ .back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: black;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 0.8em;
+    padding-top: 1.5em;
+    z-index: 200;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 2.8vh;
+    -webkit-appearance: none;
+  background-color:transparent;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
+
+}
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
  #ground {
     width: 120%;
     height: 120%;
diff --git a/wymga/river_bank.html b/wymga/river_bank.html
index 2d63985..8db72aa 100644
--- a/wymga/river_bank.html
+++ b/wymga/river_bank.html
@@ -9,11 +9,16 @@
     
 </head>
 <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>
 
 <audio loop="loop" id="theme3" preload="auto"><source src="sound/theme3_danger.mp3" type="audio/mp3"></audio>
 <audio id="comic"><source src="sound/baloon_intense.wav" type="audio/wav"></audio>
 <audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
 <audio id="water"><source src="sound/click.wav" type="audio/wav"></audio>
+<audio id="smoke"><source src="sound/smoke.wav" type="audio/wav"></audio>
 
 
     <div id="ground" class="invert"></div>
@@ -59,6 +64,14 @@ var theme = document.querySelector("#theme3");
 var comic = document.querySelector("#comic");
 var click = document.querySelector("#click");
 var water = document.querySelector("#water");
+var smoke = document.querySelector("#smoke");
+
+theme.volume= 1;
+click.volume= 0.5;
+comic.volume=0.5;
+
+
+
 
 $("body").hover( function() {
     theme.play();
@@ -67,6 +80,25 @@ $("body").hover( function() {
     },false);
   })
 
+  //go 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();
+    });
+
   // saves game step in the local storage 
   window.onload = function() {
       theme.play();
@@ -98,7 +130,7 @@ $("body").hover( function() {
                     $("#ferryman_evil").detach();
                     $("#boat_empty, #army").hide();
                     $("#boat_full").show();
-                    water.play();
+                    smoke.play();
                     $("#player_img").removeClass("player_land");
                     $("#player_img").hide();
                     $(".boat").animate({ left: "100%" }, { 
diff --git a/wymga/saurians_head.css b/wymga/saurians_head.css
index bee20e1..264e7ca 100644
--- a/wymga/saurians_head.css
+++ b/wymga/saurians_head.css
@@ -36,6 +36,44 @@
      font-size: 1.8vw;
      overflow: hidden;
  }
+ .back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: black;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 0.8em;
+    padding-top: 1.5em;
+    z-index: 200;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 2.8vh;
+    -webkit-appearance: none;
+  background-color:transparent;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
+
+}
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
+
  svg {
     width: 100%;
     height: 100%;
diff --git a/wymga/saurians_head.html b/wymga/saurians_head.html
index 2d21625..d77ad88 100644
--- a/wymga/saurians_head.html
+++ b/wymga/saurians_head.html
@@ -10,6 +10,11 @@
 </head>
 <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>
+
 <audio loop="loop" id="theme" preload="auto"><source src="sound/theme6_march.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>
@@ -151,16 +156,39 @@
 <script>
 
 var theme = document.querySelector("#theme");
-theme.volume= 0.05;
 var click = document.querySelector("#click");
 var comic = document.querySelector("#comic");  
 var shot = document.querySelector("#shot"); 
 var smoke = document.querySelector("#smoke");  
 var explosion = document.querySelector("#explosion");  
-explosion.volume= 0.1;
 var appear = document.querySelector("#appear");  
 var amanda = document.querySelector("#amanda_theme"); 
-amanda.volume= 0.05; 
+
+amanda.volume= 0.4; 
+explosion.volume= 0.2;
+theme.volume= 0.1;
+click.volume= 0.5;
+smoke.volume=0.6; 
+
+//go 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();
+    });
+
 
 $("body").hover( function() {
     if ( shooting_counter < 10 ){
@@ -325,7 +353,7 @@ document.querySelector('#player_name').innerHTML = localStorage.playerName;
   });
 
   function reach_counter() {
-    if ( shooting_counter == 10 ) {
+    if ( shooting_counter == 10 ) {  
         $("#cloud").show();
         $("#cloud").animate({ left: "39%"}, { 
                         duration: 500
@@ -365,6 +393,7 @@ document.querySelector('#player_name').innerHTML = localStorage.playerName;
         $(".message2").hide();
         $(".message3").show();
         $(".blur").removeClass("blur_background");
+        $(".back").css("background-color","white");
         smoke.play();
     },2500);
   });
diff --git a/wymga/spring_river.css b/wymga/spring_river.css
index 35e3bff..3c61cd5 100644
--- a/wymga/spring_river.css
+++ b/wymga/spring_river.css
@@ -37,6 +37,43 @@
      overflow-y: hidden;
 
  }
+ .back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: black;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 0.8em;
+    padding-top: 1.5em;
+    z-index: 200;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 2.8vh;
+    -webkit-appearance: none;
+  background-color:transparent;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
+
+}
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
 
  .instructions{
     font-family:jolyregularitalic;
diff --git a/wymga/spring_river.html b/wymga/spring_river.html
index d5b5dc3..aea6dde 100644
--- a/wymga/spring_river.html
+++ b/wymga/spring_river.html
@@ -9,6 +9,12 @@
     
 </head>
 <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>
+
   <audio loop="loop" id="theme6" preload="auto"><source src="sound/theme6_march.wav" type="audio/wav"></audio>
   <audio loop="loop" id="theme_amanda" preload="auto"><source src="sound/amanda_theme.wav" type="audio/wav"></audio>
   <audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
@@ -151,7 +157,13 @@ var click = document.querySelector("#click");
 var shot = document.querySelector("#shot");  
 var comic = document.querySelector("#comic");  
 var appear = document.querySelector("#appear");
-var explosion = document.querySelector("#explosion");  
+var explosion = document.querySelector("#explosion"); 
+
+amanda.volume= 0.4; 
+explosion.volume= 0.2;
+theme.volume= 0.1;
+click.volume= 0.5;
+
 
 $("body").hover( function() {
   if ( shooting_counter < 8 ){ 
@@ -252,6 +264,9 @@ $(document).keydown(function(e) {
       }
 
      switch (e.which) {
+      case  83:
+      $(".back").show();
+      break;
         case 37:
             offset.left -= 20;
              console.log("left");
@@ -282,6 +297,16 @@ $(document).keydown(function(e) {
             
   })
 
+  $("#go_to_start").click( function (){
+      window.location.href="index.html";
+      click.play();
+    });
+
+    $("#stay").click( function (){
+      $(".back").hide();
+      click.play();
+    });
+
   var shooting_counter = 0;
 
   $("#figure1").click(function () {
@@ -326,7 +351,7 @@ $(document).keydown(function(e) {
           comic.play();
           $(".blur").addClass("blur_background");
           $("#amanda").show();
-          $(".message2").hide();
+          $(".message2").detach();
           $(".message3").show();
           setTimeout( function () {
             $(".bubble1").show();
@@ -340,9 +365,12 @@ $(document).keydown(function(e) {
     $(".bubble1").hide();
     $(".bad").hide();
     $(".good").show();
+    $("#tree9").show();
+    $("#tree_flipped9").hide();  
     amanda.play();
     theme.pause();
     $(".stop_invert").removeClass("invert");
+    $('.back').css("background-color","white");  
     $('html').css({overflow: 'hidden'});
     setTimeout( function () {
       comic.play();
diff --git a/wymga/square_satanism.css b/wymga/square_satanism.css
index 1f743a6..91f548d 100644
--- a/wymga/square_satanism.css
+++ b/wymga/square_satanism.css
@@ -41,6 +41,44 @@
      font-family: jolyregular;
      font-size: 1.8vw;
  }
+ .back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: white;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 0.8em;
+    padding-top: 1.5em;
+    z-index: 100;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 2.8vh;
+    -webkit-appearance: none;
+    background-color: transparent;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
+
+}
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
+
 
  #ground {
     width: 120%;
diff --git a/wymga/square_satanism.html b/wymga/square_satanism.html
index 2adb375..3c2897f 100644
--- a/wymga/square_satanism.html
+++ b/wymga/square_satanism.html
@@ -9,6 +9,10 @@
     
 </head>
 <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>
 
 <audio loop="loop" id="theme2" preload="auto"><source src="sound/theme2.wav" type="audio/wav"></audio>
 <audio loop="loop" id="theme3" preload="auto"><source src="sound/theme3_danger.mp3" type="audio/mp3"></audio>
@@ -103,7 +107,32 @@ var theme = document.querySelector("#theme2");
 var scary = document.querySelector("#theme3");
 var click = document.querySelector("#click");
 var comic = document.querySelector("#comic");  
-var anger = document.querySelector("#anger");  
+var anger = document.querySelector("#anger"); 
+
+anger.volume= 0.3;
+click.volume=0.5;
+comic.volume=0.5;
+scary.volume=0.7; 
+
+//go 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();
+    });
+
 
 $("body").hover( function() {
     if (villagers < 9){ 
@@ -116,6 +145,7 @@ $("body").hover( function() {
 
 // saves game step in the local storage 
   window.onload = function() {
+
     theme.play();
     window.localStorage.setItem("square_satanism","opened");
     console.log ("square satanism:",localStorage.square_satanism);
@@ -309,6 +339,7 @@ $("body").hover( function() {
 
     function end_recluting() { 
         if (villagers == 9) {
+            $(".back").css("background-color","black");
             setTimeout ( function (){
                 $(".game_bar").addClass("game_bar_glow");
                 $(".message1").hide();
diff --git a/wymga/square_saurians.css b/wymga/square_saurians.css
index 22ca2bb..517fed5 100644
--- a/wymga/square_saurians.css
+++ b/wymga/square_saurians.css
@@ -41,6 +41,44 @@
      font-family: jolyregular;
      font-size: 1.8vw;
  }
+ .back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: white;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 0.8em;
+    padding-top: 1.5em;
+    z-index: 100;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 2.8vh;
+    -webkit-appearance: none;
+    background-color: transparent;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
+
+}
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
+
 
  #ground {
     width: 120%;
diff --git a/wymga/square_saurians.html b/wymga/square_saurians.html
index 992603a..5bd7de3 100644
--- a/wymga/square_saurians.html
+++ b/wymga/square_saurians.html
@@ -9,6 +9,11 @@
     
 </head>
 <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>
+
     <audio loop="loop" id="theme2" preload="auto"><source src="sound/theme2.wav" type="audio/wav"></audio>
     <audio loop="loop" id="theme3" preload="auto"><source src="sound/theme3_danger.mp3" type="audio/mp3"></audio>
     <audio id="click"><source src="sound/click.wav" type="audio/wav"></audio>
@@ -104,6 +109,11 @@ var click = document.querySelector("#click");
 var comic = document.querySelector("#comic");  
 var anger = document.querySelector("#anger");  
 
+anger.volume= 0.3;
+click.volume=0.5;
+comic.volume=0.5;
+scary.volume=0.7;  
+
 $("body").hover( function() {
     if (villagers < 9){ 
     theme.play();
@@ -113,6 +123,26 @@ $("body").hover( function() {
     }
   })
 
+  //go 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();
+    });
+
+
 // saves game step in the local storage 
   window.onload = function() {
     theme.play();
@@ -309,6 +339,7 @@ $("body").hover( function() {
 
     function end_recluting() { 
         if (villagers == 9) {
+            $(".back").css("background-color","black");
             setTimeout ( function (){
                 click.play();
                 $(".game_bar").addClass("game_bar_glow");
diff --git a/wymga/thesis.css b/wymga/thesis.css
index df43457..633620e 100644
--- a/wymga/thesis.css
+++ b/wymga/thesis.css
@@ -47,6 +47,43 @@ body{
     height: 100%;
     /*overflow-x:hidden;*/
 }
+.back{
+    position: fixed;
+    color:#c94dff ;
+    text-align: center;
+    font-family: jolyregular;
+    background-color: white;
+    top:40%;
+    bottom:43%;
+    left:35%;
+    right:35%;
+    border: 1px solid #c94dff;
+    -webkit-box-shadow: 10px 10px 0px 0px #c94dff;
+    -moz-box-shadow: 10px 10px 0px 0px #c94dff;
+    box-shadow: 10px 10px 0px 0px #c94dff;
+    font-size: 1.25em;
+    padding-top: 1.5em;
+    z-index: 200;
+    line-height: 1.5em; 
+}
+.button_back{
+    font-size: 2.8vh;
+    -webkit-appearance: none;
+  background-color:transparent;
+    border: 1px #c94dff solid;
+    border-radius: 25em;
+    color:#c94dff;
+    cursor:pointer;
+    font-family: jolybolditalic;     
+    padding-bottom:3px;
+
+}
+.button_back:hover{
+    border: 0.1em transparent solid;
+    -webkit-box-shadow: 0px 0px 8px 1px  #c94dff;
+    -moz-box-shadow: 0px 0px 8px 1px  #c94dff;
+    box-shadow: 0px 0px 8px 1px  #c94dff;
+}
 a{
     color: #c94dff;  
 }
diff --git a/wymga/thesis.html b/wymga/thesis.html
index 274c11d..68899d0 100644
--- a/wymga/thesis.html
+++ b/wymga/thesis.html
@@ -9,6 +9,12 @@
     <link rel="stylesheet" href="thesis.css">  
 </head>
 <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>
+  
     <div class="info_button">ⓘ</div>
     <div id="info_text" style="display: none;">
         <span class="title">When you might go astray</span> is a research project dealing with conspiracy theories, fictional narratives, and how their mutuality shapes the stories of their believers. 
@@ -309,5 +315,24 @@ Fig 5. river_of_karma (2016). <em>Kek, God of Chaos. </em>Available at:&lt;<a hr
 $(".info_button").click( function (){
     $("#info_text").toggle();
 })
+
+//go 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();
+    });
 </script>
 </body>
\ No newline at end of file