From 7a9caa87010bddfb1fb00dfdf5b16c7887e5220c Mon Sep 17 00:00:00 2001 From: Vincent Vanwaelscappel Date: Tue, 27 Nov 2018 19:12:04 +0100 Subject: [PATCH] wip #2364 @2 --- .gitignore | 4 +++ AccordHotel-p80/index.html | 1 + AccordHotel-p80/main.css | 14 ++++++++++ AccordHotel-p80/main.css.map | 1 + AccordHotel-p80/main.js | 47 +++++++++++++++++++++++++++++++++ AccordHotel-p80/main.less | 3 +++ Capelec/index-EN.html | 50 ++++++++++++++++++++---------------- 7 files changed, 98 insertions(+), 22 deletions(-) create mode 100644 .gitignore create mode 100644 AccordHotel-p80/index.html create mode 100644 AccordHotel-p80/main.css create mode 100644 AccordHotel-p80/main.css.map create mode 100644 AccordHotel-p80/main.js create mode 100644 AccordHotel-p80/main.less diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d3cfac9 --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +# Created by .ignore support plugin (hsz.mobi) +.idea +.gitignore +/AccordHotel-p80/AccordHotel-p80.zip diff --git a/AccordHotel-p80/index.html b/AccordHotel-p80/index.html new file mode 100644 index 0000000..394abda --- /dev/null +++ b/AccordHotel-p80/index.html @@ -0,0 +1 @@ +

\ No newline at end of file diff --git a/AccordHotel-p80/main.css b/AccordHotel-p80/main.css new file mode 100644 index 0000000..955140c --- /dev/null +++ b/AccordHotel-p80/main.css @@ -0,0 +1,14 @@ +#p82-image-1, +#p82-image-2, +#p82-image-3, +#p83-image-1, +#p83-image-2, +#p83-image-3, +#p83-image-4, +#p83-e-46, +#p82-e-81, +#p82-e-82, +#p82-e-83 { + opacity: 0; +} +/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/AccordHotel-p80/main.css.map b/AccordHotel-p80/main.css.map new file mode 100644 index 0000000..c10e487 --- /dev/null +++ b/AccordHotel-p80/main.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["main.less"],"names":[],"mappings":"AAAA;AAAc;AAAc;AAAc;AAAc;AAAc;AAAc;AAAc;AAAW;AAAW;AAAW;EAClI,UAAA","file":"main.css"} \ No newline at end of file diff --git a/AccordHotel-p80/main.js b/AccordHotel-p80/main.js new file mode 100644 index 0000000..9d97d91 --- /dev/null +++ b/AccordHotel-p80/main.js @@ -0,0 +1,47 @@ +$(function () { + setTimeout(start, 500); +}); + +function start() { + var elements = { + "#p83-image-2": {delay: 0, animation: 'fade'}, + "#p82-image-1": {delay: 1, animation: 'blink'}, + '#p82-image-2': {delay: 2, animation: 'fade'}, + '#p82-image-3': {delay: 3, animation: 'blink'}, + "#p83-image-1": {delay: 4, animation: 'fade'}, + "#p83-image-3": {delay: 5, animation: 'blink'}, + "#p83-image-4": {delay: 6, animation: 'fade'}, + '#p83-e-46,#p82-e-81,#p82-e-82,#p82-e-83': {delay: 8, animation: 'blink'}, + }; + + + $.each(elements, function (id, infos) { + var e = $(id); + var delay =infos.delay* (0.6 + Math.random() * 0.2); + var tl = new TimelineMax({delay: delay}); + if (infos.animation === 'blink') { + tl.to(e, 0, {opacity: 0.6}, '+=0.1'); + tl.to(e, 0, {opacity: 0}, "+=0.05"); + tl.to(e, 0, {opacity: 0.8}, "+=0.35"); + tl.to(e, 0, {opacity: 0}, "+=0.1"); + tl.to(e, 0, {opacity: 1}, "+=0.15"); + tl.to(e, 0, {opacity: 0}, "+=0.02"); + tl.to(e, 0, {opacity: 1}, "+=0.5"); + } else { + tl.to(e, 0.6, {opacity: 1}); + } + tl.timeScale(0.9 + Math.random() * 0.2); + }); + +} + +function nToDelay(n) { + console.log(n); + if (n >= 0) { + res = "+=" + n; + } else { + res = '-=' + Math.abs(n); + } + console.log(res); + return res; +} \ No newline at end of file diff --git a/AccordHotel-p80/main.less b/AccordHotel-p80/main.less new file mode 100644 index 0000000..f83387f --- /dev/null +++ b/AccordHotel-p80/main.less @@ -0,0 +1,3 @@ +#p82-image-1, #p82-image-2, #p82-image-3, #p83-image-1, #p83-image-2, #p83-image-3, #p83-image-4, #p83-e-46, #p82-e-81, #p82-e-82, #p82-e-83 { + opacity: 0; +} \ No newline at end of file diff --git a/Capelec/index-EN.html b/Capelec/index-EN.html index d621a08..cd98313 100644 --- a/Capelec/index-EN.html +++ b/Capelec/index-EN.html @@ -11,32 +11,38 @@

BROCHURES

- - innovation and responsiveness
- focusing on user needs
- corporate presentation - -

+ + + innovation and responsiveness
+ focusing on user needs
+ corporate presentation + +

- - equipement and technologies
- light vehicule - -

+ + + equipement and technologies
+ light vehicule + +

- - equipement and software
- hgv - -

+ + + equipement and software
+ hgv + +

-- 2.39.5