From: nael Date: Wed, 19 Dec 2018 14:24:06 +0000 (+0100) Subject: wait #2374 @1.3 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=ea770dbe127d2f29ad18e66300ec915a0bc3ff07;p=Animations.git 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 aff047b..11ba215 100644 --- 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 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=1u.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.frameValu.endVal?u.endVal:u.frameVal,u.frameVal=Math.round(u.frameVal*u.dec)/u.dec,u.printValue(u.frameVal),nu.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 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 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 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 eb91dc1..1de50f7 100644 --- a/AccordHotel-p30-31/page 31/index.html +++ b/AccordHotel-p30-31/page 31/index.html @@ -9,15 +9,51 @@
+ + +
+
+ 6 + hotels + + 2,545 + rooms + + 1 + country + +
+ + PIPELINE + + 16 + hotels + + 2,086 + rooms + + 3 + countries + +
+ + 82 + % + of guests characterized their stay
at SLS as "memorable". + +
+ +
+ \ 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 8555bd9..f919020 100644 --- 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 195796a..7f40a60 100644 --- 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 7a48647..8bcdb76 100644 --- 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 fbda882..eeace10 100644 --- 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