Skip to content

Instantly share code, notes, and snippets.

@mfrancois3k
Forked from amitabhaghosh197/lemp1.js
Last active May 31, 2023 23:51
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mfrancois3k/cb344196e0736c947902bd9d916e2b63 to your computer and use it in GitHub Desktop.
Save mfrancois3k/cb344196e0736c947902bd9d916e2b63 to your computer and use it in GitHub Desktop.
gsap awwwards wheel scroll functions snippets
function smoothScroll() {
var a = $(window);
a.on("mousewheel DOMMouseScroll", function(b) {
b.preventDefault();
b = b.originalEvent.wheelDelta / 120 || -b.originalEvent.detail / 3;
b = a.scrollTop() - parseInt(280 * b);
TweenMax.to(a, 1.1, {
scrollTo: {
y: b,
autoKill: !0
},
ease: Power1.easeOut,
overwrite: 5
})
})
}
function setScrollIcon() {
setTimeout(function() {
$(".scrollDown").hasClass("on") ? $(".scrollDown").removeClass("on") : $(".scrollDown").addClass("on");
setScrollIcon()
}, 4E3)
}
function setAnimLogo() {
setTimeout(function() {
$logo = $(".logo a img");
$date = new Date;
setTimeout(function() {
$logo.attr("src", "./WD_IMAGES/GLOBAL/animation-logo-lempens-design.gif?" + $date.getTime() + "")
}, 1E3);
setAnimLogo()
}, 3E4)
}
function detectDevicesandScreens() {
$ifLargeScreen = function() {
return 1600 < $(window).width() ? !0 : !1
}
}
function adapt_mainPic_height() {
var a = $(window).height();
$(".mainPicture").height(a)
}
function rotateH1() {
$(".rotateH1").each(function(a) {
$(this).prepend('<h1 class="rotateXh1"><span>' + $(this).text() + "</span></h1>")
});
(new ScrollScene({
triggerElement: ".rotateH1FR",
triggerHook: .85,
duration: 500
})).addTo($controller).setTween([TweenMax.fromTo($(".rotateH1FR"), 1, {
rotationX: -110
}, {
rotationX: 0,
ease: Linear.easeNone
}), TweenMax.fromTo($(".rotateH1FR").children(".rotateXh1"), 1, {
backgroundColor: "#dcdbdc"
}, {
backgroundColor: "#868586",
ease: Linear.easeNone
})]);
(new ScrollScene({
triggerElement: ".rotateH1LU",
triggerHook: .85,
duration: 500
})).addTo($controller).setTween([TweenMax.fromTo(".rotateH1LU", 1, {
rotationX: -110
}, {
rotationX: 0,
ease: Linear.easeNone
}), TweenMax.fromTo($(".rotateH1LU").children(".rotateXh1"), 1, {
backgroundColor: "#E1DFDE"
}, {
backgroundColor: "#868586",
ease: Linear.easeNone
})]);
(new ScrollScene({
triggerElement: ".rotateH1BE",
triggerHook: 1,
duration: 500
})).addTo($controller).setTween([TweenMax.fromTo(".rotateH1BE", 1, {
rotationX: -110
}, {
rotationX: 0,
ease: Linear.easeNone
}), TweenMax.fromTo($(".rotateH1BE").children(".rotateXh1"),
1, {
backgroundColor: "#DCDBDC"
}, {
backgroundColor: "#868586",
ease: Linear.easeNone
})])
}
function subnav(a, b, c) {
var d = a.find("li").length;
$(".subnav");
switch (b) {
case "hover":
a.find(".subnav").width(177).css({
overflow: "visible"
});
TweenMax.to(a, .35, {
backgroundColor: "#fff",
ease: "Expo.easeOut"
});
TweenMax.to(a.children("a"), .35, {
backgroundPosition: "center 0px",
ease: "Expo.easeOut"
});
for ($i = 0; $i <= d; $i++) TweenMax.fromTo(a.find("li").eq($i), .35, {
rotationX: 89,
height: 0
}, {
delay: .15 * $i,
rotationX: 0,
height: c,
ease: "Expo.easeOut"
}), TweenMax.to(a.find("li").eq($i).children(".after"), .35, {
delay: .15 * $i,
opacity: 0
});
categorizr.isDesktop && (a.find("li").on($mouseEventHover, function() {
subnavLi($(this), "hover")
}), a.find("li").on($mouseEventOut, function() {
subnavLi($(this), "out")
}), a.find("li").on($mouseEventClick, function() {
var a = $(this).attr("class"),
b = 300;
"france" == a && (b = 500);
TweenMax.to($(window), 1.3, {
scrollTo: {
y: $("#" + a).position().top + b
},
ease: Expo.easeInOut
})
}));
break;
case "out":
TweenMax.to(a, .35, {
backgroundColor: "#ca0a60",
ease: "Back.easeOut"
}), TweenMax.to(a.children("a"), .35, {
backgroundPosition: "center -22px",
ease: "Back.easeOut"
}), a.find(".subnav").width(0).css({
overflow: "hidden"
}), TweenMax.to(a.find("li"), 0, {
height: 0,
rotationX: 90
}), TweenMax.to(a.find("li").children(".after"), 0, {
opacity: 1
})
}
}
function subnavLi(a, b) {
switch (b) {
case "hover":
TweenMax.to(a, .3, {
borderWidth: 2,
x: 25,
rotationY: 0,
ease: "Back.easeInOut"
});
TweenMax.fromTo(a.find(".logorub"), .7, {
rotationY: 0
}, {
rotationY: 360,
ease: Back.easeOut
});
break;
case "out":
TweenMax.to(a, .3, {
borderWidth: 0,
x: 0,
rotationY: 0,
ease: "Back.easeInOut"
})
}
}
function animate_illustration(a, b) {
$("#" + a).find("div");
TweenMax.killTweensOf($("#" + a));
switch (b) {
case "start":
setTimeout(function() {
$("#" + a).find('div:not(".cloud,.country_name")').each(function(a) {
TweenMax.to($(this), .5, {
delay: .15 * a,
rotationX: 0,
opacity: 1,
ease: "Back.easeOut",
startAt: {
visibility: "visible"
}
})
})
}, 100);
setTimeout(function() {
$("#" + a).find("div.cloud").each(function(a) {
TweenMax.fromTo($(this), .5, {
scale: 3,
opacity: 0,
rotationX: 0,
visibility: "visible"
}, {
delay: .15 * a,
scale: 1,
opacity: 1,
ease: "Back.easeOut"
})
})
},
400);
setTimeout(function() {
TweenMax.to($("#" + a).find("div.country_name"), .5, {
opacity: 1,
left: $("#" + a).find("div.country_name").data("posx") + "%",
ease: "Back.easeOut"
})
}, 1E3);
break;
case "end":
setTimeout(function() {
$("#" + a).find('div:not(".cloud,.country_name")').each(function(a) {
TweenMax.fromTo($(this), .5, {
rotationX: 0,
startAt: {
visibility: "visible"
}
}, {
delay: .15 * a,
rotationX: -89,
ease: "Back.easeIn",
opacity: 0,
onCompleteParams: [$(this)],
onComplete: function(a) {
a.css({
visibility: "hidden",
opacity: 1
})
}
})
})
}, 400),
$("#" + a).find("div.cloud").each(function(a) {
TweenMax.fromTo($(this), .5, {
scale: 1,
opacity: 1,
startAt: {
visibility: "visible"
}
}, {
delay: .15 * a,
scale: 0,
ease: "Back.easeIn",
opacity: 0,
onCompleteParams: [$(this)],
onComplete: function(a) {
$(this).css({
visibility: "hidden",
opacity: 1,
scale: 3
})
}
})
}), setTimeout(function() {
$("#" + a).find("div.country_name").each(function(a) {
TweenMax.to($(this), .5, {
delay: .15 * a,
opacity: 0,
left: "20%",
ease: "Back.easeOut"
})
})
}, 1E3)
}
}
function init_slides() {
TweenMax.killTweensOf($(".skills_circles"), $(".skills_softwares"));
$(".svgCircle").removeClass("animate");
$(".activeThumb").css("opacity", 0);
$(".skills_circles").find("h1").css("opacity", 0);
$(".skills_softwares").children(".row").css({
top: 0,
opacity: 0
});
$(".skills_softwares").find(".col").children("div").css({
height: 0
});
$(".skills_softwares").find(".col").children("h1").css({
marginBottom: -10,
opacity: 0
});
$(".skills_softwares").next("p").css({
opacity: 0
})
}
function anim_slide_skills_circles() {
$(".svgCircle").each(function(a) {
$(this).delay(580 * a).fadeIn(0, function() {
$(this).addClass("animate")
})
});
$(".activeThumb").each(function(a) {
$(this).delay(580 * a).fadeIn(0, function() {
TweenMax.fromTo($(this), .3, {
scale: .2,
opacity: 0,
y: -90
}, {
opacity: 1,
scale: 1,
y: 0,
ease: Back.easeOut
})
})
});
$(".skills_circles").find("h1").each(function(a) {
$(this).delay(680 * a).fadeIn(0, function() {
TweenMax.fromTo($(this), .3, {
opacity: 0,
y: -35
}, {
opacity: 1,
y: 0,
ease: Back.easeOut
})
})
})
}
function anim_slide_skills_softwares() {
1 < $(".skills_softwares").length && $(".skills_softwares").eq(0).remove();
$(".skills_softwares").children(".row").each(function(a) {
$(this).delay(150 * a).fadeIn(0, function() {
TweenMax.to($(this), .3, {
top: 45 * a,
opacity: 1,
ease: Back.easeOut
})
})
});
setTimeout(function() {
$(".skills_softwares").find(".col").children("div").each(function(a) {
$(this).delay(150 * a).fadeIn(0, function() {
TweenMax.to($(this), .3, {
height: parseInt(1.8 * $(this).data("skills")),
ease: Back.easeOut
})
})
})
}, 750);
setTimeout(function() {
TweenMax.to($(".skills_softwares").next("p"), 1.5, {
opacity: 1,
ease: Back.easeOut
})
}, 1500);
setTimeout(function() {
$(".skills_softwares").find(".col").children("h1").each(function(a) {
$(this).delay(150 * a).fadeIn(0, function() {
TweenMax.to($(this), .3, {
marginBottom: 20,
opacity: 1,
ease: Back.easeOut
})
})
})
}, 750)
}
function int_interests_icons() {
TweenMax.fromTo($(".heart img"), .45, {
scale: 1.4
}, {
repeatDelay: .5,
scale: 1,
repeat: -1,
ease: Back.easeOut
});
$("#interests_about_me").find("span").each(function(a) {
a *= 145;
TweenMax.to($(this), 0, {
startAt: {
backgroundPosition: "-" + a + "px 0"
}
});
$(this).on("mouseenter", function() {
var a = $(this).css("backgroundPosition").split(" ")[0];
$(this).parent().append('<div class="fillBg"></div>');
TweenMax.to($(this), .6, {
backgroundPosition: a + " -145px",
ease: Back.easeOut
});
TweenMax.to($(this).parent().children(".fillBg"),
.3, {
height: 145,
ease: Back.easeOut
})
});
$(this).on("mouseleave", function() {
var a = $(this).css("backgroundPosition").split(" ")[0];
TweenMax.to($(this), .6, {
backgroundPosition: a + " 0px",
ease: Back.easeIn
});
TweenMax.to($(this).parent().children(".fillBg"), .3, {
height: 0,
ease: Back.easeIn,
onCompleteParams: [$(this).parent().children(".fillBg")],
onComplete: function(a) {
a.remove()
}
})
})
})
}
$increment = 0;
function countAwards() {
var a = $("#awards .counter"),
b = $(".slideAwards .slick-slide:not(.slick-cloned) a:not(.not_awards)").length,
c;
c = setInterval(function() {
$increment < b + 1 ? (a.html($increment), $increment++) : clearInterval(c)
}, 120)
};
(function(g, c, d) {
"undefined" != typeof module ? module.exports = d(g, c) : "function" == typeof define && "object" == typeof define.amd ? define(d) : c[g] = d(g, c)
})("categorizr", this, function(g, c) {
function d() {
for (var a = k.length; a--;) e["is" + k[a]] = m(k[a].toLowerCase()), n && (c.$["is" + k[a]] = m(k[a].toLowerCase()));
b && (p.className = p.className.replace(/(^|\s)desktop|tablet|tv|mobile(\s|$)/, "$1$2") + (" " + h));
q && c.$(c).trigger("deviceChange", [{
type: h
}])
}
var f, b = null != c && c == c.window,
l = !b,
n = b && c.$,
q = function() {
var a;
return n && (a =
c.$("").trigger), a
}(),
p = l ? null : document.documentElement,
k = ["Tv", "Desktop", "Tablet", "Mobile"],
l = function(a) {
return a.match(/GoogleTV|SmartTV|Internet.TV|NetCast|NETTV|AppleTV|boxee|Kylo|Roku|DLNADOC|CE\-HTML/i) ? "tv" : a.match(/Xbox|PLAYSTATION.3|Wii/i) ? "tv" : a.match(/iPad/i) || a.match(/tablet/i) && !a.match(/RX-34/i) && !a.match(/pc/i) || a.match(/FOLIO/i) ? "tablet" : a.match(/Linux/i) && a.match(/Android/i) && !a.match(/Fennec|mobi|HTC.Magic|HTCX06HT|Nexus.One|SC-02B|fone.945/i) ? "tablet" : a.match(/Kindle/i) || a.match(/Mac.OS/i) &&
a.match(/Silk/i) ? "tablet" : a.match(/GT-P10|SC-01C|SHW-M180S|SGH-T849|SCH-I800|SHW-M180L|SPH-P100|SGH-I987|zt180|HTC(.Flyer|\_Flyer)|Sprint.ATP51|ViewPad7|pandigital(sprnova|nova)|Ideos.S7|Dell.Streak.7|Advent.Vega|A101IT|A70BHT|MID7015|Next2|nook/i) || a.match(/MB511/i) && a.match(/RUTEM/i) ? "tablet" : a.match(/BOLT|Fennec|Iris|Maemo|Minimo|Mobi|mowser|NetFront|Novarra|Prism|RX-34|Skyfire|Tear|XV6875|XV6975|Google.Wireless.Transcoder/i) ? "mobile" : a.match(/Opera/i) && a.match(/Windows.NT.5/i) && a.match(/HTC|Xda|Mini|Vario|SAMSUNG\-GT\-i8000|SAMSUNG\-SGH\-i9/i) ?
"mobile" : a.match(/Windows.(NT|XP|ME|9)/) && !a.match(/Phone/i) || a.match(/Win(9|.9|NT)/i) ? "desktop" : a.match(/Macintosh|PowerPC/i) && !a.match(/Silk/i) ? "desktop" : a.match(/Linux/i) && a.match(/X11/i) ? "desktop" : a.match(/Solaris|SunOS|BSD/i) ? "desktop" : a.match(/Bot|Crawler|Spider|Yahoo|ia_archiver|Covario-IDS|findlinks|DataparkSearch|larbin|Mediapartners-Google|NG-Search|Snappy|Teoma|Jeeves|TinEye/i) && !a.match(/Mobile/i) ? "desktop" : "mobile"
},
h = l(c.navigator ? c.navigator.userAgent : c.request ? c.request.headers["user-agent"] :
"No User-Agent Provided"),
m = function(a) {
return h === a
},
e = function() {
var a = [].slice.call(arguments, 0);
return 2 === a.length && h === a[0] ? (h = a[1], d()) : 1 === a.length && "string" == typeof a[0] && (h = a[0], d()), h
};
e.is = m;
e.test = l;
d();
if (n) {
for (f in e) Object.hasOwnProperty.call(e, f) && (c.$["test" == f ? "testUserAgent" : "is" == f ? "isDeviceType" : f] = e[f]);
c.$.categorizr = e
}
return e
});
$(function() {
$.html5Loader({
filesToLoad: "spip.php?page=inc_preload.json",
onBeforeLoad: function() {
$('<div class="stroke"></div><div class="countdown">0 %</div>').appendTo("#preload");
$("#preload > .stroke").delay(800).queue(function() {
$(this).addClass("on").dequeue()
});
$("#preload > img").delay(1200).queue(function() {
$(this).addClass("on").dequeue()
});
$("#preload > .countdown").delay(1400).queue(function() {
$(this).addClass("on").dequeue()
})
},
onUpdate: function(b) {
setTimeout(function() {
$("#preload > .countdown").html(b +
" %");
100 == b && ($endTransition = "webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend", setTimeout(function() {
$(window).scrollTop(0)
}, 200), $("#preload > img").removeClass("on").on($endTransition, function() {
$("#preload > .countdown").removeClass("on");
$("#preload > .stroke").addClass("on2").on($endTransition, function() {
$(this).addClass("on3");
$(".upper, .lower").addClass("on").on($endTransition, function() {
$(".logo a img").attr("src", "./WD_IMAGES/GLOBAL/animation-logo-lempens-design.gif").addClass("on");
$("#preload").remove();
setAnimLogo()
})
})
}))
}, 2E3)
}
});
$nav = $(".navButton");
$subnav = $(".subnav");
$main = $("#main");
$liHeightMenu = 130;
$liHeightShare = 97;
$minHeightSubnav = 10;
$controller = new ScrollMagic;
$mouseEventOut = $mouseEventHover = $mouseEventClick = null;
categorizr.isDesktop && ($main.addClass("on"), $("body").addClass("desktop"), $mouseEventClick = "click", $mouseEventHover = "mouseenter", $mouseEventOut = "mouseleave");
categorizr.isTablet && ($("body").addClass("tablet"), $mouseEventHover = $mouseEventClick = "tap", $('<script src="WD_SCRIPTS/JS/iscroll/iscroll.js" type="text/javascript">\x3c/script>').appendTo($("head")),
$('<script src="WD_SCRIPTS/JS/iscroll/iscroll-probe.js" type="text/javascript">\x3c/script>').appendTo($("head")), $main.wrapInner('<div id="slider"></div>'), $controller = new ScrollMagic({
container: "#main"
}), $myScroll = new IScroll("#main", {
scrollX: !1,
scrollY: !0,
scrollbars: "clip",
useTransition: !0,
probeType: 3
}), document.addEventListener("touchmove", function(b) {
b.preventDefault()
}, !1), $controller.scrollPos(function() {
return -$myScroll.y
}), $myScroll.on("scroll", function() {
$controller.update()
}));
/* categorizr.isMobile &&
($("body").addClass("mobile"), $mouseEventHover = $mouseEventClick = "tap", $date = new Date, $("body").html(""), $('<div class="mobileUnderProgress"><h1>Version mobile en construction<br>Mobile version under construction</h1><img src="./WD_IMAGES/GLOBAL/animation-logo-lempens-design.gif?' + $date.getTime() + '" alt="S\u00c3\u00a9bastien Lempens Design - http://www.lempens-design.com"></div>').prependTo("body"));*/
setScrollIcon();
smoothScroll();
detectDevicesandScreens();
int_interests_icons();
adapt_mainPic_height();
rotateH1();
(new ScrollScene({
triggerElement: "#france .mainPicture",
triggerHook: 0,
duration: 5
})).addTo($controller).on("start", function(b) {
"FORWARD" == b.scrollDirection && (animate_illustration("illustration_france", "start"), subnav($(".btn-menu"), "out", $liHeightMenu))
}).on("end", function(b) {
"REVERSE" == b.scrollDirection && (animate_illustration("illustration_france", "end"), animate_illustration("illustration_luxembourg", "end"), animate_illustration("illustration_belgique", "end"), $increment = 0, setTimeout(function() {
$("#awards .counter").html("-")
},
300))
});
categorizr.isDesktop && (new ScrollScene({
triggerElement: "#france .mainPicture",
triggerHook: 0,
duration: $(window).height()
})).addTo($controller).setTween(TweenMax.fromTo("#france .mainPicture", 1, {
backgroundPosition: "center 0px"
}, {
backgroundPosition: "center 200px",
ease: Linear.easeNone
}));
categorizr.isDesktop && (new ScrollScene({
triggerElement: "#france .mainPicture > .fadeMainPicture",
triggerHook: 0,
duration: $(window).height()
})).addTo($controller).setTween(TweenMax.to("#france .mainPicture > .fadeMainPicture",
1, {
opacity: .4
}));
(new ScrollScene({
triggerElement: $(".apropos-1"),
triggerHook: .4,
offset: 50,
duration: $(window).height() / 2
})).addTo($controller).on("start end", function(b) {
"DURING" == b.state && TweenMax.to($(".apropos-1").find(".stickers_next"), .3, {
scale: 1,
ease: Back.easeOut
})
}).on("leave", function(b) {
TweenMax.to($(".apropos-1").find(".stickers_next"), .3, {
scale: 0,
ease: Back.easeIn
})
});
(new ScrollScene({
triggerElement: $(".apropos-1"),
triggerHook: .4,
offset: 350,
duration: $(window).height()
})).addTo($controller).setTween(TweenMax.to($(".animationMetro"),
1, {
css: {
backgroundPosition: "2000px bottom"
},
ease: Linear.easeNone
}));
(new ScrollScene({
triggerElement: $(".apropos-2"),
triggerHook: .9,
duration: 350
})).addTo($controller).setTween(TweenMax.to($(".apropos-2"), 1, {
backgroundColor: "#714463",
ease: Linear.easeNone
}));
(new ScrollScene({
triggerElement: "#luxembourg .mainPicture",
triggerHook: 0,
duration: $("#luxembourg .mainPicture").height() / 4
})).addTo($controller).on("start", function(b) {
"FORWARD" == b.scrollDirection && animate_illustration("illustration_luxembourg",
"start")
});
(new ScrollScene({
triggerElement: "#luxembourg .mainPicture > .fadeMainPicture",
triggerHook: 0,
duration: $(window).height()
})).addTo($controller).setTween(TweenMax.to("#luxembourg .mainPicture > .fadeMainPicture", 1, {
opacity: .4
}));
categorizr.isDesktop && (1200 > $(window).width() ? ($bgpFrom = "center -50px", $bgpTo = "center 150px") : ($bgpFrom = "center -200px", $bgpTo = "center 0px"), $(window).resize(function() {
1200 > $(this).width() ? ($bgpFrom = "center -50px", $bgpTo = "center 150px") : ($bgpFrom = "center -200px",
$bgpTo = "center 0px")
}), (new ScrollScene({
triggerElement: "#luxembourg .mainPicture",
triggerHook: .85,
duration: $(window).height() + 800
})).addTo($controller).setTween(TweenMax.fromTo("#luxembourg .mainPicture", 1, {
backgroundPosition: $bgpFrom
}, {
backgroundPosition: $bgpTo,
ease: Linear.easeNone
})));
(new ScrollScene({
triggerElement: ".portfolio-tab",
triggerHook: 1,
duration: 200
})).on("end", function(b) {
"REVERSE" == b.scrollDirection && $("#portfolio-details,#portfolio .prow, #top-left-fixed-block,.portfolio-tab,.portfolio-nav").removeClass("on")
}).addTo($controller);
(new ScrollScene({
triggerElement: "#awards",
triggerHook: .85,
duration: $(window).height() + 400
})).setTween(TweenMax.to($(".raylight"), 3, {
rotation: 180,
ease: Linear.easeNone
})).addTo($controller);
(new ScrollScene({
triggerElement: "#awards",
triggerHook: .7,
duration: $(window).height() - 150
})).on("start", function(b) {
"FORWARD" == b.scrollDirection && countAwards()
}).on("end", function(b) {
"REVERSE" == b.scrollDirection && countAwards()
}).addTo($controller);
(new ScrollScene({
triggerElement: "#awards",
triggerHook: .3,
duration: $(window).height() /
2
})).on("start", function(b) {
$("#portfolio-details").hasClass("on") && $("#portfolio-details,#portfolio .prow, #top-left-fixed-block,.portfolio-tab,.portfolio-nav").removeClass("on")
}).addTo($controller);
if ($("#portfolio-details").length) {
var g = function() {
$posYportfolio = parseInt($("#portfolio").position().top + 80);
$("#portfolio-details").css("top", $posYportfolio)
},
c = function() {
d();
$("#portfolio-details .row").each(function() {
$(this).removeClass("on noMouseOut")
});
$("#portfolio-details section").each(function() {
$(this).removeClass("on")
});
$("#portfolio-details .slideshow").slickPause()
},
d = function() {
setTimeout(function() {
$("#portfolio-details > div:first").mCustomScrollbar("scrollTo", "top")
}, 500)
},
f = function() {
$(".portfolio-nav").delay(600).queue(function() {
$(this).addClass("on").dequeue();
$(this).find("span").on($mouseEventClick, function() {
$index = $(this).data("type");
$(this).addClass("on").siblings().removeClass("on");
$filter = $(this).data("type");
void 0 == $filter && ($filter = "all");
$("#portfolio-details .row").each(function(b) {
$(this).data("type") ==
$filter ? ($index = $(this).data("index"), $(this).addClass("filtered").prependTo(".mCSB_container")) : $(this).removeClass("filtered");
"all" == $filter && ($index = $(this).data("index"), $(this).removeClass("filtered"));
$("section[data-index=" + $index + "]").each(function(b) {
$(this).eq(b).prependTo("#portfolio-details > div:last");
$("#portfolio-details nav").prependTo("#portfolio-details > div:last")
})
});
c();
$("#portfolio-details .row:first").addClass("on noMouseOut");
$("#portfolio-details section:first").addClass("on").find(".slideshow").slickPlay()
})
});
$(".portfolio-tab").addClass("on")
};
$("#portfolio .prow").on($mouseEventClick, function() {
$("#portfolio-details").addClass("on");
g();
categorizr.isDesktop ? $("html, body").animate({
scrollTop: parseInt($("#luxembourg").position().top + $posYportfolio - 200)
}, 1E3) : $myScroll.scrollToElement(document.querySelector(".portfolio-nav"), 0, null, null, !0);
$("#top-left-fixed-block").addClass("on");
$currentClickedThumb = $(this).children().data("index");
$("section[data-index=" + $currentClickedThumb + "]").prependTo("#portfolio-details > div:last").addClass("on").find(".slideshow").slickPlay();
$("#portfolio-details .row[data-index=" + $currentClickedThumb + "]").addClass("on noMouseOut filtered").prependTo(".mCSB_container");
$("#portfolio-details nav").prependTo("#portfolio-details > div:last");
f()
});
$("#portfolio .prow").on($mouseEventHover, function() {
$(this).hasClass("on") || $(this).addClass("on").siblings().removeClass("on").parent(".column").siblings().children().removeClass("on");
$(".portfolio-tab").on($mouseEventOut, function() {
$("#portfolio .prow").removeClass("on")
})
});
$("#portfolio-details > div:first").mCustomScrollbar({
scrollButtons: {
enable: !0
}
});
$("#portfolio-details .slideshow").slick({
cssEase: "cubic-bezier(1.000, 0.000, 0.000, 1.000)",
arrows: !1,
draggable: !1,
autoplay: !0,
speed: 800,
dots: !0,
autoplaySpeed: 3E3
});
$("#portfolio-details .slideshow").slickPause();
$("#portfolio-details .row").on("click", function() {
var b = $(this);
$("#portfolio-details .row").removeClass("on noMouseOut");
b.addClass("on noMouseOut");
$index = b.data("index");
$currentSection = $("#portfolio-details").find("section[data-index=" + $index + "]");
$currentSection.addClass("on").siblings().removeClass("on");
$("#portfolio-details .slideshow").slickPause();
$currentSection.find(".slideshow").slickPlay()
});
$("#portfolio-details nav > a.close").on($mouseEventClick, function() {
$("#portfolio-details,#portfolio .prow, #top-left-fixed-block,.portfolio-tab,.portfolio-nav").removeClass("on");
setTimeout(function() {
$("#portfolio-details").find("nav a:not(.close):last").addClass("on").siblings().removeClass("on")
}, 2E3);
c()
});
(function() {
$("#portfolio-details .row").on($mouseEventHover, function() {
$(this).hasClass("on") ||
$(this).addClass("on")
});
$("#portfolio-details .row").on($mouseEventOut, function() {
$(this).hasClass("noMouseOut") || $(this).removeClass("on")
})
})();
g()
}(new ScrollScene({
triggerElement: "#belgique .mainPicture",
triggerHook: 0,
duration: 200
})).addTo($controller).on("start", function(b) {
"FORWARD" == b.scrollDirection && animate_illustration("illustration_belgique", "start")
});
categorizr.isDesktop && (new ScrollScene({
triggerElement: "#belgique .mainPicture > .fadeMainPicture",
triggerHook: 0,
duration: $(window).height()
})).addTo($controller).setTween(TweenMax.to("#belgique .mainPicture > .fadeMainPicture",
1, {
opacity: .4
}));
categorizr.isDesktop && (new ScrollScene({
triggerElement: "#belgique .mainPicture",
triggerHook: 1,
duration: $(window).height() + 500
})).addTo($controller).setTween(TweenMax.fromTo("#belgique .mainPicture", 1, {
backgroundPosition: "center -180px"
}, {
backgroundPosition: "center 50px",
ease: Linear.easeNone
}));
$(".social-icons").on("mouseenter", "a", function() {
_index = $(".social-icons a").index($(this));
$("#belgique .texte2 .w990px span").eq(_index).animate({
opacity: 1
}, 200).siblings("span").animate({
opacity: 0
},
200,
function() {
$(this).stop()
})
});
$(".social-icons").on("mouseleave", "a", function() {
$("#belgique .texte2 .w990px span").animate({
opacity: 0
}, 200)
});
$(window).resize(function() {
adapt_mainPic_height();
detectDevicesandScreens()
});
categorizr.isDesktop && ($nav.on($mouseEventHover, function() {
$(this).hasClass("btn-menu") && $(this).find(".subnav").height() < $minHeightSubnav && subnav($(this), "hover", $liHeightMenu);
$(this).hasClass("btn-share") && $(this).find(".subnav").height() < $minHeightSubnav && subnav($(this),
"hover", $liHeightShare)
}), $nav.on($mouseEventOut, function() {
$(this).hasClass("btn-menu") && subnav($(this), "out", $liHeightMenu);
$(this).hasClass("btn-share") && subnav($(this), "out", $liHeightShare)
}));
if (categorizr.isTablet || categorizr.isMobile) $nav.on($mouseEventClick, function() {
$(this).hasClass("openSubNav") ? (subnav($(this), "out", 0), $(this).removeClass("openSubNav")) : (subnav($(this), "hover", 130), $(this).addClass("openSubNav"))
}), $nav.find("li").on("tap", function() {
$(this).closest(".navButton").hasClass("btn-menu") &&
($moveTo = $(this).attr("class"), $myScroll.scrollToElement(document.querySelector("section#" + $moveTo + " .welcomeTitle"), 800, null, -200))
});
$("#slides_about_me").slick({
dots: !0,
speed: 800,
onAfterChange: function(b, c) {
init_slides();
1 == c && anim_slide_skills_circles();
2 == c ? anim_slide_skills_softwares() : init_slides()
}
});
$("#awards .slideAwards").slick({
dots: !1,
speed: 800,
infinite: !0,
slidesToShow: 3
})
});
jQuery(document).ready(function(e) {
function a(e) {
var a = e[0].getTotalLength();
e.css("stroke-dasharray", a), e.css("stroke-dashoffset", a), o(e)
}
function o(a) {
e(document).find(a).css("visibility", "hidden")
}
function t(a) {
e(document).find(a).css("visibility", "visible")
}
function n(e) {
TweenMax.killTweensOf(e)
}
function s(a) {
e(a).remove()
}
function r() {
var e = {
zoom: 17,
center: Y,
styles: [{
featureType: "all",
elementType: "all",
stylers: [{
hue: "#00c6ff"
}]
}, {
featureType: "all",
elementType: "geometry.fill",
stylers: [{
hue: "#ff0000"
}, {
saturation: "-100"
}]
}, {
featureType: "poi",
elementType: "all",
stylers: [{
visibility: "off"
}]
}, {
featureType: "road",
elementType: "all",
stylers: [{
saturation: -100
}, {
hue: "#ffffff"
}]
}, {
featureType: "road",
elementType: "geometry.fill",
stylers: [{
visibility: "on"
}]
}, {
featureType: "road",
elementType: "labels.text.fill",
stylers: [{
hue: "#ff0000"
}]
}, {
featureType: "road",
elementType: "labels.icon",
stylers: [{
lightness: "20"
}]
}, {
featureType: "road.highway",
elementType: "geometry.fill",
stylers: [{
visibility: "on"
}, {
color: "#ffffff"
}]
}, {
featureType: "road.highway",
elementType: "geometry.stroke",
stylers: [{
color: "#d0d0d0"
}]
}, {
featureType: "road.highway",
elementType: "labels.text.fill",
stylers: [{
lightness: "-0"
}, {
hue: "#ff0000"
}]
}, {
featureType: "road.highway",
elementType: "labels.icon",
stylers: [{
hue: "#ff0000"
}, {
lightness: "10"
}]
}, {
featureType: "transit",
elementType: "all",
stylers: [{
visibility: "off"
}]
}, {
featureType: "water",
elementType: "all",
stylers: [{
visibility: "simplified"
}, {
saturation: -60
}, {
color: "#bde3ee"
}]
}],
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel: !1,
disableDefaultUI: !0
};
B = new google.maps.Map(document.getElementById("map_canvas"), e);
new google.maps.Marker({
position: H,
zIndex: google.maps.Marker.MAX_ZINDEX,
map: B
})
}
function l() {
F = 100
}
function c() {
X = 0, F = 100
}
function d() {
clearTimeout(D), X = 0, e(window).scrollTop() < j[3] && TweenMax.to(window, .5 + Math.abs(e(window).scrollTop() / C - Math.round(e(window).scrollTop() / C)), {
scrollTo: {
y: Math.round(e(window).scrollTop() / C) * C
},
ease: Quad.easeInOut
}), e(window).scrollTop() > j[4] - C / 2 && e(window).scrollTop() < j[4] + C / 2 && TweenMax.to(window, .5 + Math.abs(e(window).scrollTop() / C - Math.round(e(window).scrollTop() / C)), {
scrollTo: {
y: j[4] + Math.round((e(window).scrollTop() - j[4]) / C) * C
},
ease: Quad.easeInOut
}), e(window).scrollTop() > j[6] - C / 2 && e(window).scrollTop() < j[6] + C / 2 && TweenMax.to(window, .5 + Math.abs(e(window).scrollTop() / C - Math.round(e(window).scrollTop() / C)), {
scrollTo: {
y: j[6] + Math.round((e(window).scrollTop() - j[6]) / C) * C
},
ease: Quad.easeInOut
}), e(window).scrollTop() > j[7] - C / 2 && e(window).scrollTop() < j[7] && TweenMax.to(window, .5 + Math.abs(e(window).scrollTop() / C - Math.round(e(window).scrollTop() / C)), {
scrollTo: {
y: j[7] + Math.round((e(window).scrollTop() - j[7]) / C) * C
},
ease: Quad.easeInOut
})
}
function w(a) {
if (L) {
var o = a.data("id"),
t = Math.abs(e(window).scrollTop() - j[o - 1]);
TweenMax.to(window, 2 + t / (5 * C), {
scrollTo: {
y: j[o - 1]
},
ease: Power4.easeInOut
}), L = !1
}
e(".mainmenu li").each(function() {
e(this).hasClass("current") && e(this)[0] != a[0] && e(this).removeClass("current"), e(this).hasClass("current") ? TweenMax.to(e(this).children("div"), .5, {
scaleX: .5,
scaleY: .5,
opacity: 1,
ease: Back.easeOut
}) : TweenMax.to(e(this).children("div"), .5, {
scaleX: 1,
scaleY: 1,
opacity: .5,
ease: Back.easeOut
})
})
}
function p() {
TweenMax.to(e(".white-bg"), .5, {
opacity: 0,
onComplete: o,
onCompleteParams: [e(".carte")],
ease: Power2.easeIn
}), TweenMax.to(e(".black-bg"), .5, {
opacity: 0
})
}
function T(a, o) {
e(".rslides_tabs").remove(), e("#slideshowMenu").empty().removeClass(), e("#listingContent ul").empty(), e("#listingContent .arrow-up").css("opacity", 0), null == o ? (e(".carte").css("visibility", "visible"), TweenMax.fromTo(e(".black-bg"), 1, {
opacity: 0
}, {
delay: .5,
opacity: .8
}), TweenMax.fromTo(e(".carte").find(".white-bg"), .5, {
width: 0,
opacity: 1
}, {
width: "80%",
ease: Power2.easeOut
}), TweenMax.fromTo(".picture", .3, {
opacity: 0,
x: 100
}, {
opacity: 1,
x: 0,
ease: Power1.easeOut
}), TweenMax.fromTo(".listing", .3, {
x: 100,
opacity: 0
}, {
x: 0,
opacity: 1,
ease: Power1.easeOut,
delay: .05
})) : "right" == o ? (TweenMax.fromTo(".white-bg", .3, {
opacity: 0,
x: 100
}, {
opacity: 1,
x: 0,
ease: Power2.easeOut,
transformOrigin: "right"
}), TweenMax.fromTo(".picture", .3, {
opacity: 0,
x: 100
}, {
opacity: 1,
x: 0,
ease: Power1.easeOut
}), TweenMax.fromTo(".listing", .3, {
x: 100,
opacity: 0
}, {
x: 0,
opacity: 1,
ease: Power1.easeOut,
delay: .05
})) : (TweenMax.fromTo(".white-bg", .3, {
opacity: 0,
x: -100
}, {
opacity: 1,
x: 0,
ease: Power2.easeOut,
transformOrigin: "left"
}), TweenMax.fromTo(".picture", .3, {
opacity: 0,
x: -100
}, {
opacity: 1,
x: 0,
ease: Power1.easeOut
}), TweenMax.fromTo(".listing", .3, {
x: -100,
opacity: 0
}, {
x: 0,
opacity: 1,
ease: Power1.easeOut,
delay: .05
}));
var t = a;
e("#listingContent .title h3").html(P[t].title);
for (var n = 0; n < P[t].plates.length; n++) {
var s = e("#cloneCell").clone();
s.attr("id", P[t].plates[n].title), s.removeClass("hidden"), s.find(".blocLeft h5").html(P[t].plates[n].title), s.find(".blocLeft").append(P[t].plates[n].description), s.find(".blocRight").append(P[t].plates[n].price + "€"), s.appendTo(".listing ul")
}
for (var i = 0; i < P[t].gallery.length; i++) e("#slideshowMenu").append('<li class="slide slide' + i + '"></li>'), e(".slide" + i).html('<div class="slide-img"></div>'), e(".slide" + i + " .slide-img").css("background-image", 'url("' + P[t].gallery[i].sizes.large + '")'), e(".slide" + i).append('<div class="caption"><p>' + P[t].gallery[i].title + "</p></div>");
m(), e("#slideshowMenu").responsiveSlides({
auto: !0,
speed: 1e3,
timeout: 3e3,
pager: !0,
nav: !1,
random: !1,
pauseControls: !0,
prevText: "",
nextText: "",
pauseControls: !0,
before: function() {},
after: function() {}
}), e("#slideshowMenu").css("overflow", "visible"), e(".rslides_tabs li a").html('<div class="puce"></div>'), setTimeout(g, 100)
}
function u() {
jQuery.ajax({
url: url,
type: "GET",
dataType: "json",
async: !0,
beforeSend: function() {},
success: function(e) {
P = e
},
error: function() {}
})
}
function m() {
0 == e(".listing .list-item").scrollTop() ? e(".listing .arrow-up").css("opacity", "0") : e(".listing .arrow-up").css("opacity", "1"), e(".listing .list-item").scrollTop() == e(".listing ul").height() - e(".listing .list-item").height() ? e(".listing .arrow-down").css("opacity", "0") : e(".listing .arrow-down").css("opacity", "1")
}
function g() {
e(".listing ul").height() > e(".listing .list-item").height() ? (e(".listing .arrow-down").removeClass("hidden"), e(".listing .arrow-up").removeClass("hidden")) : (e(".listing .arrow-down").addClass("hidden"), e(".listing .arrow-up").addClass("hidden"))
}
function y() {
e(".textIntro").addClass("colored")
}
Pace.start();
var x = e("#wrapper img").length,
f = 0;
e("#wrapper img").one("load", function() {
f++
}), e("#wrapper img").one("error", function() {
f++
}), e("#wrapper img").each(function() {
this.complete && e(this).trigger("load")
}), e("#logoLoading path").each(function() {
a(e(this))
});
var h, M = ["#ffe09c", "#cde4b0", "#e98e7d", "#6d969c"],
v = 0,
O = 0;
e("body").hasClass("pace-running") && (e("#logoLoading").css("opacity", 1), h = setInterval(function() {
var a = e(".pace-progress").attr("data-progress-text");
if (progressPace = parseFloat(a) / 10, progressImg = 0, progressImg = f / x * 100, progressTotal = progressImg, progressTotalFloor = Math.floor(progressTotal), e("#percent h1").html(progressTotalFloor + "%"), O != progressTotalFloor && (v++, 4 == v && (v = 0), TweenMax.to("#percent h1", .5, {
css: {
color: M[v]
}
}), O = progressTotalFloor), 100 == progressTotal) {
clearInterval(h); {
(new TimelineMax).add([TweenMax.to("#loading", .5, {
delay: .5,
opacity: 0
})]).add([TweenMax.staggerTo("#logoLoading path", 1, {
delay: .5,
onStart: t,
onStartParams: ["#logoLoading path"],
strokeDashoffset: 0,
ease: Power1.easeInOut
}, .5), TweenMax.to(".titleunder", 1, {
startAt: {
y: 10
},
y: 0,
delay: 1,
opacity: 1
})]).add([TweenMax.fromTo(e(".point1"), .5, {
opacity: 0,
x: 7,
y: -10
}, {
opacity: 1,
x: 0,
y: 0,
ease: Power1.easeOut,
delay: -.4
})]).add([TweenMax.fromTo(e(".point2"), .5, {
opacity: 0,
x: 10,
y: -10
}, {
opacity: 1,
x: 0,
y: 0,
ease: Power1.easeOut,
delay: -.3
})]).add([TweenMax.to(".blackscreen2", 1, {
opacity: 0,
ease: Power1.easeOut,
delay: .3,
onComplete: s,
onCompleteParams: [".blackscreen2"],
delay: .5
})]).add([TweenMax.fromTo(".arrow", 1, {
opacity: 0
}, {
opacity: 1,
delay: 1
}), TweenMax.to(".arrow img", .5, {
y: 10,
yoyo: !0,
repeat: -1,
ease: Power3.easeIn
})])
}
}
}, 100));
var b, P = [];
e("#tracesvg path").each(function() {
a(e(this))
}), e("#saladesvg path").each(function() {
a(e(this))
}), e("#surlepoucesvg path").each(function() {
a(e(this))
}), e("#nosplatssvg path").each(function() {
a(e(this))
}), e("#sushisvg path").each(function() {
a(e(this))
}), e("#nosgourmandisessvg path").each(function() {
a(e(this))
}), e("#cocktailssvg path").each(function() {
a(e(this))
}), e("#teatimesvg path").each(function() {
a(e(this))
});
var S, k, I, L = !1,
C = e(".section1").height(),
E = [0, 2 * C, 3 * C, 3 * C, 4400, C, 2 * C, C, C],
N = 0,
j = [];
for (i = 0; i <= 8; i++) N += E[i], j[i] = N;
e(window).bind("resize", function() {
for (g(), C = e(".section1").height(), E = [0, 2 * C, 3 * C, 3 * C, 4400, C, 2 * C, C, C], N = 0, i = 0; i <= 8; i++) N += E[i], j[i] = N;
S.update(!0), B.panTo(Y), k.parallax("updateLayers")
});
var D, B, Q, H = new google.maps.LatLng(43.424158905339546, 6.766588389873505),
Y = new google.maps.LatLng(43.423960851683006, 6.766588389873505),
X = 0,
F = 100,
q = new Lethargy;
e(window).bind("mousewheel DOMMouseScroll wheel MozMousePixelScroll", function(a) {
if ("visible" == e(".carte").css("visibility") && (a.preventDefault(), a.stopPropagation()), e(window).scrollTop() < j[3]) a.preventDefault(), a.stopPropagation(), Q = q.check(a), Q !== !1 && Q != X && (X = Q, TweenMax.to(window, 1.2, {
scrollTo: {
y: Math.round(e(window).scrollTop() / C) * C + C * Q * -1
},
ease: Quad.easeInOut,
onComplete: c
}));
else {
var o = navigator.userAgent.toLowerCase().indexOf("chrome") > -1,
t = navigator.userAgent.toLowerCase().indexOf("windows") > -1;
o && t && (Q = Math.abs(a.deltaY) / a.deltaY, "undefined" == typeof a.deltaY ? Q = X : X = Q, a.preventDefault(), a.stopPropagation(), setTimeout(l, 300), F += 20, 120 == F ? TweenMax.to(window, .3, {
scrollTo: {
y: e(window).scrollTop() - Q * F
},
ease: Quad.easeInOut,
onComplete: c
}) : TweenMax.to(window, .3, {
scrollTo: {
y: e(window).scrollTop() - Q * F
},
ease: Quad.easeOut,
onComplete: c
}))
}
}), e(window).bind("scroll", function() {
S.update(!0), e(window).scrollTop() < j[5] && e(window).scrollTop() > j[4] - C ? e(".slideshow").addClass("play").removeClass("pause") : e(".slideshow").addClass("pause").removeClass("play"), clearTimeout(D), D = setTimeout(d, 500), e(window).scrollTop() < j[1] - C / 2 ? e(".m1").hasClass("current") || (e(".m1").addClass("current"), w(e(".m1"))) : e(window).scrollTop() < j[2] - C / 2 ? e(".m2").hasClass("current") || (e(".m2").addClass("current"), w(e(".m2"))) : e(window).scrollTop() < j[3] - C / 2 ? e(".m3").hasClass("current") || (e(".m3").addClass("current"), w(e(".m3"))) : e(window).scrollTop() < j[4] - C / 2 ? e(".m4").hasClass("current") || (e(".m4").addClass("current"), w(e(".m4"))) : e(window).scrollTop() < j[5] - C / 2 ? e(".m5").hasClass("current") || (e(".m5").addClass("current"), w(e(".m5"))) : e(window).scrollTop() < j[6] - C / 2 ? e(".m6").hasClass("current") || (e(".m6").addClass("current"), w(e(".m6"))) : e(window).scrollTop() < j[7] - C / 2 ? e(".m7").hasClass("current") || (e(".m7").addClass("current"), w(e(".m7"))) : e(window).scrollTop() < j[8] - C / 2 && (e(".m8").hasClass("current") || (e(".m8").addClass("current"), w(e(".m8"))))
}), e(".carte").bind("mousewheel DOMMouseScroll wheel MozMousePixelScroll", function(a) {
a.preventDefault(), a.stopPropagation(), Q = q.check(a), Q !== !1 && TweenMax.to(".listing .list-item", .3, {
scrollTo: {
y: e(".listing .list-item").scrollTop() + 100 * Q * -1
},
ease: Quad.easeInOut,
onUpdate: m
})
}), e(".carte .arrow-up").click(function() {
TweenMax.to(".listing .list-item", .3, {
scrollTo: {
y: e(".listing .list-item").scrollTop() + -100
},
ease: Quad.easeInOut,
onUpdate: m
})
}), e(".carte .arrow-down").click(function() {
TweenMax.to(".listing .list-item", .3, {
scrollTo: {
y: e(".listing .list-item").scrollTop() + 100
},
ease: Quad.easeInOut,
onUpdate: m
})
}), e(".carte .arrow-up").mouseenter(function() {
TweenMax.fromTo(e(this).find("img"), .3, {
y: 0
}, {
y: -5,
ease: Power2.easeOut,
yoyo: !0,
repeat: -1
})
}), e(".carte .arrow-down").mouseenter(function() {
TweenMax.fromTo(e(this).find("img"), .3, {
y: 0
}, {
y: 5,
ease: Power2.easeOut,
yoyo: !0,
repeat: -1
})
}), e(".carte .arrow-up").mouseleave(function() {
TweenMax.killTweensOf(e(this).find("img")), TweenMax.to(e(this).find("img"), .3, {
y: 0,
ease: Power2.easeInOut
})
}), e(".carte .arrow-down").mouseleave(function() {
TweenMax.killTweensOf(e(this).find("img")), TweenMax.to(e(this).find("img"), .3, {
y: 0,
ease: Power2.easeInOut
})
}), e(".carte .arrow-left").click(function() {
1 == b ? b = 7 : b--, TweenMax.to(".white-bg", .3, {
x: 100,
opacity: 0,
ease: Power2.easeIn,
onComplete: T,
onCompleteParams: [b, "left"]
})
}), e(".carte .arrow-right").click(function() {
7 == b ? b = 1 : b++, TweenMax.to(".white-bg", .3, {
x: -100,
opacity: 0,
ease: Power2.easeIn,
onComplete: T,
onCompleteParams: [b, "right"]
})
}), e(".carte .arrow-left").mouseenter(function() {
TweenMax.fromTo(e(this).find("img"), .3, {
x: 0
}, {
x: -20,
ease: Power2.easeOut,
yoyo: !0,
repeat: -1
})
}), e(".carte .arrow-right").mouseenter(function() {
TweenMax.fromTo(e(this).find("img"), .3, {
x: 0
}, {
x: 20,
ease: Power2.easeOut,
yoyo: !0,
repeat: -1
})
}), e(".carte .arrow-left").mouseleave(function() {
TweenMax.killTweensOf(e(this).find("img")), TweenMax.to(e(this).find("img"), .3, {
x: 0,
ease: Power2.easeInOut
})
}), e(".carte .arrow-right").mouseleave(function() {
TweenMax.killTweensOf(e(this).find("img")), TweenMax.to(e(this).find("img"), .3, {
x: 0,
ease: Power2.easeInOut
})
}), r(), u(), e(".slideshow").responsiveSlides({
auto: !0,
speed: 1e3,
timeout: 3e3,
pager: !1,
nav: !0,
random: !1,
prevText: "",
nextText: "",
pauseControls: !0,
before: function() {},
after: function() {}
}), k = e(".section1 #scene").parallax(), section11Scene = e(".section11 #scene").parallax(), S = new ScrollMagic.Controller;
var z = (new TimelineMax).add([TweenMax.fromTo(".blackscreen", 1, {
opacity: .1
}, {
opacity: .8
}), TweenMax.fromTo(".section1 .titleslide", .5, {
y: 0,
opacity: 1
}, {
opacity: 0,
y: -300,
ease: Power1.easeIn
}), TweenMax.fromTo(".textIntro", .5, {
opacity: 0,
y: 300
}, {
opacity: 1,
y: 0,
ease: Power1.easeOut,
delay: .5,
onComplete: y
})]);
new ScrollMagic.Scene({
triggerElement: ".section1",
triggerHook: "onLeave",
duration: "100%"
}).setPin(".section1").setTween(z).addTo(S), e(".section1 .arrow").click(function() {
if (0 === e(window).scrollTop()) {
{
Math.abs(e(window).scrollTop() - C)
}
TweenMax.to(window, 1, {
scrollTo: {
y: C
},
ease: Power1.easeInOut
})
} else {
{
var a = 2;
Math.abs(e(window).scrollTop() - j[a - 1])
}
TweenMax.to(window, 1, {
scrollTo: {
y: j[a - 1]
},
ease: Power1.easeInOut
})
}
});
var A = (new TimelineMax).add([TweenMax.fromTo(".bg1", 1, {
y: "0%"
}, {
y: "100%",
ease: Linear.easeNone
}), TweenMax.fromTo(".bg2", 1, {
y: "-100%"
}, {
y: "0%",
ease: Linear.easeNone
})]).add([TweenMax.fromTo(".bg2", 1, {
x: "0%"
}, {
x: "-100%",
ease: Linear.easeNone
}), TweenMax.fromTo(".bg3", 1, {
x: "100%"
}, {
x: "0%",
ease: Linear.easeNone
})]),
U = (new ScrollMagic.Scene({
triggerElement: ".section2",
triggerHook: "onLeave",
duration: "200%"
}).setPin(".section2").setTween(A).addTo(S), (new TimelineMax).add([TweenMax.from("section.panel:nth-child(1) .inside .title .titleObj", 1, {
opacity: 0,
x: -100,
ease: Power3.easeOut,
delay: .4,
onStart: n,
onStartParams: [e(".arrow")]
}), TweenMax.staggerFrom("section.panel:nth-child(1) .inside .imgList .obj .objimg", .5, {
x: -100,
opacity: 0,
ease: Back.easeInOut,
delay: .5
}, .1), TweenMax.from("section.panel:nth-child(1) .inside .p .pObj", .4, {
opacity: 0,
x: 100,
ease: Power3.easeOut,
delay: 1
})]).add([TweenMax.to("section.panel:nth-child(1) .inside .title .titleObj", 1, {
opacity: 0,
x: -100,
ease: Power3.easeIn
}), TweenMax.staggerTo("section.panel:nth-child(1) .inside .imgList .obj .objimg", .5, {
y: 300,
opacity: 0,
ease: Back.easeIn
}, -.1), TweenMax.to("section.panel:nth-child(1) .inside .p .pObj", 1, {
opacity: 0,
x: 100,
ease: Power3.easeIn
}), TweenMax.from("section.panel:nth-child(2) .inside .title .titleObj", 1, {
opacity: 0,
x: 100,
ease: Power3.easeOut,
delay: .4
}), TweenMax.staggerFrom("section.panel:nth-child(2) .inside .imgList .obj .objimg", .5, {
y: -300,
opacity: 0,
ease: Back.easeOut,
delay: .4
}, -.1), TweenMax.from("section.panel:nth-child(2) .inside .p .pObj", 1, {
opacity: 0,
x: -100,
ease: Power3.easeOut,
delay: .4
})]).add([TweenMax.to("section.panel:nth-child(2) .inside .title .titleObj", 1, {
opacity: 0,
x: -100,
ease: Power3.easeIn
}), TweenMax.staggerTo("section.panel:nth-child(2) .inside .imgList .obj .objimg", .5, {
x: 300,
opacity: 0,
ease: Back.easeIn
}, -.1), TweenMax.to("section.panel:nth-child(2) .inside .p .pObj", 1, {
opacity: 0,
x: 100,
ease: Power3.easeIn
}), TweenMax.from("section.panel:nth-child(3) .inside .title .titleObj", 1, {
opacity: 0,
x: 100,
ease: Power3.easeOut,
delay: .4
}), TweenMax.staggerFrom("section.panel:nth-child(3) .inside .imgList .obj .objimg", .5, {
x: -300,
opacity: 0,
ease: Back.easeOut,
delay: .4
}, -.1), TweenMax.from("section.panel:nth-child(3) .inside .p .pObj", 1, {
opacity: 0,
x: -100,
ease: Power3.easeOut,
delay: .4
})]).add([TweenMax.to("section.panel:nth-child(3) .inside .title .titleObj", 1, {
opacity: 0,
x: -100,
ease: Power3.easeIn
}), TweenMax.staggerTo("section.panel:nth-child(3) .inside .imgList .obj .objimg", .5, {
x: 100,
opacity: 0,
ease: Back.easeInOut
}, -.1), TweenMax.to("section.panel:nth-child(3) .inside .p .pObj", 1, {
opacity: 0,
x: 100,
ease: Power3.easeIn,
delay: .4
})]));
I = new ScrollMagic.Scene({
triggerElement: ".section2",
triggerHook: "onEnter",
duration: "400%"
}).setTween(U).addTo(S);
var _ = (new TimelineMax).add([TweenMax.fromTo(".section3 .parallax-window", 1, {
y: "-50%"
}, {
y: "0%",
ease: Linear.easeNone
}), TweenMax.fromTo(".section3 .textOverparallax", 1, {
y: -100,
opacity: 0
}, {
y: 0,
opacity: 1,
ease: Linear.easeNone
}), TweenMax.fromTo(".lampe", 1, {
y: "20%"
}, {
y: "0%",
ease: Linear.easeNone
})]).add([TweenMax.fromTo(".section3 .parallax-window", 1, {
y: "0%"
}, {
y: "50%",
ease: Linear.easeNone
}), TweenMax.fromTo(".section3 .textOverparallax", 1, {
y: 0
}, {
y: 100,
ease: Linear.easeNone
}), TweenMax.fromTo(".lampe", 1, {
y: "0%"
}, {
y: "-20%",
ease: Linear.easeNone
})]);
sceneSection3 = new ScrollMagic.Scene({
triggerElement: ".section3",
triggerHook: "onEnter",
duration: "200%"
}).setTween(_).addTo(S);
var R = (new TimelineMax).add([TweenMax.fromTo(".section4 .parallax-window", 1, {
y: "-50%"
}, {
y: "0%",
ease: Linear.easeNone
}), TweenMax.fromTo(".section4 .textOverparallax", 1, {
y: -250
}, {
y: 0,
ease: Linear.easeNone
})]).add([TweenMax.fromTo(".section4 .parallax-window", 1, {
y: "0%"
}, {
y: "50%",
ease: Linear.easeNone
}), TweenMax.fromTo(".section4 .textOverparallax", 1, {
y: 0
}, {
y: 250,
ease: Linear.easeNone
})]);
sceneSection4 = new ScrollMagic.Scene({
triggerElement: ".section4",
triggerHook: "onEnter",
duration: "200%"
}).setTween(R).addTo(S);
var G = (new TimelineMax).add([TweenMax.fromTo(".parassol.rouge", 1.3, {
x: 150,
y: 50,
rotation: 30
}, {
x: -150,
y: -50,
rotation: -30,
ease: Power1.easeInOut
}), TweenMax.fromTo(".parassol.vert", 1.5, {
x: -250,
y: 170,
rotation: -30
}, {
x: 250,
y: -170,
rotation: 45,
ease: Power1.easeInOut
}), TweenMax.fromTo(".parassol.creme", 1.2, {
x: -150,
y: -15,
rotation: 40
}, {
x: 150,
y: 15,
rotation: 0,
ease: Power1.easeInOut
}), TweenMax.fromTo(".verre", 1.2, {
x: 120,
y: -25,
rotation: -25
}, {
x: 120,
y: 100,
rotation: 25,
ease: Power1.easeInOut
}), TweenMax.fromTo(".goutte", 1.2, {
y: 0
}, {
scaleX: .8,
scaleY: .8,
y: 150,
ease: Power1.easeInOut
}), TweenMax.fromTo(".calme .title", 1.5, {
x: 150,
opacity: 0
}, {
x: -150,
opacity: 3,
ease: Power1.easeInOut
})]);
sceneSection5 = new ScrollMagic.Scene({
triggerElement: ".section5",
triggerHook: "onEnter",
duration: "200%"
}).setTween(G).addTo(S);
var W = (new TimelineMax).add([TweenMax.fromTo(".section5para .parallax-window", 1, {
x: 0
}, {
x: -200,
ease: Linear.easeNone
})]).add([TweenMax.fromTo(".section5para .parallax-window", 1, {
x: -200
}, {
x: -400,
ease: Linear.easeNone
})]);
sceneSection5Parallax = new ScrollMagic.Scene({
triggerElement: ".section5",
triggerHook: "onEnter",
duration: "200%"
}).setTween(W).addTo(S);
var Z = new TimelineMax({
delay: 23
});
Z.to("#tracesvg path#p1", 14, {
onStart: t,
onStartParams: ["path#p1"],
strokeDashoffset: 0,
ease: Linear.easeNone
}).to("#tracesvg path#p2", 7, {
onStart: t,
onStartParams: ["path#p2"],
strokeDashoffset: 0,
ease: Linear.easeNone,
delay: 1.5
}).to("#tracesvg path#p3", 11, {
onStart: t,
onStartParams: ["path#p3"],
strokeDashoffset: 0,
ease: Linear.easeNone,
delay: 1.5
}).to("#tracesvg path#p4", 12, {
onStart: t,
onStartParams: ["path#p4"],
strokeDashoffset: 0,
ease: Linear.easeNone,
delay: 1.5
}).to("#tracesvg path#p5", 10, {
onStart: t,
onStartParams: ["path#p5"],
strokeDashoffset: 0,
ease: Linear.easeNone,
delay: 1.5
}).to("#tracesvg path#p6", 9, {
onStart: t,
onStartParams: ["path#p6"],
strokeDashoffset: 0,
ease: Linear.easeNone,
delay: 1.5
}).to("#tracesvg path#p7", 5, {
onStart: t,
onStartParams: ["path#p7"],
strokeDashoffset: 0,
ease: Linear.easeNone,
delay: 1.5
});
var J = new TimelineMax({
delay: 18
});
J.add([TweenMax.staggerTo("#saladesvg path", 2.5, {
onStart: t,
onStartParams: ["#saladesvg path"],
strokeDashoffset: 0,
strokeWidth: 6
}, .3), TweenMax.staggerTo("#surlepoucesvg path", 2.5, {
onStart: t,
onStartParams: ["#surlepoucesvg path"],
strokeDashoffset: 0,
delay: 17
}, .3), TweenMax.staggerTo("#nosplatssvg path", 2.5, {
onStart: t,
onStartParams: ["#nosplatssvg path"],
strokeDashoffset: 0,
delay: 25.5
}, .3), TweenMax.staggerTo("#sushisvg path", 2.5, {
onStart: t,
onStartParams: ["#sushisvg path"],
strokeDashoffset: 0,
delay: 38
}, .3), TweenMax.staggerTo("#nosgourmandisessvg path", 2.5, {
onStart: t,
onStartParams: ["#nosgourmandisessvg path"],
strokeDashoffset: 0,
delay: 51.5
}, .3), TweenMax.staggerTo("#cocktailssvg path", 2.5, {
onStart: t,
onStartParams: ["#cocktailssvg path"],
strokeDashoffset: 0,
delay: 63
}, .3), TweenMax.staggerTo("#teatimesvg path", 2.5, {
onStart: t,
onStartParams: ["#teatimesvg path"],
strokeDashoffset: 0,
delay: 73.5
}, .3)]);
var K = new TimelineMax({
delay: 0
});
K.add([TweenMax.fromTo(".plate1", 30, {
x: -20,
rotation: -15
}, {
x: 0,
rotation: 0,
ease: Power1.easeInOut
}), TweenMax.fromTo(".planchecharcuterie", 30, {
x: 20,
rotation: 15
}, {
x: 0,
rotation: 0,
ease: Power1.easeInOut,
delay: 10
}), TweenMax.fromTo(".burger", 30, {
y: -50,
x: -20,
rotation: -15
}, {
y: 0,
x: 0,
rotation: 0,
ease: Power1.easeInOut,
delay: 30
}), TweenMax.fromTo(".frittes", 30, {
x: 20,
rotation: 15
}, {
x: 0,
rotation: 0,
ease: Power1.easeInOut,
delay: 34
}), TweenMax.fromTo(".sushis", 30, {
x: 20,
rotation: 15
}, {
x: 0,
rotation: 0,
ease: Power1.easeInOut,
delay: 40
}), TweenMax.fromTo(".gourmandise-1", 30, {
x: -20,
rotation: -15
}, {
x: 0,
rotation: 0,
ease: Power1.easeInOut,
delay: 45
}), TweenMax.fromTo(".gourmandise-3", 30, {
x: -20,
rotation: -15
}, {
x: 0,
rotation: 0,
ease: Power1.easeInOut,
delay: 52
}), TweenMax.fromTo(".gourmandise-2", 30, {
x: 20,
rotation: 15
}, {
x: 0,
rotation: 0,
ease: Power1.easeInOut,
delay: 55
}), TweenMax.fromTo(".cocktail", 30, {
y: 50,
x: -20,
rotation: -15
}, {
y: 0,
x: 0,
rotation: 0,
ease: Power1.easeInOut,
delay: 64
}), TweenMax.fromTo(".mug-3", 25, {
x: 20,
rotation: 15
}, {
x: 0,
rotation: 0,
ease: Power1.easeInOut,
delay: 75
}), TweenMax.fromTo(".muffin", 20, {
x: -20,
rotation: -15
}, {
x: 0,
rotation: 0,
ease: Power1.easeInOut,
delay: 80
})]);
var V = (new TimelineMax).add([Z, J, K]);
sceneSection6 = new ScrollMagic.Scene({
triggerElement: ".section6",
triggerHook: "onEnter",
duration: "4000px"
}).setTween(V).addTo(S);
var $ = (new TimelineMax).fromTo(".section7 .textOverparallax", 70, {
opacity: 0,
x: 300
}, {
opacity: 1,
x: 0,
ease: Quad.easeInOut,
delay: 10
});
sceneSection7 = new ScrollMagic.Scene({
triggerElement: ".section7",
triggerHook: "onEnter",
duration: "80%"
}).setTween($).addTo(S);
var ea = (new TimelineMax).add([TweenMax.fromTo(".section7 .parallax-window", 1, {
y: "-80%"
}, {
y: "0%",
ease: Linear.easeNone
})]).add([TweenMax.fromTo(".section7 .parallax-window", 1, {
y: "0%"
}, {
y: "80%",
ease: Linear.easeNone
})]);
sceneSection7Para = new ScrollMagic.Scene({
triggerElement: ".section7",
triggerHook: "onEnter",
duration: "200%"
}).setTween(ea).addTo(S);
var aa = (new TimelineMax).fromTo(".section9 .equipe1", .7, {
opacity: 0,
y: 100
}, {
opacity: 1,
y: 0,
ease: Quad.easeOut
});
sceneSection9Equipe1 = new ScrollMagic.Scene({
triggerElement: ".section9 .equipe1",
triggerHook: "onEnter"
}).setTween(aa).addTo(S);
var oa = (new TimelineMax).fromTo(".section9 .equipe2", .7, {
opacity: 0,
y: 100
}, {
opacity: 1,
y: 0,
ease: Quad.easeOut
});
sceneSection9Equipe2 = new ScrollMagic.Scene({
triggerElement: ".section9 .equipe2",
triggerHook: "onEnter"
}).setTween(oa).addTo(S);
var ta = (new TimelineMax).fromTo(".section9 .equipe3", .7, {
opacity: 0,
y: 100
}, {
opacity: 1,
y: 0,
ease: Quad.easeOut
});
sceneSection9Equipe3 = new ScrollMagic.Scene({
triggerElement: ".section9 .equipe3",
triggerHook: "onEnter"
}).setTween(ta).addTo(S);
var na = (new TimelineMax).fromTo(".section9 .paragraph", .7, {
opacity: 0,
y: 100
}, {
opacity: 1,
y: 0,
ease: Quad.easeOut
});
sceneSection9Paragraph = new ScrollMagic.Scene({
triggerElement: ".section9 .paragraph",
triggerHook: "onEnter"
}).setTween(na).addTo(S);
var sa = (new TimelineMax).add([TweenMax.fromTo(".section10 .paragraph", 2, {
textShadow: "rgba(154,129,69, 1) -50px 20px 10px"
}, {
textShadow: "rgba(154,129,69, 0) -350px 20px 50px",
ease: Quad.easeIn
}), TweenMax.fromTo(".section10 .spot", 2, {
x: -70
}, {
x: 200,
ease: Quad.easeIn
})]);
sceneSection10Paragraph = new ScrollMagic.Scene({
triggerElement: ".section10",
triggerHook: "onEnter",
duration: "150%"
}).setTween(sa).addTo(S);
var ia = (new TimelineMax).add([TweenMax.from(".legume1", 1, {
y: 300,
ease: Linear.easeNone
}), TweenMax.from(".legume2", 1, {
y: 100,
ease: Linear.easeNone
}), TweenMax.from(".legume3", 1, {
y: 700,
ease: Linear.easeNone
}), TweenMax.from(".legume4", 1, {
y: 150,
ease: Linear.easeNone
}), TweenMax.from(".legume5", 1, {
y: 300,
ease: Linear.easeNone
}), TweenMax.from(".legume6", 1, {
y: 600,
ease: Linear.easeNone
}), TweenMax.from(".legume7", 1, {
y: 1e3,
ease: Linear.easeNone
}), TweenMax.from(".legume8", 1, {
y: 400,
ease: Linear.easeNone
}), TweenMax.fromTo(".info", 1, {
y: 200
}, {
y: -200,
ease: Linear.easeNone
})]);
sceneSection12 = new ScrollMagic.Scene({
triggerElement: ".section12",
triggerHook: "onEnter",
duration: "200%"
}).setTween(ia).addTo(S), e(".rollover").each(function() {
e(this).mouseenter(function() {
e(this).css("cursor", "pointer"), TweenMax.killTweensOf(e(this).find(".roundbtn")), TweenMax.to(e(this).find(".roundbtn"), .3, {
opacity: 1,
scaleX: 1,
scaleY: 1,
ease: Back.easeOut,
delay: .03
}), TweenMax.to(e(this).find(".roundbtn #decouvrir"), .2, {
delay: .3,
opacity: 1
})
}), e(this).mouseleave(function() {
TweenMax.killTweensOf(e(this).find(".roundbtn")), TweenMax.to(e(this).find(".roundbtn #decouvrir"), .2, {
opacity: 0
}), TweenMax.to(e(this).find(".roundbtn"), .3, {
scaleX: 0,
scaleY: 0,
ease: Back.easeIn,
delay: .3
})
}), e(this).click(function() {
b = e(this).data("id"), T(b)
})
}), e(".carte .black-bg").click(function() {
p()
}), e(".closeBtn").mouseenter(function() {
e(this).css("cursor", "pointer"), TweenMax.to(e(this).find("img"), .3, {
opacity: 1,
rotation: 90,
scale: .8,
ease: Back.easeOut
})
}), e(".closeBtn").mouseleave(function() {
TweenMax.to(e(this).find("img"), .3, {
opacity: 1,
rotation: 0,
scale: 1,
ease: Back.easeOut
})
}), e(".closeBtn").click(function() {
p()
}), e(".mainmenu li").mouseover(function() {
TweenMax.to(e(this).children("span"), .2, {
opacity: 1,
x: -100
}), TweenMax.to(e(this).children("div"), .5, {
scaleX: .5,
scaleY: .5,
opacity: 1,
ease: Back.easeOut
}), e(this).css("cursor", "pointer")
}), e(".mainmenu li").mouseout(function() {
TweenMax.to(e(this), .2, {
x: 0,
ease: Back.easeOut
}), TweenMax.to(e(this).children("span"), 1, {
opacity: 0
}), e(this).hasClass("current") ? TweenMax.to(e(this).children("div"), .5, {
scaleX: .5,
scaleY: .5,
opacity: 1,
ease: Back.easeOut
}) : TweenMax.to(e(this).children("div"), .5, {
scaleX: 1,
scaleY: 1,
opacity: .5,
ease: Back.easeOut
})
}), e(".logoFB").mouseover(function() {
TweenMax.to(e(this).find("span"), .2, {
opacity: 1
}), TweenMax.to(e(this).find("img"), .2, {
scaleX: .5,
scaleY: .5
})
}), e(".logoFB").mouseout(function() {
TweenMax.to(e(this).find("span"), 1, {
opacity: 0
}), TweenMax.to(e(this).find("img"), .2, {
scaleX: 1,
scaleY: 1
})
}), e(".mainmenu li").click(function() {
e(this).addClass("current"), L = !0, w(e(this))
})
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment