wait #2374 @1.3

diff --git a/AccordHotel-p30-31/page 30/main-cover.js b/AccordHotel-p30-31/page 30/main-cover.js
index aff047bfaf738d3e482f301530f260c1f3317c64..11ba215cd5a600e9424a44e19baf9b29cf977f73 100644 (file)
--- a/AccordHotel-p30-31/page 30/main-cover.js
+++ b/AccordHotel-p30-31/page 30/main-cover.js
@@ -1,3 +1,3 @@
 let tl = new TimelineMax();
 
-tl.to('.bg',5,{scale:1.1});
\ No newline at end of file
+tl.to('.bg',8,{scale:1.1});
\ No newline at end of file

diff --git a/AccordHotel-p30-31/page 31/countUp.min.js b/AccordHotel-p30-31/page 31/countUp.min.js
new file mode 100644 (file)
index 0000000..c17c47b
--- /dev/null
+++ b/AccordHotel-p30-31/page 31/countUp.min.js
@@ -0,0 +1 @@
+!function(a,n){"function"==typeof define&&define.amd?define(n):"object"==typeof exports?module.exports=n(require,exports,module):a.CountUp=n()}(this,function(a,n,t){return function(a,n,t,e,i,r){var u=this;if(u.version=function(){return"1.9.3"},u.options={useEasing:!0,useGrouping:!0,separator:",",decimal:".",easingFn:function(a,n,t,e){return t*(1-Math.pow(2,-10*a/e))*1024/1023+n},formattingFn:function(a){var n,t,e,i,r,o,s=a<0;if(a=Math.abs(a).toFixed(u.decimals),n=(a+="").split("."),t=n[0],e=1<n.length?u.options.decimal+n[1]:"",u.options.useGrouping){for(i="",r=0,o=t.length;r<o;++r)0!==r&&r%3==0&&(i=u.options.separator+i),i=t[o-r-1]+i;t=i}return u.options.numerals.length&&(t=t.replace(/[0-9]/g,function(a){return u.options.numerals[+a]}),e=e.replace(/[0-9]/g,function(a){return u.options.numerals[+a]})),(s?"-":"")+u.options.prefix+t+e+u.options.suffix},prefix:"",suffix:"",numerals:[]},r&&"object"==typeof r)for(var o in u.options)r.hasOwnProperty(o)&&null!==r[o]&&(u.options[o]=r[o]);""===u.options.separator?u.options.useGrouping=!1:u.options.separator=""+u.options.separator;for(var s=0,l=["webkit","moz","ms","o"],m=0;m<l.length&&!window.requestAnimationFrame;++m)window.requestAnimationFrame=window[l[m]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[l[m]+"CancelAnimationFrame"]||window[l[m]+"CancelRequestAnimationFrame"];function d(a){return"number"==typeof a&&!isNaN(a)}window.requestAnimationFrame||(window.requestAnimationFrame=function(a,n){var t=(new Date).getTime(),e=Math.max(0,16-(t-s)),i=window.setTimeout(function(){a(t+e)},e);return s=t+e,i}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(a){clearTimeout(a)}),u.initialize=function(){return!!u.initialized||(u.error="",u.d="string"==typeof a?document.getElementById(a):a,u.d?(u.startVal=Number(n),u.endVal=Number(t),d(u.startVal)&&d(u.endVal)?(u.decimals=Math.max(0,e||0),u.dec=Math.pow(10,u.decimals),u.duration=1e3*Number(i)||2e3,u.countDown=u.startVal>u.endVal,u.frameVal=u.startVal,u.initialized=!0):(u.error="[CountUp] startVal ("+n+") or endVal ("+t+") is not a number",!1)):!(u.error="[CountUp] target is null or undefined"))},u.printValue=function(a){var n=u.options.formattingFn(a);"INPUT"===u.d.tagName?this.d.value=n:"text"===u.d.tagName||"tspan"===u.d.tagName?this.d.textContent=n:this.d.innerHTML=n},u.count=function(a){u.startTime||(u.startTime=a);var n=(u.timestamp=a)-u.startTime;u.remaining=u.duration-n,u.options.useEasing?u.countDown?u.frameVal=u.startVal-u.options.easingFn(n,0,u.startVal-u.endVal,u.duration):u.frameVal=u.options.easingFn(n,u.startVal,u.endVal-u.startVal,u.duration):u.countDown?u.frameVal=u.startVal-(u.startVal-u.endVal)*(n/u.duration):u.frameVal=u.startVal+(u.endVal-u.startVal)*(n/u.duration),u.countDown?u.frameVal=u.frameVal<u.endVal?u.endVal:u.frameVal:u.frameVal=u.frameVal>u.endVal?u.endVal:u.frameVal,u.frameVal=Math.round(u.frameVal*u.dec)/u.dec,u.printValue(u.frameVal),n<u.duration?u.rAF=requestAnimationFrame(u.count):u.callback&&u.callback()},u.start=function(a){u.initialize()&&(u.callback=a,u.rAF=requestAnimationFrame(u.count))},u.pauseResume=function(){u.paused?(u.paused=!1,delete u.startTime,u.duration=u.remaining,u.startVal=u.frameVal,requestAnimationFrame(u.count)):(u.paused=!0,cancelAnimationFrame(u.rAF))},u.reset=function(){u.paused=!1,delete u.startTime,u.initialized=!1,u.initialize()&&(cancelAnimationFrame(u.rAF),u.printValue(u.startVal))},u.update=function(a){u.initialize()&&(d(a=Number(a))?(u.error="",a!==u.frameVal&&(cancelAnimationFrame(u.rAF),u.paused=!1,delete u.startTime,u.startVal=u.frameVal,u.endVal=a,u.countDown=u.startVal>u.endVal,u.rAF=requestAnimationFrame(u.count))):u.error="[CountUp] update() - new endVal is not a number: "+a)},u.initialize()&&u.printValue(u.startVal)}});
\ No newline at end of file

diff --git a/AccordHotel-p30-31/page 31/gotham-bold.woff b/AccordHotel-p30-31/page 31/gotham-bold.woff
new file mode 100644 (file)
index 0000000..3ba9f64
Binary files /dev/null and b/AccordHotel-p30-31/page 31/gotham-bold.woff differ

diff --git a/AccordHotel-p30-31/page 31/gotham-htf-medium.woff b/AccordHotel-p30-31/page 31/gotham-htf-medium.woff
new file mode 100644 (file)
index 0000000..213a928
Binary files /dev/null and b/AccordHotel-p30-31/page 31/gotham-htf-medium.woff differ

diff --git a/AccordHotel-p30-31/page 31/gothamhtf-book.woff b/AccordHotel-p30-31/page 31/gothamhtf-book.woff
new file mode 100644 (file)
index 0000000..d028b51
Binary files /dev/null and b/AccordHotel-p30-31/page 31/gothamhtf-book.woff differ

diff --git a/AccordHotel-p30-31/page 31/index.html b/AccordHotel-p30-31/page 31/index.html
index eb91dc1879cb483ac0e911cab446ca5fe022446e..1de50f7ac55264004f5a366766de0731377281bd 100644 (file)
--- a/AccordHotel-p30-31/page 31/index.html
+++ b/AccordHotel-p30-31/page 31/index.html
@@ -9,15 +9,51 @@
 <canvas id="canvas" width="539" height="749"></canvas>
 
 <div class="container">
+    <!--<img src="bg.png" alt="">-->
     <img class="img1" src="src/img1.jpg" alt="">
     <img class="img2" src="src/img2.jpg" alt="">
     <img class="img3" src="src/img3.jpg" alt="">
     <img class="img4" src="src/img4.jpg" alt="">
+
+    <div class="numbers">
+        <div class="line1"></div>
+        <span id="number1" class="number1">6</span>
+        <span class="txt1">hotels</span>
+
+        <span class="number2" id="number2">2,545</span>
+        <span class="txt2">rooms</span>
+
+        <span class="number3" id="number3">1</span>
+        <span class="txt3">country</span>
+
+        <div class="line2"></div>
+
+        <span class="title">PIPELINE</span>
+
+        <span class="number4" id="number4">16</span>
+        <span class="txt4">hotels</span>
+
+        <span class="number5" id="number5">2,086</span>
+        <span class="txt5">rooms</span>
+
+        <span class="number6" id="number6">3</span>
+        <span class="txt6">countries</span>
+
+        <div class="line3"></div>
+
+        <span class="number7" id="number7">82</span>
+        <span class="percent">%</span>
+        <span class="txt7">of guests characterized their stay<br>at SLS as "memorable".</span>
+
+        <div class="line4"></div>
+
+    </div>
 </div>
 
 <script src="jQuery.js"></script>
 <script src="TweenMax.min.js"></script>
 <script src="TimelineMax.min.js"></script>
+<script src="countUp.min.js"></script>
 <script src="main.js"></script>
 </body>
 </html>
\ No newline at end of file

diff --git a/AccordHotel-p30-31/page 31/main.js b/AccordHotel-p30-31/page 31/main.js
index 8555bd93543fffe5212d9cc29add6cc0e8608ab6..f919020ca2c9c5ece0a1af02dda04f652e8c5e81 100644 (file)
--- a/AccordHotel-p30-31/page 31/main.js
+++ b/AccordHotel-p30-31/page 31/main.js
@@ -1,6 +1,66 @@
 let tl = new TimelineMax();
 
-tl.from('.img1',0.9,{display: 'none',y: -100, opacity:0});
-tl.from('.img2',0.9,{display: 'none',x: 100, opacity:0},"-=0.5");
-tl.from('.img3',0.9,{display: 'none',x: -100, opacity:0},"-=0.5");
-tl.from('.img4',0.9,{display: 'none',y: 100, opacity:0},"-=0.5");
+tl.from('.img1',0.9,{display: 'none', opacity:0},'+=8');
+tl.from('.img2',0.9,{display: 'none', opacity:0});
+tl.from('.img3',0.9,{display: 'none', opacity:0});
+tl.from('.img4',0.9,{display: 'none', opacity:0});
+
+tl.to('.line1',1,{opacity:1},'+=0.2');
+tl.to('.line2',1,{opacity:1},'-=1');
+tl.to('.line3',1,{opacity:1},'-=1');
+tl.to('.line4',1,{opacity:1},'-=1');
+tl.from('.numbers',1,{opacity:0},'-=1');
+tl.from('.number3',0.5,{opacity:0},'+=0.1');
+
+var delay = 13;
+
+
+var id1 = document.getElementById("number1");
+var id2 = document.getElementById("number2");
+var id6 = document.getElementById("number6");
+var id4 = document.getElementById("number4");
+var id5 = document.getElementById("number5");
+var id7 = document.getElementById("number7");
+var hidden = 0;
+var visible = 1;
+var dureeOpacite = delay * 1000;
+
+var options = {
+    useEasing: true,
+    useGrouping: true,
+    separator: ',',
+    decimal: '.',
+};
+var number1 = new CountUp('number1', 0, 6, 0, 2.5, options);
+var number2 = new CountUp('number2', 0, 2545, 0, 2.5, options);
+var number6 = new CountUp('number6', 0, 3, 0, 2.5, options);
+var number4 = new CountUp('number4', 0, 16, 0, 2.5, options);
+var number5 = new CountUp('number5', 0, 2086, 0, 2.5, options);
+var number7 = new CountUp('number7', 0, 82, 0, 2.5, options);
+if (delay > 0){
+    id1.style.opacity = hidden;
+    id2.style.opacity = hidden;
+    id6.style.opacity = hidden;
+    id4.style.opacity = hidden;
+    id5.style.opacity = hidden;
+    id7.style.opacity = hidden;
+    setTimeout(function () {
+        id1.style.opacity = visible;
+        id2.style.opacity = visible;
+        id6.style.opacity = visible;
+        id4.style.opacity = visible;
+        id5.style.opacity = visible;
+        id7.style.opacity = visible;
+    },dureeOpacite );
+}
+function run() {
+    setTimeout(function () {
+        number1.start();
+        number2.start();
+        number6.start();
+        number4.start();
+        number5.start();
+        number7.start();
+    }, delay * 1000);
+}
+run();

diff --git a/AccordHotel-p30-31/page 31/style.css b/AccordHotel-p30-31/page 31/style.css
index 195796a7b07acc2056fded0dc03bff001638db38..7f40a60d22bcb81c6cb8a8539a3070ebb504691b 100644 (file)
--- a/AccordHotel-p30-31/page 31/style.css
+++ b/AccordHotel-p30-31/page 31/style.css
@@ -2,6 +2,15 @@
   margin: 0;
   padding: 0; }
 
