From e79bff94453e2be5acb075e5ab9f345bf8cf461e Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Mon, 13 Jun 2022 15:05:02 +0200
Subject: [PATCH] wait #5318 @0.75

---
 PPD/Map1/Map1.zip                             | Bin 279527 -> 279527 bytes
 RedbullShopper101/TruthOrMyth/TruthOrMyth.zip | Bin 3632148 -> 3632725 bytes
 RedbullShopper101/TruthOrMyth/closeread.svg   |   1 +
 RedbullShopper101/TruthOrMyth/index.html      |  27 ++++++++++++++----
 RedbullShopper101/TruthOrMyth/truthormyth.js  |  14 +++++++--
 5 files changed, 35 insertions(+), 7 deletions(-)
 create mode 100644 RedbullShopper101/TruthOrMyth/closeread.svg

diff --git a/PPD/Map1/Map1.zip b/PPD/Map1/Map1.zip
index b11dcd246cedc8ba34581ad5b4fe1c64e1d327d6..b0d0d867584afa5992f472606ba6167210768805 100644
GIT binary patch
delta 39
pcmaFfF8I7%u%U&qg{g&k3k#<+Yp`SboQc!<oLM$Qna7-26agOO4buPs

delta 39
vcmaFfF8I7%u%U&qg{g&k3k#<+>+3u9`+BGIIkRkLUF4lSt$+G4XBI^OK6(#{

diff --git a/RedbullShopper101/TruthOrMyth/TruthOrMyth.zip b/RedbullShopper101/TruthOrMyth/TruthOrMyth.zip
index 4c4182ed332b348630ab842c23fadf725e4b3564..b2fca25cd5fddab016abed07d1c166375797f5e3 100644
GIT binary patch
delta 2749
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
QPK&Yj2J3Xj9c1193v<Ka8UO$Q

delta 2146
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

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