From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Mon, 13 Jun 2022 13:05:02 +0000 (+0200)
Subject: wait #5318 @0.75
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=e79bff94453e2be5acb075e5ab9f345bf8cf461e;p=Animations.git

wait #5318 @0.75
---

diff --git a/PPD/Map1/Map1.zip b/PPD/Map1/Map1.zip
index b11dcd2..b0d0d86 100644
Binary files a/PPD/Map1/Map1.zip and b/PPD/Map1/Map1.zip differ
diff --git a/RedbullShopper101/TruthOrMyth/TruthOrMyth.zip b/RedbullShopper101/TruthOrMyth/TruthOrMyth.zip
index 4c4182e..b2fca25 100644
Binary files a/RedbullShopper101/TruthOrMyth/TruthOrMyth.zip and b/RedbullShopper101/TruthOrMyth/TruthOrMyth.zip differ
diff --git a/RedbullShopper101/TruthOrMyth/closeread.svg b/RedbullShopper101/TruthOrMyth/closeread.svg
new file mode 100644
index 0000000..c7dc799
--- /dev/null
+++ b/RedbullShopper101/TruthOrMyth/closeread.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Calque_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.93 21.93"><defs><style>.cls-1{fill:#ffc323;}</style></defs><g id="Calque_1-2"><g><path d="M3.21,18.71c4.28,4.28,11.22,4.28,15.5,0,4.28-4.28,4.28-11.22,0-15.5C14.43-1.07,7.49-1.07,3.21,3.21-1.07,7.49-1.07,14.43,3.21,18.71"/><rect class="cls-1" x="9.84" y="5.29" width="2.24" height="11.34" transform="translate(-4.54 10.96) rotate(-45)"/><rect class="cls-1" x="5.29" y="9.84" width="11.34" height="2.24" transform="translate(-4.54 10.96) rotate(-45)"/></g></g></svg>
\ No newline at end of file
diff --git a/RedbullShopper101/TruthOrMyth/index.html b/RedbullShopper101/TruthOrMyth/index.html
index c1d41f4..55e699a 100644
--- a/RedbullShopper101/TruthOrMyth/index.html
+++ b/RedbullShopper101/TruthOrMyth/index.html
@@ -60,6 +60,13 @@
         #buttons a {
             position: absolute;
             cursor: pointer;
+            opacity: 0;
+            transition: opacity 250ms;
+        }
+
+        #buttons a.show{
+            opacity: 1;
+            transition: opacity 250ms;
         }
 
         #truth, #myth {
@@ -81,19 +88,28 @@
             left: 8px;
         }
 
-        #listen{
-            left:399px;
+        #closeread {
+            background-image: url("closeread.svg");
+            width: 30px;
+            height: 30px;
+            background-size: 100% auto;
+            top: 100px;
+            left: 640px;
+        }
+
+        #listen {
+            left: 399px;
         }
 
-        #prev,#next{
+        #prev, #next {
             width: 133px;
             height: 32px;
             top: 373px;
             left: 375px;
         }
 
-        #next{
-            left:530px;
+        #next {
+            left: 530px;
         }
 
         #score {
@@ -115,6 +131,7 @@
     <a id="truth" data-a="1" data-screens="1,4,7,10"></a>
     <a id="myth" data-a="0" data-screens="1,4,7,10"></a>
     <a id="read" data-screens="2,5,8,11"></a>
+    <a id="closeread" data-screens="3,6,9"></a>
     <a id="listen" data-screens="2,5,8,11"></a>
     <a id="next" data-screens="2,3,5,6,8,9"></a>
     <a id="prev" data-screens="5,6,8,9,11,12"></a>
diff --git a/RedbullShopper101/TruthOrMyth/truthormyth.js b/RedbullShopper101/TruthOrMyth/truthormyth.js
index f481d1c..f43f376 100644
--- a/RedbullShopper101/TruthOrMyth/truthormyth.js
+++ b/RedbullShopper101/TruthOrMyth/truthormyth.js
@@ -42,6 +42,12 @@ $(function () {
         return false;
     });
 
+    $('#closeread').on('click', function () {
+        setActiveScreen(window.activeScreen - 1);
+        return false;
+    });
+
+
     $('#listen').on('click', function () {
         playAudio(window.activeScreen);
         return false;
@@ -67,9 +73,13 @@ function setActiveScreen(i) {
     $('body').attr('data-screen', i);
     $('[data-screens]').each(function () {
         if ($(this).data('screens').toString().split(',').indexOf(i.toString()) >= 0) {
-            $(this).show();
+            $(this).addClass('show').show();
         } else {
-            $(this).hide();
+            var t=this;
+            $(this).removeClass('show');
+            setTimeout(function(){
+                $(t).hide();
+            },500);
         }
     });
     setTimeout(function () {