+@font-face {
+  font-family: Gotham-Bold;
+  src: url("gotham-bold.woff"); }
+@font-face {
+  font-family: GothamHTF-Book;
+  src: url("gothamhtf-book.woff"); }
+@font-face {
+  font-family: GothamHTF-medium;
+  src: url("gotham-htf-medium.woff"); }
 #canvas {
   display: none;
   position: absolute; }
@@ -63,4 +72,188 @@
   top: 716px;
   left: 47px; }
 
+.numbers {
+  position: absolute;
+  top: 0; }
+
+/***************************** */
+.line1 {
+  position: absolute;
+  background: white;
+  width: 205px;
+  height: 2px;
+  top: 539px;
+  left: 289px;
+  opacity: 0; }
+
+.line2 {
+  position: absolute;
+  background: white;
+  width: 2px;
+  height: 69px;
+  top: 546px;
+  left: 390px;
+  opacity: 0; }
+
+.line3 {
+  position: absolute;
+  background: white;
+  width: 205px;
+  height: 2px;
+  top: 620px;
+  left: 289px;
+  opacity: 0; }
+
+.line4 {
+  position: absolute;
+  background: white;
+  width: 205px;
+  height: 2px;
+  top: 676px;
+  opacity: 0;
+  left: 289px; }
+
+.number1 {
+  position: absolute;
+  color: white;
+  font-family: Gotham-Bold;
+  top: 551px;
+  left: 301px;
+  font-size: 17px; }
+
+.txt1 {
+  color: white;
+  font-family: GothamHTF-Book;
+  position: absolute;
+  top: 560px;
+  left: 316px;
+  font-size: 8px; }
+
+/************************ */
+.number2 {
+  position: absolute;
+  color: white;
+  font-family: Gotham-Bold;
+  top: 571px;
+  left: 301px;
+  font-size: 16px;
+  letter-spacing: -0.4px; }
+
+.txt2 {
+  color: white;
+  font-family: GothamHTF-Book;
+  position: absolute;
+  top: 579px;
+  left: 348px;
+  font-size: 8px; }
+
+/************************ */
+.number3 {
+  position: absolute;
+  color: white;
+  font-family: Gotham-Bold;
+  top: 591px;
+  left: 302px;
+  font-size: 16px;
+  letter-spacing: -0.4px; }
+
+.txt3 {
+  color: white;
+  font-family: GothamHTF-Book;
+  position: absolute;
+  top: 598px;
+  left: 313px;
+  font-size: 8px; }
+
+/************************ */
+.title {
+  position: absolute;
+  color: white;
+  font-family: GothamHTF-medium;
+  font-size: 7px;
+  top: 552px;
+  left: 404px;
+  letter-spacing: 0.4px; }
+
+/************************* */
+.number4 {
+  position: absolute;
+  color: white;
+  font-family: Gotham-Bold;
+  top: 561px;
+  left: 403px;
+  font-size: 16px; }
+
+.txt4 {
+  color: white;
+  font-family: GothamHTF-Book;
+  position: absolute;
+  top: 569px;
+  left: 423px;
+  font-size: 8px; }
+
+/************************* */
+.number5 {
+  position: absolute;
+  color: white;
+  font-family: Gotham-Bold;
+  top: 580px;
+  left: 403px;
+  font-size: 15px;
+  letter-spacing: -0.4px; }
+
+.txt5 {
+  color: white;
+  font-family: GothamHTF-Book;
+  position: absolute;
+  top: 586px;
+  left: 448px;
+  font-size: 8px; }
+
+/************************* */
+.number6 {
+  position: absolute;
+  color: white;
+  font-family: Gotham-Bold;
+  top: 597px;
+  left: 403px;
+  font-size: 15px;
+  letter-spacing: -0.4px; }
+
+.txt6 {
+  color: white;
+  font-family: GothamHTF-Book;
+  position: absolute;
+  top: 602px;
+  left: 417px;
+  font-size: 8px; }
+
+/************************* */
+.number7 {
+  position: absolute;
+  color: white;
+  font-family: Gotham-Bold;
+  top: 633px;
+  left: 301px;
+  font-size: 16px;
+  letter-spacing: -0.4px; }
+
+.percent {
+  position: absolute;
+  color: white;
+  font-family: Gotham-Bold;
+  top: 633px;
+  left: 321px;
+  font-size: 16px;
+  letter-spacing: -0.4px; }
+
+.txt7 {
+  color: white;
+  font-family: GothamHTF-Book;
+  position: absolute;
+  top: 649px;
+  left: 301px;
+  font-size: 7.5px;
+  width: 137px; }
+
 /*# sourceMappingURL=style.css.map */

