From: nael <nael@cubedesigners.com>
Date: Fri, 21 Dec 2018 10:16:04 +0000 (+0100)
Subject: wait #2463 ajout version EN
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=f22e64dd05321ea710aea85560aa8398c9f82928;p=Animations.git

wait #2463 ajout version EN
---

diff --git a/Fluidbook-presentation-quotes/p4/index.html b/Fluidbook-presentation-quotes/p4/index.html
index a713d86..37ebdbd 100644
--- a/Fluidbook-presentation-quotes/p4/index.html
+++ b/Fluidbook-presentation-quotes/p4/index.html
@@ -9,13 +9,13 @@
 <canvas id="canvas" width="601" height="779"></canvas>
 
 <div class="container">
-    <!--<img src="bg.png" alt="">-->
+    <!--<img src="bg2.png" alt="">-->
 
     <div class="all">
         <div class="inset"></div>
-        <p class="title">Nous sommes fiers de notre application et
-            nous souhaitons continuer à offrir la meilleure
-            solution qui soit</p>
+        <p class="title">We are proud of our application and we
+        put all our effort into delivering the best
+        solution on the market.</p>
     </div>
     <img class="quote1" src="src/quote1.svg" alt="">
     <img class="quote2" src="src/quotes2.svg" alt="">
diff --git a/Fluidbook-presentation-quotes/p4/main.js b/Fluidbook-presentation-quotes/p4/main.js
index c50b3dd..de4979b 100644
--- a/Fluidbook-presentation-quotes/p4/main.js
+++ b/Fluidbook-presentation-quotes/p4/main.js
@@ -1,20 +1,20 @@
 // Wrap every letter in a span
 $('.title').each(function(){
-    $(this).html($(this).text().replace(/([^\x00-\x80]|\w)/g, "<span class='letter'>$&</span>"));
+    $(this).html($(this).text().replace(/([^a-z]|[^\x00-\x80]|\w)/g, "<span class='letter'>$&</span>"));
 });
 
 let title = document.getElementsByClassName('title');
 let letter = document.getElementsByClassName('letter');
 let br = document.createElement("br");
 
-var arrIndexes = [35, 76];
+var arrIndexes = [41, 90];
 $(letter).filter(function(index) {
     return arrIndexes.indexOf(index) > -1;
 }).prepend(br);
 
 let tl = new TimelineMax();
- tl.from('.quote1',1,{opacity:0,top:460});
- tl.from('.quote2',1,{opacity:0,top:520},'+=4.8');
+ tl.from('.quote1',1,{opacity:0,top:484});
+ tl.from('.quote2',1,{opacity:0,top:540},'+=6.3');
 
  let tl2 = new TimelineMax();
  tl2.from('.all',1,{opacity:0},'+=1');
diff --git a/Fluidbook-presentation-quotes/p4/style.sass b/Fluidbook-presentation-quotes/p4/style.sass
index 7cc2d95..0c2277d 100644
--- a/Fluidbook-presentation-quotes/p4/style.sass
+++ b/Fluidbook-presentation-quotes/p4/style.sass
@@ -17,10 +17,11 @@ $fontcolor: #19344D
   line-height: 1.10
   color: $fontcolor
   opacity: 1!important
+  width: 500px
 
 .all
   position: absolute
-  top: 478px
+  top: 496px
   left: 80px
 .inset
   float: left
@@ -31,10 +32,10 @@ $fontcolor: #19344D
 .quote1
   position: absolute
   width: 20px
-  top: 487px
+  top: 504px
   left: 84px
 .quote2
   position: absolute
   width: 20px
-  top: 542px
-  left: 243px
+  top: 560px
+  left: 303px