From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 14 Jan 2021 09:36:05 +0000 (+0100)
Subject: wip #4195 @0.25
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=ae0f760d6b932412399ba4d712c365a9531987dd;p=Animations.git

wip #4195 @0.25
---

diff --git a/RedbullResilience/p3-test/index.html b/RedbullResilience/p3-test/index.html
index cda010a..6f44ecd 100644
--- a/RedbullResilience/p3-test/index.html
+++ b/RedbullResilience/p3-test/index.html
@@ -79,7 +79,7 @@
 
         #results td.visible {
             background-image: url("res.jpg");
-            border: 2px solid #d7104e;
+            border: 5px solid #d7104e;
         }
 
         #results td.c2 {
@@ -166,9 +166,9 @@
             return false;
         });
 
-        $(document).on('click',"#retake",function(){
-           retake();
-           return false;
+        $(document).on('click', "#retake", function () {
+            retake();
+            return false;
         });
 
         $(document).on('click', '#ok,#nok', function () {
@@ -213,16 +213,21 @@
     function displayResults() {
         $("#results").show();
         console.log(answers);
+        var tabsClasses = {};
         $.each(answers, function (k, v) {
             var section = $("#questions img:eq(" + k + ")").data('section');
             if (v == 0) {
                 $("#results td[data-section='" + section + "']").addClass('visible');
             }
+            tabsClasses[section] = v == 0 ? 'blue' : '';
         });
+        parent.fluidbook.cache.set('tabsClasses', JSON.stringify(tabsClasses));
+        parent.fluidbook.tabs.updateClasses();
     }
 
     function retake() {
         localStorage.setItem(storageKey, '[]');
+        parent.fluidbook.cache.unset('tabsClasses');
         window.location.reload();
     }
 
diff --git a/RedbullResilience/p3-test/p3-test.zip b/RedbullResilience/p3-test/p3-test.zip
index 85bd382..92fa344 100644
Binary files a/RedbullResilience/p3-test/p3-test.zip and b/RedbullResilience/p3-test/p3-test.zip differ
diff --git a/RedbullResilience/tabs.svg b/RedbullResilience/tabs.svg
index 726ea87..d3afa8b 100644
--- a/RedbullResilience/tabs.svg
+++ b/RedbullResilience/tabs.svg
@@ -1,17 +1,17 @@
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 46 562" style="enable-background:new 0 0 46 562;" xml:space="preserve" width="46" height="562">
+<svg version="1.1" id="Calque_1" x="0px" y="0px" width="46" height="562"
+	 viewBox="0 0 46 562" style="enable-background:new 0 0 46 562;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:#E9E8E8;}
-	.st1{fill:#D7104E;}
-	.st2{fill:#FFFFFF;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#D7104E;}
+	g.blue .st1{fill:#1b3281;}
 </style>
-<rect x="0" y="0.5" class="st0" width="46" height="562"/>
+<rect y="0.5" class="st0" width="46" height="562"/>
 <g id="o9">
-	<polyline class="st1" points="22.3,496.4 22.3,509.5 23.3,509.5 23.3,496.4 	"/>
 	<g>
-		<path class="st2" d="M32.1,532.2c0,2.6-0.6,5.1-1.8,7.2c-1.2,2.2-3,4-5.4,5.4s-5.3,2.5-8.7,3.1l-0.2-0.7c2.3-0.5,4.2-1.2,5.6-2.2
-			c1.4-0.9,2.5-2.1,3.2-3.6c0.7-1.4,1.2-3.2,1.4-5.2c-0.6,0.4-1.2,0.7-2,0.9c-0.8,0.2-1.7,0.3-2.8,0.3c-1.5,0-2.8-0.3-4-0.9
-			s-2.1-1.4-2.8-2.6c-0.7-1.1-1-2.5-1-4.1c0-1.7,0.4-3.2,1.3-4.4c0.8-1.2,1.9-2.2,3.3-2.9c1.4-0.7,2.9-1,4.5-1c3,0,5.3,0.9,6.9,2.8
+		<path class="st1" d="M32.1,532.2c0,2.6-0.6,5.1-1.8,7.2c-1.2,2.2-3,4-5.4,5.4s-5.3,2.5-8.7,3.1l-0.2-0.7c2.3-0.5,4.2-1.2,5.6-2.2
+			c1.4-0.9,2.5-2.1,3.2-3.6c0.7-1.4,1.2-3.2,1.4-5.2c-0.6,0.4-1.2,0.7-2,0.9s-1.7,0.3-2.8,0.3c-1.5,0-2.8-0.3-4-0.9
+			s-2.1-1.4-2.8-2.6c-0.7-1.1-1-2.5-1-4.1c0-1.7,0.4-3.2,1.3-4.4c0.8-1.2,1.9-2.2,3.3-2.9s2.9-1,4.5-1c3,0,5.3,0.9,6.9,2.8
 			C31.3,526.4,32.1,529,32.1,532.2z M19.2,529.5c0,2.4,0.3,4.1,1,5.2c0.7,1.1,1.7,1.6,3.2,1.6c1.1,0,2.1-0.2,2.9-0.7
 			c0.1-0.6,0.1-1.2,0.1-1.7c0-0.6,0-1.2,0-1.9c0-2.4-0.1-4.3-0.4-5.7c-0.2-1.4-0.6-2.4-1.1-2.9c-0.5-0.6-1.2-0.9-2.1-0.9
 			c-1.2,0-2.1,0.6-2.7,1.7C19.5,525.2,19.2,527,19.2,529.5z"/>
@@ -19,74 +19,74 @@
 </g>
 <g id="o8">
 	<g>
-		<path class="st2" d="M13.6,477.7c0-1.3,0.5-2.5,1.6-3.5c1.1-1,2.4-1.8,4-2.5c-3.3-1.7-5-4.1-5-7.1c0-1.4,0.4-2.7,1.1-3.7
-			c0.7-1,1.7-1.8,3-2.4s2.7-0.8,4.3-0.8c1.6,0,2.9,0.3,4,0.8c1.1,0.5,1.9,1.2,2.4,2c0.5,0.9,0.8,1.8,0.8,2.8c0,0.8-0.2,1.5-0.6,2.3
-			c-0.4,0.7-1,1.4-1.7,2c-0.7,0.6-1.4,1.1-2.3,1.5c2,1,3.4,2.1,4.4,3.3c1,1.2,1.5,2.7,1.5,4.4c0,2.1-0.8,3.8-2.4,5.1
-			c-1.6,1.3-3.8,1.9-6.5,1.9c-2.8,0-4.9-0.5-6.4-1.6C14.3,481,13.6,479.5,13.6,477.7z M17.7,477.3c0,1.7,0.4,3,1.3,4.1
-			c0.8,1,2,1.6,3.4,1.6c1.3,0,2.3-0.4,3-1.3c0.7-0.9,1-2,1-3.3c0-0.8-0.2-1.6-0.6-2.3c-0.4-0.7-1-1.3-1.9-1.9s-2.2-1.3-3.8-2
-			c-0.1-0.1-0.3-0.1-0.4-0.2c-0.6,0.5-1,1.1-1.3,1.6c-0.3,0.5-0.5,1-0.6,1.6C17.8,475.7,17.7,476.4,17.7,477.3z M18.8,462.3
-			c0,0.8,0.1,1.5,0.4,2.2c0.3,0.7,0.8,1.3,1.7,2c0.8,0.7,2,1.4,3.6,2.1c0.8-0.9,1.3-1.8,1.5-2.6s0.3-1.7,0.3-2.4
-			c0-1.9-0.4-3.2-1.1-4c-0.7-0.8-1.6-1.2-2.8-1.2c-1,0-1.9,0.3-2.6,1C19.2,460.1,18.8,461.1,18.8,462.3z"/>
+		<path class="st1" d="M13.6,477.7c0-1.3,0.5-2.5,1.6-3.5s2.4-1.8,4-2.5c-3.3-1.7-5-4.1-5-7.1c0-1.4,0.4-2.7,1.1-3.7s1.7-1.8,3-2.4
+			s2.7-0.8,4.3-0.8s2.9,0.3,4,0.8s1.9,1.2,2.4,2c0.5,0.9,0.8,1.8,0.8,2.8c0,0.8-0.2,1.5-0.6,2.3c-0.4,0.7-1,1.4-1.7,2
+			s-1.4,1.1-2.3,1.5c2,1,3.4,2.1,4.4,3.3c1,1.2,1.5,2.7,1.5,4.4c0,2.1-0.8,3.8-2.4,5.1c-1.6,1.3-3.8,1.9-6.5,1.9
+			c-2.8,0-4.9-0.5-6.4-1.6C14.3,481,13.6,479.5,13.6,477.7z M17.7,477.3c0,1.7,0.4,3,1.3,4.1c0.8,1,2,1.6,3.4,1.6
+			c1.3,0,2.3-0.4,3-1.3s1-2,1-3.3c0-0.8-0.2-1.6-0.6-2.3c-0.4-0.7-1-1.3-1.9-1.9s-2.2-1.3-3.8-2c-0.1-0.1-0.3-0.1-0.4-0.2
+			c-0.6,0.5-1,1.1-1.3,1.6s-0.5,1-0.6,1.6C17.8,475.7,17.7,476.4,17.7,477.3z M18.8,462.3c0,0.8,0.1,1.5,0.4,2.2s0.8,1.3,1.7,2
+			c0.8,0.7,2,1.4,3.6,2.1c0.8-0.9,1.3-1.8,1.5-2.6s0.3-1.7,0.3-2.4c0-1.9-0.4-3.2-1.1-4s-1.6-1.2-2.8-1.2c-1,0-1.9,0.3-2.6,1
+			C19.2,460.1,18.8,461.1,18.8,462.3z"/>
 	</g>
 </g>
 <g id="o7">
 	<g>
-		<path class="st2" d="M17,421.4l-0.4-0.4l13.6-20.4h-16v-4.1h17.3v2.6l-9.3,22.4H17z"/>
+		<path class="st1" d="M17,421.4l-0.4-0.4l13.6-20.4h-16v-4.1h17.3v2.6l-9.3,22.4H17V421.4z"/>
 	</g>
-	<polyline class="st1" points="22.3,433.4 22.3,446.5 23.3,446.5 23.3,433.4 	"/>
 </g>
 <g id="o6">
 	<g>
-		<path class="st2" d="M22.1,358.2c-2.8,0-5.1-0.9-6.8-2.8c-1.7-1.9-2.6-4.5-2.6-7.9c0-2,0.4-3.9,1.2-5.7c0.8-1.8,1.9-3.3,3.4-4.7
+		<path class="st1" d="M22.1,358.2c-2.8,0-5.1-0.9-6.8-2.8s-2.6-4.5-2.6-7.9c0-2,0.4-3.9,1.2-5.7c0.8-1.8,1.9-3.3,3.4-4.7
 			c1.5-1.4,3.2-2.5,5.2-3.4s4.3-1.4,6.8-1.7l0.1,0.6c-3.2,0.7-5.6,1.9-7.3,3.6c-1.7,1.8-2.8,4.1-3.3,7.2c1.5-0.9,3.2-1.3,5.1-1.3
 			c1.6,0,2.9,0.3,4,1c1,0.7,1.8,1.5,2.4,2.7c0.5,1.1,0.8,2.4,0.8,3.8c0,1.9-0.4,3.4-1.3,4.7c-0.9,1.3-2,2.3-3.4,2.9
 			C25.1,357.8,23.6,358.2,22.1,358.2z M18.5,348.3c0,3.2,0.3,5.6,0.8,7c0.6,1.4,1.4,2.1,2.7,2.1c1.2,0,2.1-0.6,2.7-1.7
-			c0.6-1.1,0.8-3,0.8-5.7c0-2.5-0.3-4.2-0.9-5.2c-0.6-1-1.5-1.5-2.8-1.5c-1.1,0-2.1,0.3-3.1,0.8C18.6,345.4,18.5,346.8,18.5,348.3z"
-			/>
+			s0.8-3,0.8-5.7c0-2.5-0.3-4.2-0.9-5.2s-1.5-1.5-2.8-1.5c-1.1,0-2.1,0.3-3.1,0.8C18.6,345.4,18.5,346.8,18.5,348.3z"/>
 	</g>
-	<polyline class="st1" points="22.3,370.1 22.3,383.1 23.3,383.1 23.3,370.1 	"/>
 </g>
 <g id="o5">
 	<g>
-		<path class="st2" d="M20.9,296.4c-1.5,0-2.9-0.1-4.1-0.4c-1.2-0.3-2.2-0.7-3.2-1.4l0.3-5h0.4l1.8,3.2c0.5,0.9,1.2,1.6,1.9,2.1
+		<path class="st1" d="M20.9,296.4c-1.5,0-2.9-0.1-4.1-0.4s-2.2-0.7-3.2-1.4l0.3-5h0.4l1.8,3.2c0.5,0.9,1.2,1.6,1.9,2.1
 			c0.8,0.4,1.6,0.6,2.5,0.6c3,0,4.5-2.3,4.5-6.9c0-2.1-0.4-3.6-1.2-4.7c-0.8-1.1-2-1.6-3.6-1.6c-0.7,0-1.5,0.1-2.2,0.3
-			c-0.7,0.2-1.4,0.5-2,0.8l-0.7-0.4l0.9-12.1h13.8v4.5h-13l-0.6,6.8c0.6-0.4,1.4-0.9,2.4-1.3c1-0.4,2.1-0.6,3.2-0.6
-			c1.7,0,3.2,0.3,4.5,0.9c1.3,0.6,2.4,1.5,3.1,2.7s1.1,2.6,1.1,4.3c0,1.8-0.4,3.2-1.3,4.5c-0.9,1.2-2.1,2.2-3.6,2.8
-			C24.6,296.1,22.9,296.4,20.9,296.4z"/>
+			c-0.7,0.2-1.4,0.5-2,0.8l-0.7-0.4l0.9-12.1H30v4.5H17l-0.6,6.8c0.6-0.4,1.4-0.9,2.4-1.3s2.1-0.6,3.2-0.6c1.7,0,3.2,0.3,4.5,0.9
+			s2.4,1.5,3.1,2.7s1.1,2.6,1.1,4.3c0,1.8-0.4,3.2-1.3,4.5c-0.9,1.2-2.1,2.2-3.6,2.8C24.6,296.1,22.9,296.4,20.9,296.4z"/>
 	</g>
-	<polyline class="st1" points="22.3,308.4 22.3,321.5 23.3,321.5 23.3,308.4 	"/>
 </g>
 <g id="o4">
 	<g>
-		<path class="st2" d="M21.4,232.1v-6.4H11v-2.2l11.5-16.6h3.9v16h3.7v2.9h-3.7v6.4H21.4z M12.8,222.8h8.6v-12.4L12.8,222.8z"/>
+		<path class="st1" d="M21.4,232.1v-6.4H11v-2.2l11.5-16.6h3.9v16h3.7v2.9h-3.7v6.4L21.4,232.1L21.4,232.1z M12.8,222.8h8.6v-12.4
+			L12.8,222.8z"/>
 	</g>
-	<polyline class="st1" points="22.3,245.4 22.3,258.4 23.3,258.4 23.3,245.4 	"/>
 </g>
 <g id="o3">
 	<g>
-		<path class="st2" d="M21.3,170.4c-1.8,0-3.2-0.2-4.3-0.6c-1.1-0.4-2.2-0.9-3.3-1.4l0.4-5.1h0.4l1.7,3.2c1.2,2.1,2.8,3.1,4.8,3.1
-			c1.2,0,2.2-0.5,2.9-1.5c0.7-1,1.1-2.7,1.1-5.1c0-2.1-0.3-3.6-0.9-4.5c-0.6-0.9-1.7-1.4-3.2-1.4h-2.4v-0.8h2.1c1.4,0,2.4-0.4,3-1.3
-			c0.6-0.8,0.9-2.3,0.9-4.4c0-2-0.3-3.5-0.9-4.3c-0.6-0.9-1.4-1.3-2.4-1.3s-1.8,0.3-2.5,0.9c-0.7,0.6-1.2,1.3-1.6,2l-1.8,3.3l-0.4,0
-			l0.4-5.8c0.8-0.4,1.8-0.7,2.8-0.9c1-0.2,2.2-0.4,3.5-0.4c2.8,0,4.8,0.6,6.3,1.8c1.4,1.2,2.1,2.7,2.1,4.5c0,1.3-0.5,2.5-1.7,3.7
+		<path class="st1" d="M21.3,170.4c-1.8,0-3.2-0.2-4.3-0.6c-1.1-0.4-2.2-0.9-3.3-1.4l0.4-5.1h0.4l1.7,3.2c1.2,2.1,2.8,3.1,4.8,3.1
+			c1.2,0,2.2-0.5,2.9-1.5c0.7-1,1.1-2.7,1.1-5.1c0-2.1-0.3-3.6-0.9-4.5s-1.7-1.4-3.2-1.4h-2.4v-0.8h2.1c1.4,0,2.4-0.4,3-1.3
+			c0.6-0.8,0.9-2.3,0.9-4.4c0-2-0.3-3.5-0.9-4.3c-0.6-0.9-1.4-1.3-2.4-1.3s-1.8,0.3-2.5,0.9c-0.7,0.6-1.2,1.3-1.6,2l-1.8,3.3h-0.4
+			l0.4-5.8c0.8-0.4,1.8-0.7,2.8-0.9s2.2-0.4,3.5-0.4c2.8,0,4.8,0.6,6.3,1.8c1.4,1.2,2.1,2.7,2.1,4.5c0,1.3-0.5,2.5-1.7,3.7
 			c-1.1,1.2-2.8,2-5.2,2.4c2.7,0.2,4.6,1,5.8,2.2c1.2,1.2,1.8,2.7,1.8,4.4c0,1.4-0.4,2.6-1.2,3.7c-0.8,1.1-1.9,2-3.3,2.6
 			C25,170.1,23.3,170.4,21.3,170.4z"/>
 	</g>
-	<polyline class="st1" points="22.3,182.4 22.3,195.4 23.3,195.4 23.3,182.4 	"/>
 </g>
 <g id="o2">
 	<g>
-		<path class="st2" d="M15.1,87.7l0.3-5.6c0.8-0.4,1.8-0.8,2.9-1.1s2.5-0.5,4-0.5c2.1,0,3.8,0.3,5.1,0.9s2.2,1.4,2.8,2.4
+		<path class="st1" d="M15.1,87.7l0.3-5.6c0.8-0.4,1.8-0.8,2.9-1.1s2.5-0.5,4-0.5c2.1,0,3.8,0.3,5.1,0.9s2.2,1.4,2.8,2.4
 			c0.6,1,0.9,2.2,0.9,3.5c0,1.8-0.9,3.6-2.6,5.3c-1.8,1.7-4.2,3.6-7.2,5.7c-0.6,0.4-1.3,0.9-2,1.5c-0.8,0.6-1.5,1.2-2.2,1.8h14.7
-			v4.5H14.4v-3.3c0.9-0.9,1.9-1.8,2.8-2.7s1.8-1.8,2.6-2.6c1.9-1.9,3.3-3.7,4.2-5.2c0.9-1.5,1.4-3.1,1.4-4.9c0-1.8-0.3-3.3-1-4.4
-			c-0.7-1.1-1.6-1.7-2.9-1.7c-0.8,0-1.6,0.2-2.3,0.6c-0.7,0.4-1.3,1.1-1.8,2.1l-1.9,3.7H15.1z"/>
+			v4.5H14.4v-3.3c0.9-0.9,1.9-1.8,2.8-2.7s1.8-1.8,2.6-2.6c1.9-1.9,3.3-3.7,4.2-5.2c0.9-1.5,1.4-3.1,1.4-4.9s-0.3-3.3-1-4.4
+			s-1.6-1.7-2.9-1.7c-0.8,0-1.6,0.2-2.3,0.6c-0.7,0.4-1.3,1.1-1.8,2.1l-1.9,3.7C15.5,87.7,15.1,87.7,15.1,87.7z"/>
 	</g>
-	<polyline class="st1" points="22.3,121.1 22.3,134.1 23.3,134.1 23.3,121.1 	"/>
 </g>
 <g id="o1">
 	<g>
-		<path class="st2" d="M17.1,44.8v-0.4l1.5-0.5c1-0.3,1.5-1,1.5-2v-19l-3.2,0.4v-0.5c1.5-0.3,3-0.8,4.5-1.3c1.4-0.6,2.8-1.2,4-2
-			l0.5,0.4l-0.2,5.6V42c0,1,0.5,1.7,1.5,2l1.6,0.5v0.4H17.1z"/>
+		<path class="st1" d="M17.1,44.8v-0.4l1.5-0.5c1-0.3,1.5-1,1.5-2v-19l-3.2,0.4v-0.5c1.5-0.3,3-0.8,4.5-1.3c1.4-0.6,2.8-1.2,4-2
+			l0.5,0.4l-0.2,5.6V42c0,1,0.5,1.7,1.5,2l1.6,0.5v0.4H17.1V44.8z"/>
 	</g>
-	<polyline class="st1" points="22.3,57.1 22.3,70.1 23.3,70.1 23.3,57.1 	"/>
 </g>
+<polyline class="st2" points="22.3,496.4 22.3,509.5 23.3,509.5 23.3,496.4 "/>
+<polyline class="st2" points="22.3,433.4 22.3,446.5 23.3,446.5 23.3,433.4 "/>
+<polyline class="st2" points="22.3,370.1 22.3,383.1 23.3,383.1 23.3,370.1 "/>
+<polyline class="st2" points="22.3,308.4 22.3,321.5 23.3,321.5 23.3,308.4 "/>
+<polyline class="st2" points="22.3,245.4 22.3,258.4 23.3,258.4 23.3,245.4 "/>
+<polyline class="st2" points="22.3,182.4 22.3,195.4 23.3,195.4 23.3,182.4 "/>
+<polyline class="st2" points="22.3,57.1 22.3,70.1 23.3,70.1 23.3,57.1 "/>
+<polyline class="st2" points="22.3,121.1 22.3,134.1 23.3,134.1 23.3,121.1 "/>
 </svg>