diff --git a/AccordHotel-p30-31/page 31/style.css.map b/AccordHotel-p30-31/page 31/style.css.map
index 7a48647b8dede46c98a1dcff122ffee33fa45dd6..8bcdb7687de3310434e6dbdf2c42ebfae2e59fe6 100644 (file)
--- a/AccordHotel-p30-31/page 31/style.css.map
+++ b/AccordHotel-p30-31/page 31/style.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "AAAA,CAAC;EACC,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;AACZ,OAAO;EACL,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,QAAQ;;AACpB,UAAU;EACR,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;;AACf,KAAK;EACH,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,KAAK;EACZ,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,KAAK;;AACb,KAAK;EACH,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,KAAK;EACZ,GAAG,EAAE,OAAO;EACZ,IAAI,EAAE,KAAK;EACX,MAAM,EAAE,KAAK;;AACf,KAAK;EACH,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,KAAK;EACZ,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,IAAI;;AACZ,KAAK;EACH,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,KAAK;EACZ,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,IAAI;EACV,MAAM,EAAE,KAAK;;AACf,WAAW;EACT,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EACb,QAAQ,EAAE,MAAM;;AAClB,GAAG;EACD,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;;AACf,MAAM;EACJ,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EACX,GAAG,EAAE,IAAI;EACT,IAAI,EAAE,IAAI;;AACZ,KAAK;EACH,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,KAAK;EACZ,GAAG,EAAE,IAAI;EACT,IAAI,EAAE,KAAK;;AACb,QAAQ;EACN,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EACX,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,IAAI",
+"mappings": "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",
 "sources": ["style.sass"],
 "names": [],
 "file": "style.css"

diff --git a/AccordHotel-p30-31/page 31/style.sass b/AccordHotel-p30-31/page 31/style.sass
index fbda8827a6b85558bff567e438b2981e4f8f1f82..eeace10fdf17b9033f64cb14330bfa538469af7a 100644 (file)
--- a/AccordHotel-p30-31/page 31/style.sass
+++ b/AccordHotel-p30-31/page 31/style.sass
@@ -1,6 +1,15 @@
 *
   margin: 0
   padding: 0
+@font-face
+  font-family: Gotham-Bold
+  src: url("gotham-bold.woff")
+@font-face
+  font-family: GothamHTF-Book
+  src: url("gothamhtf-book.woff")
+@font-face
+  font-family: GothamHTF-medium
+  src: url("gotham-htf-medium.woff")
 #canvas
   display: none
   position: absolute
@@ -50,4 +59,169 @@
   position: absolute
   width: 57px
   top: 716px
-  left: 47px
\ No newline at end of file
+  left: 47px
+.numbers
+  position: absolute
+  top: 0
+/******************************/
+.line1
+  position: absolute
+  background: white
+  width: 205px
+  height: 2px
+  top: 539px
+  left: 289px
+  opacity: 0
+.line2
+  position: absolute
+  background: white
+  width: 2px
+  height: 69px
+  top: 546px
+  left: 390px
+  opacity: 0
+
+.line3
+  position: absolute
+  background: white
+  width: 205px
+  height: 2px
+  top: 620px
+  left: 289px
+  opacity: 0
+
+.line4
+  position: absolute
+  background: white
+  width: 205px
+  height: 2px
+  top: 676px
+  opacity: 0
+  left: 289px
+.number1
+  position: absolute
+  color: white
+  font-family: Gotham-Bold
+  top: 551px
+  left: 301px
+  font-size: 17px
+.txt1
+  color: white
+  font-family: GothamHTF-Book
+  position: absolute
+  top: 560px
+  left: 316px
+  font-size: 8px
+/*************************/
+.number2
+  position: absolute
+  color: white
+  font-family: Gotham-Bold
+  top: 571px
+  left: 301px
+  font-size: 16px
+  letter-spacing: -0.4px
+.txt2
+  color: white
+  font-family: GothamHTF-Book
+  position: absolute
+  top: 579px
+  left: 348px
+  font-size: 8px
+/*************************/
+.number3
+  position: absolute
+  color: white
+  font-family: Gotham-Bold
+  top: 591px
+  left: 302px
+  font-size: 16px
+  letter-spacing: -0.4px
+.txt3
+  color: white
+  font-family: GothamHTF-Book
+  position: absolute
+  top: 598px
+  left: 313px
+  font-size: 8px
+/*************************/
+.title
+  position: absolute
+  color: white
+  font-family: GothamHTF-medium
+  font-size: 7px
+  top: 552px
+  left: 404px
+  letter-spacing: 0.4px
+/**************************/
+.number4
+  position: absolute
+  color: white
+  font-family: Gotham-Bold
+  top: 561px
+  left: 403px
+  font-size: 16px
+.txt4
+  color: white
+  font-family: GothamHTF-Book
+  position: absolute
+  top: 569px
+  left: 423px
+  font-size: 8px
+/**************************/
+.number5
+  position: absolute
+  color: white
+  font-family: Gotham-Bold
+  top: 580px
+  left: 403px
+  font-size: 15px
+  letter-spacing: -0.4px
+.txt5
+  color: white
+  font-family: GothamHTF-Book
+  position: absolute
+  top: 586px
+  left: 448px
+  font-size: 8px
+/**************************/
+.number6
+  position: absolute
+  color: white
+  font-family: Gotham-Bold
+  top: 597px
+  left: 403px
+  font-size: 15px
+  letter-spacing: -0.4px
+.txt6
+  color: white
+  font-family: GothamHTF-Book
+  position: absolute
+  top: 602px
+  left: 417px
+  font-size: 8px
+/**************************/
+.number7
+  position: absolute
+  color: white
+  font-family: Gotham-Bold
+  top: 633px
+  left: 301px
+  font-size: 16px
+  letter-spacing: -0.4px
+.percent
+  position: absolute
+  color: white
+  font-family: Gotham-Bold
+  top: 633px
+  left: 321px
+  font-size: 16px
+  letter-spacing: -0.4px
+.txt7
+  color: white
+  font-family: GothamHTF-Book
+  position: absolute
+  top: 649px
+  left: 301px
+  font-size: 7.5px
+  width: 137px
\ No newline at end of file