';\ndiv.innerHTML = html;\n// Set up more stuff ///////////////////////////////////////\na1 = document.querySelectorAll(\".top\");\na2 = document.querySelectorAll(\".bottom\");\nb1 = document.querySelectorAll(\".nextFull\");\nb2 = document.querySelectorAll(\".nextHalf\");\nfor(var $35da740d59af89ba$var$x = 0; $35da740d59af89ba$var$x < a1.length; $35da740d59af89ba$var$x++){\n a2[$35da740d59af89ba$var$x].style.animationDuration = speed + \"s\";\n b2[$35da740d59af89ba$var$x].style.animationDuration = speed + \"s\";\n}\n// And even more ///////////////////////////////////////////\nchar = [\n \"A\",\n \"B\",\n \"C\",\n \"D\",\n \"E\",\n \"F\",\n \"G\",\n \"H\",\n \"I\",\n \"J\",\n \"K\",\n \"L\",\n \"M\",\n \"N\",\n \"O\",\n \"P\",\n \"Q\",\n \"R\",\n \"S\",\n \"T\",\n \"U\",\n \"V\",\n \"W\",\n \"X\",\n \"Y\",\n \"Z\",\n \"1\",\n \"2\",\n \"3\",\n \"4\",\n \"5\",\n \"6\",\n \"7\",\n \"8\",\n \"9\",\n \"0\",\n \" \"\n];\nstrCount = [], flag = [];\nfor(var $35da740d59af89ba$var$x = 0; $35da740d59af89ba$var$x < amountOfFlaps; $35da740d59af89ba$var$x++){\n if (beginStr.length != amountOfFlaps) for(var $35da740d59af89ba$var$x = 0; $35da740d59af89ba$var$x < amountOfFlaps - beginStr.length; $35da740d59af89ba$var$x++)beginStr.push(\" \");\n else if (endStr.length != amountOfFlaps) for(var $35da740d59af89ba$var$x = 0; $35da740d59af89ba$var$x < amountOfFlaps - endStr.length; $35da740d59af89ba$var$x++)endStr.push(\" \");\n}\nfor(var $35da740d59af89ba$var$x = 0; $35da740d59af89ba$var$x < amountOfFlaps; $35da740d59af89ba$var$x++){\n strCount[$35da740d59af89ba$var$x] = char.indexOf(beginStr[$35da740d59af89ba$var$x]);\n flag[$35da740d59af89ba$var$x] = false, flag2 = true;\n}\n// Flip them flaps /////////////////////////////////////////\nsetInterval(function() {\n for(var x = 0; x < amountOfFlaps; x++){\n if (b1[x].innerHTML == endStr[x]) $35da740d59af89ba$var$dontFlipIt(x);\n else $35da740d59af89ba$var$flipIt(x);\n if (flag.every(function(e) {\n return e;\n }) && flag2) flag2 = false, $35da740d59af89ba$var$changeDestination();\n }\n}, speed * 1000);\n////////////////////////////////////////////////////////////\n// Flap flipping functions /////////////////////////////////\n////////////////////////////////////////////////////////////\nfunction $35da740d59af89ba$var$flipIt(x) {\n a1[x].innerHTML = char[strCount[x] == 0 ? char.length - 1 : strCount[x] - 1];\n a2[x].innerHTML = char[strCount[x] == 0 ? char.length - 1 : strCount[x] - 1];\n b1[x].innerHTML = char[strCount[x]];\n b2[x].innerHTML = char[strCount[x]];\n a2[x].classList.remove(\"flip1\");\n a2[x].offsetWidth = a2[x].offsetWidth;\n a2[x].classList.add(\"flip1\");\n b2[x].classList.remove(\"flip2\");\n b2[x].offsetWidth = b2[x].offsetWidth;\n b2[x].classList.add(\"flip2\");\n if (strCount[x] > char.length - 2) strCount[x] = 0;\n else strCount[x]++;\n}\nfunction $35da740d59af89ba$var$dontFlipIt(x) {\n flag[x] = true;\n a2[x].classList.remove(\"flip2\");\n a2[x].style.backgroundColor = \"#3BB6eB\";\n b2[x].style.backgroundColor = \"#3BB6eB\";\n a1[x].innerHTML = char[strCount[x] == 0 ? char.length - 1 : strCount[x] - 1];\n a2[x].innerHTML = char[strCount[x] == 0 ? char.length - 1 : strCount[x] - 1];\n}\nfunction $35da740d59af89ba$var$changeDestination() {\n setTimeout(function() {\n flag.fill(false);\n flag2 = true;\n var tempArr = endStr.slice();\n endStr = beginStr.slice();\n beginStr = tempArr.slice();\n }, 3000);\n}\nconst $35da740d59af89ba$var$observer = new IntersectionObserver((entries)=>{\n entries.forEach((entry)=>{\n if (entry.isIntersecting) entry.target.classList.toggle(\"show\", entry.isIntersecting);\n else entry.target.classList.remove(\"show\");\n });\n});\nconst $35da740d59af89ba$var$hiddenElements = document.querySelectorAll(\".hidden\");\n$35da740d59af89ba$var$hiddenElements.forEach((el)=>$35da740d59af89ba$var$observer.observe(el));\nwindow.addEventListener(\"scroll\", function() {\n // Calcul de la position du défilement\n var scroll = window.pageYOffset || document.documentElement.scrollTop;\n // Obtenir la hauteur de la fenêtre\n var windowHeight = window.innerHeight;\n // Obtenir les éléments de section\n var sectionOne = document.querySelector(\".section-one\");\n var sectionTwoUp = document.querySelector(\".section-two .part-one\");\n var sectionThree = document.querySelector(\".section-three\");\n var sectionFour = document.querySelector(\".section-four\");\n // Calculer le pourcentage de défilement pour la section actuelle\n var scrollPercentOneTwo = scroll / windowHeight;\n var scrollPercentTwoThree = (scroll - windowHeight) / windowHeight;\n var scrollPercentThreeFour = (scroll - 2 * windowHeight) / windowHeight;\n // Fixer une limite pour le pourcentage de défilement entre 0 et 1 pour chaque transition\n scrollPercentOneTwo = Math.min(1, Math.max(0, scrollPercentOneTwo));\n scrollPercentTwoThree = Math.min(1, Math.max(0, scrollPercentTwoThree));\n scrollPercentThreeFour = Math.min(1, Math.max(0, scrollPercentThreeFour));\n // Transition de la section 1 à la section 2 (part-one)\n sectionOne.style.backgroundColor = \"rgba(120, 106, 191,\" + scrollPercentOneTwo + \")\";\n sectionTwoUp.style.backgroundColor = \"rgba(120, 106, 191,\" + scrollPercentOneTwo + \")\";\n // Transition de la section 3 à la section 4\n if (scroll >= 2 * windowHeight) {\n // Commence la transition après que la section 2 dépasse\n sectionThree.style.backgroundColor = \"rgba(120, 106, 191,\" + (1 - scrollPercentThreeFour) + \")\";\n sectionFour.style.backgroundColor = \"rgba(120, 106, 191,\" + (1 - scrollPercentThreeFour) + \")\";\n }\n});\n\n\n//# sourceMappingURL=index.0a2b0b61.js.map\n","import anime from \"animejs/lib/anime.es.js\";\n\nlet pathSecondOrnament = document.querySelector(\"#second-ornament-path\");\nlet totalLenghtSecondOrnament = pathSecondOrnament.getTotalLength();\nlet logoPath = document.querySelector(\"logo-path\");\n\nlet currentSection = 1;\n\nfunction updateCurrentSection() {\n let viewportHeight =\n window.innerHeight || document.documentElement.clientHeight;\n\n let scrollPosition =\n window.scrollY ||\n document.body.scrollTop +\n ((document.documentElement && document.documentElement.scrollTop) || 0);\n\n currentSection = scrollPosition / viewportHeight + 1;\n}\n\nanime({\n targets: \"#logo-path\",\n strokeDashoffset: [anime.setDashoffset, 0],\n easing: \"easeInOutSine\",\n duration: 1000,\n loop: false,\n delay: 500,\n});\n\nanime({\n targets: \"#first-ornament-path\",\n strokeDashoffset: [anime.setDashoffset, 0],\n easing: \"easeInOutSine\",\n duration: 1500,\n loop: false,\n delay: 1000,\n});\n\nanime({\n targets: \"#second-ornament-path\",\n strokeDashoffset: [anime.setDashoffset, 0],\n easing: \"easeInOutSine\",\n duration: 1500,\n loop: false,\n delay: 1000,\n});\n\nanime({\n targets: \"#circle\",\n opacity: 1,\n delay: 2000,\n duration: 10000,\n});\nanime({\n targets: \"#titre\",\n opacity: 1,\n delay: 2200,\n duration: 10000,\n});\nanime({\n targets: \"#date\",\n opacity: 1,\n delay: 2500,\n duration: 10000,\n});\n\nanime({\n targets: \"#line\",\n opacity: 1,\n delay: 2000,\n duration: 5000,\n});\n\nanime({\n targets: \".center\",\n opacity: 1,\n delay: 3300,\n duration: 5000,\n});\n\nanime({\n targets: \".st1\",\n fill: \"#fff\",\n delay: 1200,\n duration: 7000,\n});\n\nanime({\n targets: \"#first-text-container\",\n opacity: 1,\n delay: 2600,\n duration: 4000,\n});\n\nanime({\n targets: \"#second-text\",\n opacity: 1,\n duration: 4000,\n delay: 2800,\n});\n\nanime({\n targets: \"#line-container\",\n x: \"0%\",\n rotate: \"360deg\",\n duration: 2000,\n easing: \"easeOutQuart\",\n delay: 500,\n});\n\n// Scrolling behavior\n\nconst arrowUp = document.getElementById(\"arrow-up\");\nconst arrowDown = document.getElementById(\"arrow-down\");\nconst sectionOne = document.getElementById(\"section-one\");\nconst sectionTwo = document.getElementById(\"section-two\");\nconst sectionThree = document.getElementById(\"section-three\");\nconst sectionFour = document.getElementById(\"section-four\");\nconst arrowContainer = document.querySelector(\".arrow-container\");\n\nwindow.addEventListener(\"scroll\", function () {\n if (window.scrollY === 0) {\n arrowContainer.removeChild(arrowUp.parentElement);\n } else {\n arrowContainer.appendChild(arrowUp.parentElement);\n }\n\n if (window.innerHeight + window.scrollY >= document.body.offsetHeight) {\n arrowContainer.removeChild(arrowDown.parentElement);\n } else {\n arrowContainer.appendChild(arrow.parentElement);\n }\n});\narrowUp.addEventListener(\"mouseenter\", function () {\n arrowUp.style.opacity = 0.5;\n});\n\narrowUp.addEventListener(\"mouseleave\", function () {\n arrowUp.style.opacity = 1;\n});\narrowDown.addEventListener(\"mouseenter\", function () {\n arrowDown.style.opacity = 0.5;\n});\n\narrowDown.addEventListener(\"mouseleave\", function () {\n arrowDown.style.opacity = 1;\n});\n\ndocument.addEventListener(\"scroll\", function () {\n updateCurrentSection();\n});\n\narrowDown.addEventListener(\"click\", function () {\n if (currentSection >= 1 && currentSection < 2) {\n sectionTwo.scrollIntoView({ behavior: \"smooth\" });\n } else if (currentSection >= 2 && currentSection < 3) {\n sectionThree.scrollIntoView({ behavior: \"smooth\" });\n } else if (currentSection >= 3 && currentSection < 4) {\n sectionFour.scrollIntoView({ behavior: \"smooth\" });\n }\n});\n\narrowUp.addEventListener(\"click\", function () {\n if (currentSection > 1 && currentSection <= 2) {\n sectionOne.scrollIntoView({ behavior: \"smooth\" });\n } else if (currentSection > 2 && currentSection <= 3) {\n sectionTwo.scrollIntoView({ behavior: \"smooth\" });\n } else if (currentSection >= 3 && currentSection <= 4) {\n sectionThree.scrollIntoView({ behavior: \"smooth\" });\n }\n});\n\n// footer\n\nlet footer = document.querySelector(\".footer\");\n\nfunction updateFooterVisibility() {\n let scrollPosition = window.scrollY || document.documentElement.scrollTop;\n\n let totalHeight = document.documentElement.scrollHeight;\n\n if (\n scrollPosition === 0 ||\n scrollPosition + window.innerHeight >= totalHeight\n ) {\n footer.classList.add(\"show\");\n } else {\n footer.classList.remove(\"show\");\n }\n}\n\nupdateFooterVisibility();\n\ndocument.addEventListener(\"scroll\", function () {\n updateFooterVisibility();\n});\n\n// Rebours\n\nlet today = new Date();\nconst endDate = new Date(2023, 11, 13);\nlet timeDifference = endDate.getTime() - today.getTime();\nlet daysDifference = Math.ceil(timeDifference / (1000 * 60 * 60 * 24));\n// let hours = Math.abs(today - endDate) / 36e5;\n\nlet days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));\n\n// Calculate hours, minutes, and seconds\nlet hours = Math.floor(\n (timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)\n);\nlet minutes = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60));\nlet seconds = Math.floor((timeDifference % (1000 * 60)) / 1000);\n\n// Set up flaps ////////////////////////////////////////////\nspeed = 0.1; // seconds\nbeginStr = `${hours}H${minutes}M${seconds}s`.toUpperCase().split(\"\");\nendStr = `${days} JOURS`.toUpperCase().split(\"\");\n// A-Z, 0-9, spaces only\n\namountOfFlaps =\n beginStr.length >= endStr.length ? beginStr.length : endStr.length;\n\ndiv = document.querySelector(\".center\");\nhtml = \"\";\nfor (var x = 0; x < amountOfFlaps; x++) {\n html +=\n '
';\n}\n\ndiv.innerHTML = html;\n\n// Set up more stuff ///////////////////////////////////////\na1 = document.querySelectorAll(\".top\");\na2 = document.querySelectorAll(\".bottom\");\nb1 = document.querySelectorAll(\".nextFull\");\nb2 = document.querySelectorAll(\".nextHalf\");\n\nfor (var x = 0; x < a1.length; x++) {\n a2[x].style.animationDuration = speed + \"s\";\n b2[x].style.animationDuration = speed + \"s\";\n}\n\n// And even more ///////////////////////////////////////////\nchar = [\n \"A\",\n \"B\",\n \"C\",\n \"D\",\n \"E\",\n \"F\",\n \"G\",\n \"H\",\n \"I\",\n \"J\",\n \"K\",\n \"L\",\n \"M\",\n \"N\",\n \"O\",\n \"P\",\n \"Q\",\n \"R\",\n \"S\",\n \"T\",\n \"U\",\n \"V\",\n \"W\",\n \"X\",\n \"Y\",\n \"Z\",\n \"1\",\n \"2\",\n \"3\",\n \"4\",\n \"5\",\n \"6\",\n \"7\",\n \"8\",\n \"9\",\n \"0\",\n \" \",\n];\n\n(strCount = []), (flag = []);\n\nfor (var x = 0; x < amountOfFlaps; x++) {\n if (beginStr.length != amountOfFlaps) {\n for (var x = 0; x < amountOfFlaps - beginStr.length; x++) {\n beginStr.push(\" \");\n }\n } else if (endStr.length != amountOfFlaps) {\n for (var x = 0; x < amountOfFlaps - endStr.length; x++) {\n endStr.push(\" \");\n }\n }\n}\nfor (var x = 0; x < amountOfFlaps; x++) {\n strCount[x] = char.indexOf(beginStr[x]);\n (flag[x] = false), (flag2 = true);\n}\n\n// Flip them flaps /////////////////////////////////////////\nsetInterval(function () {\n for (var x = 0; x < amountOfFlaps; x++) {\n if (b1[x].innerHTML == endStr[x]) dontFlipIt(x);\n else flipIt(x);\n\n if (\n flag.every(function (e) {\n return e;\n }) &&\n flag2\n )\n (flag2 = false), changeDestination();\n }\n}, speed * 1000);\n\n////////////////////////////////////////////////////////////\n// Flap flipping functions /////////////////////////////////\n////////////////////////////////////////////////////////////\nfunction flipIt(x) {\n a1[x].innerHTML = char[strCount[x] == 0 ? char.length - 1 : strCount[x] - 1];\n a2[x].innerHTML = char[strCount[x] == 0 ? char.length - 1 : strCount[x] - 1];\n b1[x].innerHTML = char[strCount[x]];\n b2[x].innerHTML = char[strCount[x]];\n\n a2[x].classList.remove(\"flip1\");\n a2[x].offsetWidth = a2[x].offsetWidth;\n a2[x].classList.add(\"flip1\");\n b2[x].classList.remove(\"flip2\");\n b2[x].offsetWidth = b2[x].offsetWidth;\n b2[x].classList.add(\"flip2\");\n\n if (strCount[x] > char.length - 2) strCount[x] = 0;\n else strCount[x]++;\n}\n\nfunction dontFlipIt(x) {\n flag[x] = true;\n a2[x].classList.remove(\"flip2\");\n a2[x].style.backgroundColor = \"#3BB6eB\";\n b2[x].style.backgroundColor = \"#3BB6eB\";\n a1[x].innerHTML = char[strCount[x] == 0 ? char.length - 1 : strCount[x] - 1];\n a2[x].innerHTML = char[strCount[x] == 0 ? char.length - 1 : strCount[x] - 1];\n}\n\nfunction changeDestination() {\n setTimeout(function () {\n flag.fill(false);\n flag2 = true;\n\n var tempArr = endStr.slice();\n endStr = beginStr.slice();\n beginStr = tempArr.slice();\n }, 3000);\n}\n\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n entry.target.classList.toggle(\"show\", entry.isIntersecting);\n } else {\n entry.target.classList.remove(\"show\");\n }\n });\n});\n\nconst hiddenElements = document.querySelectorAll(\".hidden\");\nhiddenElements.forEach((el) => observer.observe(el));\n\nwindow.addEventListener(\"scroll\", function () {\n // Calcul de la position du défilement\n var scroll = window.pageYOffset || document.documentElement.scrollTop;\n\n // Obtenir la hauteur de la fenêtre\n var windowHeight = window.innerHeight;\n\n // Obtenir les éléments de section\n var sectionOne = document.querySelector(\".section-one\");\n var sectionTwoUp = document.querySelector(\".section-two .part-one\");\n var sectionThree = document.querySelector(\".section-three\");\n var sectionFour = document.querySelector(\".section-four\");\n\n // Calculer le pourcentage de défilement pour la section actuelle\n var scrollPercentOneTwo = scroll / windowHeight;\n var scrollPercentTwoThree = (scroll - windowHeight) / windowHeight;\n var scrollPercentThreeFour = (scroll - 2 * windowHeight) / windowHeight;\n\n // Fixer une limite pour le pourcentage de défilement entre 0 et 1 pour chaque transition\n scrollPercentOneTwo = Math.min(1, Math.max(0, scrollPercentOneTwo));\n scrollPercentTwoThree = Math.min(1, Math.max(0, scrollPercentTwoThree));\n scrollPercentThreeFour = Math.min(1, Math.max(0, scrollPercentThreeFour));\n\n // Transition de la section 1 à la section 2 (part-one)\n sectionOne.style.backgroundColor =\n \"rgba(120, 106, 191,\" + scrollPercentOneTwo + \")\";\n sectionTwoUp.style.backgroundColor =\n \"rgba(120, 106, 191,\" + scrollPercentOneTwo + \")\";\n\n // Transition de la section 3 à la section 4\n if (scroll >= 2 * windowHeight) {\n // Commence la transition après que la section 2 dépasse\n sectionThree.style.backgroundColor =\n \"rgba(120, 106, 191,\" + (1 - scrollPercentThreeFour) + \")\";\n sectionFour.style.backgroundColor =\n \"rgba(120, 106, 191,\" + (1 - scrollPercentThreeFour) + \")\";\n }\n});\n","/*\n * anime.js v3.2.1\n * (c) 2020 Julian Garnier\n * Released under the MIT license\n * animejs.com\n */\n\n// Defaults\n\nvar defaultInstanceSettings = {\n update: null,\n begin: null,\n loopBegin: null,\n changeBegin: null,\n change: null,\n changeComplete: null,\n loopComplete: null,\n complete: null,\n loop: 1,\n direction: 'normal',\n autoplay: true,\n timelineOffset: 0\n};\n\nvar defaultTweenSettings = {\n duration: 1000,\n delay: 0,\n endDelay: 0,\n easing: 'easeOutElastic(1, .5)',\n round: 0\n};\n\nvar validTransforms = ['translateX', 'translateY', 'translateZ', 'rotate', 'rotateX', 'rotateY', 'rotateZ', 'scale', 'scaleX', 'scaleY', 'scaleZ', 'skew', 'skewX', 'skewY', 'perspective', 'matrix', 'matrix3d'];\n\n// Caching\n\nvar cache = {\n CSS: {},\n springs: {}\n};\n\n// Utils\n\nfunction minMax(val, min, max) {\n return Math.min(Math.max(val, min), max);\n}\n\nfunction stringContains(str, text) {\n return str.indexOf(text) > -1;\n}\n\nfunction applyArguments(func, args) {\n return func.apply(null, args);\n}\n\nvar is = {\n arr: function (a) { return Array.isArray(a); },\n obj: function (a) { return stringContains(Object.prototype.toString.call(a), 'Object'); },\n pth: function (a) { return is.obj(a) && a.hasOwnProperty('totalLength'); },\n svg: function (a) { return a instanceof SVGElement; },\n inp: function (a) { return a instanceof HTMLInputElement; },\n dom: function (a) { return a.nodeType || is.svg(a); },\n str: function (a) { return typeof a === 'string'; },\n fnc: function (a) { return typeof a === 'function'; },\n und: function (a) { return typeof a === 'undefined'; },\n nil: function (a) { return is.und(a) || a === null; },\n hex: function (a) { return /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(a); },\n rgb: function (a) { return /^rgb/.test(a); },\n hsl: function (a) { return /^hsl/.test(a); },\n col: function (a) { return (is.hex(a) || is.rgb(a) || is.hsl(a)); },\n key: function (a) { return !defaultInstanceSettings.hasOwnProperty(a) && !defaultTweenSettings.hasOwnProperty(a) && a !== 'targets' && a !== 'keyframes'; },\n};\n\n// Easings\n\nfunction parseEasingParameters(string) {\n var match = /\\(([^)]+)\\)/.exec(string);\n return match ? match[1].split(',').map(function (p) { return parseFloat(p); }) : [];\n}\n\n// Spring solver inspired by Webkit Copyright © 2016 Apple Inc. All rights reserved. https://webkit.org/demos/spring/spring.js\n\nfunction spring(string, duration) {\n\n var params = parseEasingParameters(string);\n var mass = minMax(is.und(params[0]) ? 1 : params[0], .1, 100);\n var stiffness = minMax(is.und(params[1]) ? 100 : params[1], .1, 100);\n var damping = minMax(is.und(params[2]) ? 10 : params[2], .1, 100);\n var velocity = minMax(is.und(params[3]) ? 0 : params[3], .1, 100);\n var w0 = Math.sqrt(stiffness / mass);\n var zeta = damping / (2 * Math.sqrt(stiffness * mass));\n var wd = zeta < 1 ? w0 * Math.sqrt(1 - zeta * zeta) : 0;\n var a = 1;\n var b = zeta < 1 ? (zeta * w0 + -velocity) / wd : -velocity + w0;\n\n function solver(t) {\n var progress = duration ? (duration * t) / 1000 : t;\n if (zeta < 1) {\n progress = Math.exp(-progress * zeta * w0) * (a * Math.cos(wd * progress) + b * Math.sin(wd * progress));\n } else {\n progress = (a + b * progress) * Math.exp(-progress * w0);\n }\n if (t === 0 || t === 1) { return t; }\n return 1 - progress;\n }\n\n function getDuration() {\n var cached = cache.springs[string];\n if (cached) { return cached; }\n var frame = 1/6;\n var elapsed = 0;\n var rest = 0;\n while(true) {\n elapsed += frame;\n if (solver(elapsed) === 1) {\n rest++;\n if (rest >= 16) { break; }\n } else {\n rest = 0;\n }\n }\n var duration = elapsed * frame * 1000;\n cache.springs[string] = duration;\n return duration;\n }\n\n return duration ? solver : getDuration;\n\n}\n\n// Basic steps easing implementation https://developer.mozilla.org/fr/docs/Web/CSS/transition-timing-function\n\nfunction steps(steps) {\n if ( steps === void 0 ) steps = 10;\n\n return function (t) { return Math.ceil((minMax(t, 0.000001, 1)) * steps) * (1 / steps); };\n}\n\n// BezierEasing https://github.com/gre/bezier-easing\n\nvar bezier = (function () {\n\n var kSplineTableSize = 11;\n var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);\n\n function A(aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1 }\n function B(aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1 }\n function C(aA1) { return 3.0 * aA1 }\n\n function calcBezier(aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT }\n function getSlope(aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1) }\n\n function binarySubdivide(aX, aA, aB, mX1, mX2) {\n var currentX, currentT, i = 0;\n do {\n currentT = aA + (aB - aA) / 2.0;\n currentX = calcBezier(currentT, mX1, mX2) - aX;\n if (currentX > 0.0) { aB = currentT; } else { aA = currentT; }\n } while (Math.abs(currentX) > 0.0000001 && ++i < 10);\n return currentT;\n }\n\n function newtonRaphsonIterate(aX, aGuessT, mX1, mX2) {\n for (var i = 0; i < 4; ++i) {\n var currentSlope = getSlope(aGuessT, mX1, mX2);\n if (currentSlope === 0.0) { return aGuessT; }\n var currentX = calcBezier(aGuessT, mX1, mX2) - aX;\n aGuessT -= currentX / currentSlope;\n }\n return aGuessT;\n }\n\n function bezier(mX1, mY1, mX2, mY2) {\n\n if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) { return; }\n var sampleValues = new Float32Array(kSplineTableSize);\n\n if (mX1 !== mY1 || mX2 !== mY2) {\n for (var i = 0; i < kSplineTableSize; ++i) {\n sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);\n }\n }\n\n function getTForX(aX) {\n\n var intervalStart = 0;\n var currentSample = 1;\n var lastSample = kSplineTableSize - 1;\n\n for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {\n intervalStart += kSampleStepSize;\n }\n\n --currentSample;\n\n var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);\n var guessForT = intervalStart + dist * kSampleStepSize;\n var initialSlope = getSlope(guessForT, mX1, mX2);\n\n if (initialSlope >= 0.001) {\n return newtonRaphsonIterate(aX, guessForT, mX1, mX2);\n } else if (initialSlope === 0.0) {\n return guessForT;\n } else {\n return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);\n }\n\n }\n\n return function (x) {\n if (mX1 === mY1 && mX2 === mY2) { return x; }\n if (x === 0 || x === 1) { return x; }\n return calcBezier(getTForX(x), mY1, mY2);\n }\n\n }\n\n return bezier;\n\n})();\n\nvar penner = (function () {\n\n // Based on jQuery UI's implemenation of easing equations from Robert Penner (http://www.robertpenner.com/easing)\n\n var eases = { linear: function () { return function (t) { return t; }; } };\n\n var functionEasings = {\n Sine: function () { return function (t) { return 1 - Math.cos(t * Math.PI / 2); }; },\n Circ: function () { return function (t) { return 1 - Math.sqrt(1 - t * t); }; },\n Back: function () { return function (t) { return t * t * (3 * t - 2); }; },\n Bounce: function () { return function (t) {\n var pow2, b = 4;\n while (t < (( pow2 = Math.pow(2, --b)) - 1) / 11) {}\n return 1 / Math.pow(4, 3 - b) - 7.5625 * Math.pow(( pow2 * 3 - 2 ) / 22 - t, 2)\n }; },\n Elastic: function (amplitude, period) {\n if ( amplitude === void 0 ) amplitude = 1;\n if ( period === void 0 ) period = .5;\n\n var a = minMax(amplitude, 1, 10);\n var p = minMax(period, .1, 2);\n return function (t) {\n return (t === 0 || t === 1) ? t : \n -a * Math.pow(2, 10 * (t - 1)) * Math.sin((((t - 1) - (p / (Math.PI * 2) * Math.asin(1 / a))) * (Math.PI * 2)) / p);\n }\n }\n };\n\n var baseEasings = ['Quad', 'Cubic', 'Quart', 'Quint', 'Expo'];\n\n baseEasings.forEach(function (name, i) {\n functionEasings[name] = function () { return function (t) { return Math.pow(t, i + 2); }; };\n });\n\n Object.keys(functionEasings).forEach(function (name) {\n var easeIn = functionEasings[name];\n eases['easeIn' + name] = easeIn;\n eases['easeOut' + name] = function (a, b) { return function (t) { return 1 - easeIn(a, b)(1 - t); }; };\n eases['easeInOut' + name] = function (a, b) { return function (t) { return t < 0.5 ? easeIn(a, b)(t * 2) / 2 : \n 1 - easeIn(a, b)(t * -2 + 2) / 2; }; };\n eases['easeOutIn' + name] = function (a, b) { return function (t) { return t < 0.5 ? (1 - easeIn(a, b)(1 - t * 2)) / 2 : \n (easeIn(a, b)(t * 2 - 1) + 1) / 2; }; };\n });\n\n return eases;\n\n})();\n\nfunction parseEasings(easing, duration) {\n if (is.fnc(easing)) { return easing; }\n var name = easing.split('(')[0];\n var ease = penner[name];\n var args = parseEasingParameters(easing);\n switch (name) {\n case 'spring' : return spring(easing, duration);\n case 'cubicBezier' : return applyArguments(bezier, args);\n case 'steps' : return applyArguments(steps, args);\n default : return applyArguments(ease, args);\n }\n}\n\n// Strings\n\nfunction selectString(str) {\n try {\n var nodes = document.querySelectorAll(str);\n return nodes;\n } catch(e) {\n return;\n }\n}\n\n// Arrays\n\nfunction filterArray(arr, callback) {\n var len = arr.length;\n var thisArg = arguments.length >= 2 ? arguments[1] : void 0;\n var result = [];\n for (var i = 0; i < len; i++) {\n if (i in arr) {\n var val = arr[i];\n if (callback.call(thisArg, val, i, arr)) {\n result.push(val);\n }\n }\n }\n return result;\n}\n\nfunction flattenArray(arr) {\n return arr.reduce(function (a, b) { return a.concat(is.arr(b) ? flattenArray(b) : b); }, []);\n}\n\nfunction toArray(o) {\n if (is.arr(o)) { return o; }\n if (is.str(o)) { o = selectString(o) || o; }\n if (o instanceof NodeList || o instanceof HTMLCollection) { return [].slice.call(o); }\n return [o];\n}\n\nfunction arrayContains(arr, val) {\n return arr.some(function (a) { return a === val; });\n}\n\n// Objects\n\nfunction cloneObject(o) {\n var clone = {};\n for (var p in o) { clone[p] = o[p]; }\n return clone;\n}\n\nfunction replaceObjectProps(o1, o2) {\n var o = cloneObject(o1);\n for (var p in o1) { o[p] = o2.hasOwnProperty(p) ? o2[p] : o1[p]; }\n return o;\n}\n\nfunction mergeObjects(o1, o2) {\n var o = cloneObject(o1);\n for (var p in o2) { o[p] = is.und(o1[p]) ? o2[p] : o1[p]; }\n return o;\n}\n\n// Colors\n\nfunction rgbToRgba(rgbValue) {\n var rgb = /rgb\\((\\d+,\\s*[\\d]+,\\s*[\\d]+)\\)/g.exec(rgbValue);\n return rgb ? (\"rgba(\" + (rgb[1]) + \",1)\") : rgbValue;\n}\n\nfunction hexToRgba(hexValue) {\n var rgx = /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i;\n var hex = hexValue.replace(rgx, function (m, r, g, b) { return r + r + g + g + b + b; } );\n var rgb = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n var r = parseInt(rgb[1], 16);\n var g = parseInt(rgb[2], 16);\n var b = parseInt(rgb[3], 16);\n return (\"rgba(\" + r + \",\" + g + \",\" + b + \",1)\");\n}\n\nfunction hslToRgba(hslValue) {\n var hsl = /hsl\\((\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%\\)/g.exec(hslValue) || /hsla\\((\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%,\\s*([\\d.]+)\\)/g.exec(hslValue);\n var h = parseInt(hsl[1], 10) / 360;\n var s = parseInt(hsl[2], 10) / 100;\n var l = parseInt(hsl[3], 10) / 100;\n var a = hsl[4] || 1;\n function hue2rgb(p, q, t) {\n if (t < 0) { t += 1; }\n if (t > 1) { t -= 1; }\n if (t < 1/6) { return p + (q - p) * 6 * t; }\n if (t < 1/2) { return q; }\n if (t < 2/3) { return p + (q - p) * (2/3 - t) * 6; }\n return p;\n }\n var r, g, b;\n if (s == 0) {\n r = g = b = l;\n } else {\n var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n var p = 2 * l - q;\n r = hue2rgb(p, q, h + 1/3);\n g = hue2rgb(p, q, h);\n b = hue2rgb(p, q, h - 1/3);\n }\n return (\"rgba(\" + (r * 255) + \",\" + (g * 255) + \",\" + (b * 255) + \",\" + a + \")\");\n}\n\nfunction colorToRgb(val) {\n if (is.rgb(val)) { return rgbToRgba(val); }\n if (is.hex(val)) { return hexToRgba(val); }\n if (is.hsl(val)) { return hslToRgba(val); }\n}\n\n// Units\n\nfunction getUnit(val) {\n var split = /[+-]?\\d*\\.?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(val);\n if (split) { return split[1]; }\n}\n\nfunction getTransformUnit(propName) {\n if (stringContains(propName, 'translate') || propName === 'perspective') { return 'px'; }\n if (stringContains(propName, 'rotate') || stringContains(propName, 'skew')) { return 'deg'; }\n}\n\n// Values\n\nfunction getFunctionValue(val, animatable) {\n if (!is.fnc(val)) { return val; }\n return val(animatable.target, animatable.id, animatable.total);\n}\n\nfunction getAttribute(el, prop) {\n return el.getAttribute(prop);\n}\n\nfunction convertPxToUnit(el, value, unit) {\n var valueUnit = getUnit(value);\n if (arrayContains([unit, 'deg', 'rad', 'turn'], valueUnit)) { return value; }\n var cached = cache.CSS[value + unit];\n if (!is.und(cached)) { return cached; }\n var baseline = 100;\n var tempEl = document.createElement(el.tagName);\n var parentEl = (el.parentNode && (el.parentNode !== document)) ? el.parentNode : document.body;\n parentEl.appendChild(tempEl);\n tempEl.style.position = 'absolute';\n tempEl.style.width = baseline + unit;\n var factor = baseline / tempEl.offsetWidth;\n parentEl.removeChild(tempEl);\n var convertedUnit = factor * parseFloat(value);\n cache.CSS[value + unit] = convertedUnit;\n return convertedUnit;\n}\n\nfunction getCSSValue(el, prop, unit) {\n if (prop in el.style) {\n var uppercasePropName = prop.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n var value = el.style[prop] || getComputedStyle(el).getPropertyValue(uppercasePropName) || '0';\n return unit ? convertPxToUnit(el, value, unit) : value;\n }\n}\n\nfunction getAnimationType(el, prop) {\n if (is.dom(el) && !is.inp(el) && (!is.nil(getAttribute(el, prop)) || (is.svg(el) && el[prop]))) { return 'attribute'; }\n if (is.dom(el) && arrayContains(validTransforms, prop)) { return 'transform'; }\n if (is.dom(el) && (prop !== 'transform' && getCSSValue(el, prop))) { return 'css'; }\n if (el[prop] != null) { return 'object'; }\n}\n\nfunction getElementTransforms(el) {\n if (!is.dom(el)) { return; }\n var str = el.style.transform || '';\n var reg = /(\\w+)\\(([^)]*)\\)/g;\n var transforms = new Map();\n var m; while (m = reg.exec(str)) { transforms.set(m[1], m[2]); }\n return transforms;\n}\n\nfunction getTransformValue(el, propName, animatable, unit) {\n var defaultVal = stringContains(propName, 'scale') ? 1 : 0 + getTransformUnit(propName);\n var value = getElementTransforms(el).get(propName) || defaultVal;\n if (animatable) {\n animatable.transforms.list.set(propName, value);\n animatable.transforms['last'] = propName;\n }\n return unit ? convertPxToUnit(el, value, unit) : value;\n}\n\nfunction getOriginalTargetValue(target, propName, unit, animatable) {\n switch (getAnimationType(target, propName)) {\n case 'transform': return getTransformValue(target, propName, animatable, unit);\n case 'css': return getCSSValue(target, propName, unit);\n case 'attribute': return getAttribute(target, propName);\n default: return target[propName] || 0;\n }\n}\n\nfunction getRelativeValue(to, from) {\n var operator = /^(\\*=|\\+=|-=)/.exec(to);\n if (!operator) { return to; }\n var u = getUnit(to) || 0;\n var x = parseFloat(from);\n var y = parseFloat(to.replace(operator[0], ''));\n switch (operator[0][0]) {\n case '+': return x + y + u;\n case '-': return x - y + u;\n case '*': return x * y + u;\n }\n}\n\nfunction validateValue(val, unit) {\n if (is.col(val)) { return colorToRgb(val); }\n if (/\\s/g.test(val)) { return val; }\n var originalUnit = getUnit(val);\n var unitLess = originalUnit ? val.substr(0, val.length - originalUnit.length) : val;\n if (unit) { return unitLess + unit; }\n return unitLess;\n}\n\n// getTotalLength() equivalent for circle, rect, polyline, polygon and line shapes\n// adapted from https://gist.github.com/SebLambla/3e0550c496c236709744\n\nfunction getDistance(p1, p2) {\n return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));\n}\n\nfunction getCircleLength(el) {\n return Math.PI * 2 * getAttribute(el, 'r');\n}\n\nfunction getRectLength(el) {\n return (getAttribute(el, 'width') * 2) + (getAttribute(el, 'height') * 2);\n}\n\nfunction getLineLength(el) {\n return getDistance(\n {x: getAttribute(el, 'x1'), y: getAttribute(el, 'y1')}, \n {x: getAttribute(el, 'x2'), y: getAttribute(el, 'y2')}\n );\n}\n\nfunction getPolylineLength(el) {\n var points = el.points;\n var totalLength = 0;\n var previousPos;\n for (var i = 0 ; i < points.numberOfItems; i++) {\n var currentPos = points.getItem(i);\n if (i > 0) { totalLength += getDistance(previousPos, currentPos); }\n previousPos = currentPos;\n }\n return totalLength;\n}\n\nfunction getPolygonLength(el) {\n var points = el.points;\n return getPolylineLength(el) + getDistance(points.getItem(points.numberOfItems - 1), points.getItem(0));\n}\n\n// Path animation\n\nfunction getTotalLength(el) {\n if (el.getTotalLength) { return el.getTotalLength(); }\n switch(el.tagName.toLowerCase()) {\n case 'circle': return getCircleLength(el);\n case 'rect': return getRectLength(el);\n case 'line': return getLineLength(el);\n case 'polyline': return getPolylineLength(el);\n case 'polygon': return getPolygonLength(el);\n }\n}\n\nfunction setDashoffset(el) {\n var pathLength = getTotalLength(el);\n el.setAttribute('stroke-dasharray', pathLength);\n return pathLength;\n}\n\n// Motion path\n\nfunction getParentSvgEl(el) {\n var parentEl = el.parentNode;\n while (is.svg(parentEl)) {\n if (!is.svg(parentEl.parentNode)) { break; }\n parentEl = parentEl.parentNode;\n }\n return parentEl;\n}\n\nfunction getParentSvg(pathEl, svgData) {\n var svg = svgData || {};\n var parentSvgEl = svg.el || getParentSvgEl(pathEl);\n var rect = parentSvgEl.getBoundingClientRect();\n var viewBoxAttr = getAttribute(parentSvgEl, 'viewBox');\n var width = rect.width;\n var height = rect.height;\n var viewBox = svg.viewBox || (viewBoxAttr ? viewBoxAttr.split(' ') : [0, 0, width, height]);\n return {\n el: parentSvgEl,\n viewBox: viewBox,\n x: viewBox[0] / 1,\n y: viewBox[1] / 1,\n w: width,\n h: height,\n vW: viewBox[2],\n vH: viewBox[3]\n }\n}\n\nfunction getPath(path, percent) {\n var pathEl = is.str(path) ? selectString(path)[0] : path;\n var p = percent || 100;\n return function(property) {\n return {\n property: property,\n el: pathEl,\n svg: getParentSvg(pathEl),\n totalLength: getTotalLength(pathEl) * (p / 100)\n }\n }\n}\n\nfunction getPathProgress(path, progress, isPathTargetInsideSVG) {\n function point(offset) {\n if ( offset === void 0 ) offset = 0;\n\n var l = progress + offset >= 1 ? progress + offset : 0;\n return path.el.getPointAtLength(l);\n }\n var svg = getParentSvg(path.el, path.svg);\n var p = point();\n var p0 = point(-1);\n var p1 = point(+1);\n var scaleX = isPathTargetInsideSVG ? 1 : svg.w / svg.vW;\n var scaleY = isPathTargetInsideSVG ? 1 : svg.h / svg.vH;\n switch (path.property) {\n case 'x': return (p.x - svg.x) * scaleX;\n case 'y': return (p.y - svg.y) * scaleY;\n case 'angle': return Math.atan2(p1.y - p0.y, p1.x - p0.x) * 180 / Math.PI;\n }\n}\n\n// Decompose value\n\nfunction decomposeValue(val, unit) {\n // const rgx = /-?\\d*\\.?\\d+/g; // handles basic numbers\n // const rgx = /[+-]?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?/g; // handles exponents notation\n var rgx = /[+-]?\\d*\\.?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?/g; // handles exponents notation\n var value = validateValue((is.pth(val) ? val.totalLength : val), unit) + '';\n return {\n original: value,\n numbers: value.match(rgx) ? value.match(rgx).map(Number) : [0],\n strings: (is.str(val) || unit) ? value.split(rgx) : []\n }\n}\n\n// Animatables\n\nfunction parseTargets(targets) {\n var targetsArray = targets ? (flattenArray(is.arr(targets) ? targets.map(toArray) : toArray(targets))) : [];\n return filterArray(targetsArray, function (item, pos, self) { return self.indexOf(item) === pos; });\n}\n\nfunction getAnimatables(targets) {\n var parsed = parseTargets(targets);\n return parsed.map(function (t, i) {\n return {target: t, id: i, total: parsed.length, transforms: { list: getElementTransforms(t) } };\n });\n}\n\n// Properties\n\nfunction normalizePropertyTweens(prop, tweenSettings) {\n var settings = cloneObject(tweenSettings);\n // Override duration if easing is a spring\n if (/^spring/.test(settings.easing)) { settings.duration = spring(settings.easing); }\n if (is.arr(prop)) {\n var l = prop.length;\n var isFromTo = (l === 2 && !is.obj(prop[0]));\n if (!isFromTo) {\n // Duration divided by the number of tweens\n if (!is.fnc(tweenSettings.duration)) { settings.duration = tweenSettings.duration / l; }\n } else {\n // Transform [from, to] values shorthand to a valid tween value\n prop = {value: prop};\n }\n }\n var propArray = is.arr(prop) ? prop : [prop];\n return propArray.map(function (v, i) {\n var obj = (is.obj(v) && !is.pth(v)) ? v : {value: v};\n // Default delay value should only be applied to the first tween\n if (is.und(obj.delay)) { obj.delay = !i ? tweenSettings.delay : 0; }\n // Default endDelay value should only be applied to the last tween\n if (is.und(obj.endDelay)) { obj.endDelay = i === propArray.length - 1 ? tweenSettings.endDelay : 0; }\n return obj;\n }).map(function (k) { return mergeObjects(k, settings); });\n}\n\n\nfunction flattenKeyframes(keyframes) {\n var propertyNames = filterArray(flattenArray(keyframes.map(function (key) { return Object.keys(key); })), function (p) { return is.key(p); })\n .reduce(function (a,b) { if (a.indexOf(b) < 0) { a.push(b); } return a; }, []);\n var properties = {};\n var loop = function ( i ) {\n var propName = propertyNames[i];\n properties[propName] = keyframes.map(function (key) {\n var newKey = {};\n for (var p in key) {\n if (is.key(p)) {\n if (p == propName) { newKey.value = key[p]; }\n } else {\n newKey[p] = key[p];\n }\n }\n return newKey;\n });\n };\n\n for (var i = 0; i < propertyNames.length; i++) loop( i );\n return properties;\n}\n\nfunction getProperties(tweenSettings, params) {\n var properties = [];\n var keyframes = params.keyframes;\n if (keyframes) { params = mergeObjects(flattenKeyframes(keyframes), params); }\n for (var p in params) {\n if (is.key(p)) {\n properties.push({\n name: p,\n tweens: normalizePropertyTweens(params[p], tweenSettings)\n });\n }\n }\n return properties;\n}\n\n// Tweens\n\nfunction normalizeTweenValues(tween, animatable) {\n var t = {};\n for (var p in tween) {\n var value = getFunctionValue(tween[p], animatable);\n if (is.arr(value)) {\n value = value.map(function (v) { return getFunctionValue(v, animatable); });\n if (value.length === 1) { value = value[0]; }\n }\n t[p] = value;\n }\n t.duration = parseFloat(t.duration);\n t.delay = parseFloat(t.delay);\n return t;\n}\n\nfunction normalizeTweens(prop, animatable) {\n var previousTween;\n return prop.tweens.map(function (t) {\n var tween = normalizeTweenValues(t, animatable);\n var tweenValue = tween.value;\n var to = is.arr(tweenValue) ? tweenValue[1] : tweenValue;\n var toUnit = getUnit(to);\n var originalValue = getOriginalTargetValue(animatable.target, prop.name, toUnit, animatable);\n var previousValue = previousTween ? previousTween.to.original : originalValue;\n var from = is.arr(tweenValue) ? tweenValue[0] : previousValue;\n var fromUnit = getUnit(from) || getUnit(originalValue);\n var unit = toUnit || fromUnit;\n if (is.und(to)) { to = previousValue; }\n tween.from = decomposeValue(from, unit);\n tween.to = decomposeValue(getRelativeValue(to, from), unit);\n tween.start = previousTween ? previousTween.end : 0;\n tween.end = tween.start + tween.delay + tween.duration + tween.endDelay;\n tween.easing = parseEasings(tween.easing, tween.duration);\n tween.isPath = is.pth(tweenValue);\n tween.isPathTargetInsideSVG = tween.isPath && is.svg(animatable.target);\n tween.isColor = is.col(tween.from.original);\n if (tween.isColor) { tween.round = 1; }\n previousTween = tween;\n return tween;\n });\n}\n\n// Tween progress\n\nvar setProgressValue = {\n css: function (t, p, v) { return t.style[p] = v; },\n attribute: function (t, p, v) { return t.setAttribute(p, v); },\n object: function (t, p, v) { return t[p] = v; },\n transform: function (t, p, v, transforms, manual) {\n transforms.list.set(p, v);\n if (p === transforms.last || manual) {\n var str = '';\n transforms.list.forEach(function (value, prop) { str += prop + \"(\" + value + \") \"; });\n t.style.transform = str;\n }\n }\n};\n\n// Set Value helper\n\nfunction setTargetsValue(targets, properties) {\n var animatables = getAnimatables(targets);\n animatables.forEach(function (animatable) {\n for (var property in properties) {\n var value = getFunctionValue(properties[property], animatable);\n var target = animatable.target;\n var valueUnit = getUnit(value);\n var originalValue = getOriginalTargetValue(target, property, valueUnit, animatable);\n var unit = valueUnit || getUnit(originalValue);\n var to = getRelativeValue(validateValue(value, unit), originalValue);\n var animType = getAnimationType(target, property);\n setProgressValue[animType](target, property, to, animatable.transforms, true);\n }\n });\n}\n\n// Animations\n\nfunction createAnimation(animatable, prop) {\n var animType = getAnimationType(animatable.target, prop.name);\n if (animType) {\n var tweens = normalizeTweens(prop, animatable);\n var lastTween = tweens[tweens.length - 1];\n return {\n type: animType,\n property: prop.name,\n animatable: animatable,\n tweens: tweens,\n duration: lastTween.end,\n delay: tweens[0].delay,\n endDelay: lastTween.endDelay\n }\n }\n}\n\nfunction getAnimations(animatables, properties) {\n return filterArray(flattenArray(animatables.map(function (animatable) {\n return properties.map(function (prop) {\n return createAnimation(animatable, prop);\n });\n })), function (a) { return !is.und(a); });\n}\n\n// Create Instance\n\nfunction getInstanceTimings(animations, tweenSettings) {\n var animLength = animations.length;\n var getTlOffset = function (anim) { return anim.timelineOffset ? anim.timelineOffset : 0; };\n var timings = {};\n timings.duration = animLength ? Math.max.apply(Math, animations.map(function (anim) { return getTlOffset(anim) + anim.duration; })) : tweenSettings.duration;\n timings.delay = animLength ? Math.min.apply(Math, animations.map(function (anim) { return getTlOffset(anim) + anim.delay; })) : tweenSettings.delay;\n timings.endDelay = animLength ? timings.duration - Math.max.apply(Math, animations.map(function (anim) { return getTlOffset(anim) + anim.duration - anim.endDelay; })) : tweenSettings.endDelay;\n return timings;\n}\n\nvar instanceID = 0;\n\nfunction createNewInstance(params) {\n var instanceSettings = replaceObjectProps(defaultInstanceSettings, params);\n var tweenSettings = replaceObjectProps(defaultTweenSettings, params);\n var properties = getProperties(tweenSettings, params);\n var animatables = getAnimatables(params.targets);\n var animations = getAnimations(animatables, properties);\n var timings = getInstanceTimings(animations, tweenSettings);\n var id = instanceID;\n instanceID++;\n return mergeObjects(instanceSettings, {\n id: id,\n children: [],\n animatables: animatables,\n animations: animations,\n duration: timings.duration,\n delay: timings.delay,\n endDelay: timings.endDelay\n });\n}\n\n// Core\n\nvar activeInstances = [];\n\nvar engine = (function () {\n var raf;\n\n function play() {\n if (!raf && (!isDocumentHidden() || !anime.suspendWhenDocumentHidden) && activeInstances.length > 0) {\n raf = requestAnimationFrame(step);\n }\n }\n function step(t) {\n // memo on algorithm issue:\n // dangerous iteration over mutable `activeInstances`\n // (that collection may be updated from within callbacks of `tick`-ed animation instances)\n var activeInstancesLength = activeInstances.length;\n var i = 0;\n while (i < activeInstancesLength) {\n var activeInstance = activeInstances[i];\n if (!activeInstance.paused) {\n activeInstance.tick(t);\n i++;\n } else {\n activeInstances.splice(i, 1);\n activeInstancesLength--;\n }\n }\n raf = i > 0 ? requestAnimationFrame(step) : undefined;\n }\n\n function handleVisibilityChange() {\n if (!anime.suspendWhenDocumentHidden) { return; }\n\n if (isDocumentHidden()) {\n // suspend ticks\n raf = cancelAnimationFrame(raf);\n } else { // is back to active tab\n // first adjust animations to consider the time that ticks were suspended\n activeInstances.forEach(\n function (instance) { return instance ._onDocumentVisibility(); }\n );\n engine();\n }\n }\n if (typeof document !== 'undefined') {\n document.addEventListener('visibilitychange', handleVisibilityChange);\n }\n\n return play;\n})();\n\nfunction isDocumentHidden() {\n return !!document && document.hidden;\n}\n\n// Public Instance\n\nfunction anime(params) {\n if ( params === void 0 ) params = {};\n\n\n var startTime = 0, lastTime = 0, now = 0;\n var children, childrenLength = 0;\n var resolve = null;\n\n function makePromise(instance) {\n var promise = window.Promise && new Promise(function (_resolve) { return resolve = _resolve; });\n instance.finished = promise;\n return promise;\n }\n\n var instance = createNewInstance(params);\n var promise = makePromise(instance);\n\n function toggleInstanceDirection() {\n var direction = instance.direction;\n if (direction !== 'alternate') {\n instance.direction = direction !== 'normal' ? 'normal' : 'reverse';\n }\n instance.reversed = !instance.reversed;\n children.forEach(function (child) { return child.reversed = instance.reversed; });\n }\n\n function adjustTime(time) {\n return instance.reversed ? instance.duration - time : time;\n }\n\n function resetTime() {\n startTime = 0;\n lastTime = adjustTime(instance.currentTime) * (1 / anime.speed);\n }\n\n function seekChild(time, child) {\n if (child) { child.seek(time - child.timelineOffset); }\n }\n\n function syncInstanceChildren(time) {\n if (!instance.reversePlayback) {\n for (var i = 0; i < childrenLength; i++) { seekChild(time, children[i]); }\n } else {\n for (var i$1 = childrenLength; i$1--;) { seekChild(time, children[i$1]); }\n }\n }\n\n function setAnimationsProgress(insTime) {\n var i = 0;\n var animations = instance.animations;\n var animationsLength = animations.length;\n while (i < animationsLength) {\n var anim = animations[i];\n var animatable = anim.animatable;\n var tweens = anim.tweens;\n var tweenLength = tweens.length - 1;\n var tween = tweens[tweenLength];\n // Only check for keyframes if there is more than one tween\n if (tweenLength) { tween = filterArray(tweens, function (t) { return (insTime < t.end); })[0] || tween; }\n var elapsed = minMax(insTime - tween.start - tween.delay, 0, tween.duration) / tween.duration;\n var eased = isNaN(elapsed) ? 1 : tween.easing(elapsed);\n var strings = tween.to.strings;\n var round = tween.round;\n var numbers = [];\n var toNumbersLength = tween.to.numbers.length;\n var progress = (void 0);\n for (var n = 0; n < toNumbersLength; n++) {\n var value = (void 0);\n var toNumber = tween.to.numbers[n];\n var fromNumber = tween.from.numbers[n] || 0;\n if (!tween.isPath) {\n value = fromNumber + (eased * (toNumber - fromNumber));\n } else {\n value = getPathProgress(tween.value, eased * toNumber, tween.isPathTargetInsideSVG);\n }\n if (round) {\n if (!(tween.isColor && n > 2)) {\n value = Math.round(value * round) / round;\n }\n }\n numbers.push(value);\n }\n // Manual Array.reduce for better performances\n var stringsLength = strings.length;\n if (!stringsLength) {\n progress = numbers[0];\n } else {\n progress = strings[0];\n for (var s = 0; s < stringsLength; s++) {\n var a = strings[s];\n var b = strings[s + 1];\n var n$1 = numbers[s];\n if (!isNaN(n$1)) {\n if (!b) {\n progress += n$1 + ' ';\n } else {\n progress += n$1 + b;\n }\n }\n }\n }\n setProgressValue[anim.type](animatable.target, anim.property, progress, animatable.transforms);\n anim.currentValue = progress;\n i++;\n }\n }\n\n function setCallback(cb) {\n if (instance[cb] && !instance.passThrough) { instance[cb](instance); }\n }\n\n function countIteration() {\n if (instance.remaining && instance.remaining !== true) {\n instance.remaining--;\n }\n }\n\n function setInstanceProgress(engineTime) {\n var insDuration = instance.duration;\n var insDelay = instance.delay;\n var insEndDelay = insDuration - instance.endDelay;\n var insTime = adjustTime(engineTime);\n instance.progress = minMax((insTime / insDuration) * 100, 0, 100);\n instance.reversePlayback = insTime < instance.currentTime;\n if (children) { syncInstanceChildren(insTime); }\n if (!instance.began && instance.currentTime > 0) {\n instance.began = true;\n setCallback('begin');\n }\n if (!instance.loopBegan && instance.currentTime > 0) {\n instance.loopBegan = true;\n setCallback('loopBegin');\n }\n if (insTime <= insDelay && instance.currentTime !== 0) {\n setAnimationsProgress(0);\n }\n if ((insTime >= insEndDelay && instance.currentTime !== insDuration) || !insDuration) {\n setAnimationsProgress(insDuration);\n }\n if (insTime > insDelay && insTime < insEndDelay) {\n if (!instance.changeBegan) {\n instance.changeBegan = true;\n instance.changeCompleted = false;\n setCallback('changeBegin');\n }\n setCallback('change');\n setAnimationsProgress(insTime);\n } else {\n if (instance.changeBegan) {\n instance.changeCompleted = true;\n instance.changeBegan = false;\n setCallback('changeComplete');\n }\n }\n instance.currentTime = minMax(insTime, 0, insDuration);\n if (instance.began) { setCallback('update'); }\n if (engineTime >= insDuration) {\n lastTime = 0;\n countIteration();\n if (!instance.remaining) {\n instance.paused = true;\n if (!instance.completed) {\n instance.completed = true;\n setCallback('loopComplete');\n setCallback('complete');\n if (!instance.passThrough && 'Promise' in window) {\n resolve();\n promise = makePromise(instance);\n }\n }\n } else {\n startTime = now;\n setCallback('loopComplete');\n instance.loopBegan = false;\n if (instance.direction === 'alternate') {\n toggleInstanceDirection();\n }\n }\n }\n }\n\n instance.reset = function() {\n var direction = instance.direction;\n instance.passThrough = false;\n instance.currentTime = 0;\n instance.progress = 0;\n instance.paused = true;\n instance.began = false;\n instance.loopBegan = false;\n instance.changeBegan = false;\n instance.completed = false;\n instance.changeCompleted = false;\n instance.reversePlayback = false;\n instance.reversed = direction === 'reverse';\n instance.remaining = instance.loop;\n children = instance.children;\n childrenLength = children.length;\n for (var i = childrenLength; i--;) { instance.children[i].reset(); }\n if (instance.reversed && instance.loop !== true || (direction === 'alternate' && instance.loop === 1)) { instance.remaining++; }\n setAnimationsProgress(instance.reversed ? instance.duration : 0);\n };\n\n // internal method (for engine) to adjust animation timings before restoring engine ticks (rAF)\n instance._onDocumentVisibility = resetTime;\n\n // Set Value helper\n\n instance.set = function(targets, properties) {\n setTargetsValue(targets, properties);\n return instance;\n };\n\n instance.tick = function(t) {\n now = t;\n if (!startTime) { startTime = now; }\n setInstanceProgress((now + (lastTime - startTime)) * anime.speed);\n };\n\n instance.seek = function(time) {\n setInstanceProgress(adjustTime(time));\n };\n\n instance.pause = function() {\n instance.paused = true;\n resetTime();\n };\n\n instance.play = function() {\n if (!instance.paused) { return; }\n if (instance.completed) { instance.reset(); }\n instance.paused = false;\n activeInstances.push(instance);\n resetTime();\n engine();\n };\n\n instance.reverse = function() {\n toggleInstanceDirection();\n instance.completed = instance.reversed ? false : true;\n resetTime();\n };\n\n instance.restart = function() {\n instance.reset();\n instance.play();\n };\n\n instance.remove = function(targets) {\n var targetsArray = parseTargets(targets);\n removeTargetsFromInstance(targetsArray, instance);\n };\n\n instance.reset();\n\n if (instance.autoplay) { instance.play(); }\n\n return instance;\n\n}\n\n// Remove targets from animation\n\nfunction removeTargetsFromAnimations(targetsArray, animations) {\n for (var a = animations.length; a--;) {\n if (arrayContains(targetsArray, animations[a].animatable.target)) {\n animations.splice(a, 1);\n }\n }\n}\n\nfunction removeTargetsFromInstance(targetsArray, instance) {\n var animations = instance.animations;\n var children = instance.children;\n removeTargetsFromAnimations(targetsArray, animations);\n for (var c = children.length; c--;) {\n var child = children[c];\n var childAnimations = child.animations;\n removeTargetsFromAnimations(targetsArray, childAnimations);\n if (!childAnimations.length && !child.children.length) { children.splice(c, 1); }\n }\n if (!animations.length && !children.length) { instance.pause(); }\n}\n\nfunction removeTargetsFromActiveInstances(targets) {\n var targetsArray = parseTargets(targets);\n for (var i = activeInstances.length; i--;) {\n var instance = activeInstances[i];\n removeTargetsFromInstance(targetsArray, instance);\n }\n}\n\n// Stagger helpers\n\nfunction stagger(val, params) {\n if ( params === void 0 ) params = {};\n\n var direction = params.direction || 'normal';\n var easing = params.easing ? parseEasings(params.easing) : null;\n var grid = params.grid;\n var axis = params.axis;\n var fromIndex = params.from || 0;\n var fromFirst = fromIndex === 'first';\n var fromCenter = fromIndex === 'center';\n var fromLast = fromIndex === 'last';\n var isRange = is.arr(val);\n var val1 = isRange ? parseFloat(val[0]) : parseFloat(val);\n var val2 = isRange ? parseFloat(val[1]) : 0;\n var unit = getUnit(isRange ? val[1] : val) || 0;\n var start = params.start || 0 + (isRange ? val1 : 0);\n var values = [];\n var maxValue = 0;\n return function (el, i, t) {\n if (fromFirst) { fromIndex = 0; }\n if (fromCenter) { fromIndex = (t - 1) / 2; }\n if (fromLast) { fromIndex = t - 1; }\n if (!values.length) {\n for (var index = 0; index < t; index++) {\n if (!grid) {\n values.push(Math.abs(fromIndex - index));\n } else {\n var fromX = !fromCenter ? fromIndex%grid[0] : (grid[0]-1)/2;\n var fromY = !fromCenter ? Math.floor(fromIndex/grid[0]) : (grid[1]-1)/2;\n var toX = index%grid[0];\n var toY = Math.floor(index/grid[0]);\n var distanceX = fromX - toX;\n var distanceY = fromY - toY;\n var value = Math.sqrt(distanceX * distanceX + distanceY * distanceY);\n if (axis === 'x') { value = -distanceX; }\n if (axis === 'y') { value = -distanceY; }\n values.push(value);\n }\n maxValue = Math.max.apply(Math, values);\n }\n if (easing) { values = values.map(function (val) { return easing(val / maxValue) * maxValue; }); }\n if (direction === 'reverse') { values = values.map(function (val) { return axis ? (val < 0) ? val * -1 : -val : Math.abs(maxValue - val); }); }\n }\n var spacing = isRange ? (val2 - val1) / maxValue : val1;\n return start + (spacing * (Math.round(values[i] * 100) / 100)) + unit;\n }\n}\n\n// Timeline\n\nfunction timeline(params) {\n if ( params === void 0 ) params = {};\n\n var tl = anime(params);\n tl.duration = 0;\n tl.add = function(instanceParams, timelineOffset) {\n var tlIndex = activeInstances.indexOf(tl);\n var children = tl.children;\n if (tlIndex > -1) { activeInstances.splice(tlIndex, 1); }\n function passThrough(ins) { ins.passThrough = true; }\n for (var i = 0; i < children.length; i++) { passThrough(children[i]); }\n var insParams = mergeObjects(instanceParams, replaceObjectProps(defaultTweenSettings, params));\n insParams.targets = insParams.targets || params.targets;\n var tlDuration = tl.duration;\n insParams.autoplay = false;\n insParams.direction = tl.direction;\n insParams.timelineOffset = is.und(timelineOffset) ? tlDuration : getRelativeValue(timelineOffset, tlDuration);\n passThrough(tl);\n tl.seek(insParams.timelineOffset);\n var ins = anime(insParams);\n passThrough(ins);\n children.push(ins);\n var timings = getInstanceTimings(children, params);\n tl.delay = timings.delay;\n tl.endDelay = timings.endDelay;\n tl.duration = timings.duration;\n tl.seek(0);\n tl.reset();\n if (tl.autoplay) { tl.play(); }\n return tl;\n };\n return tl;\n}\n\nanime.version = '3.2.1';\nanime.speed = 1;\n// TODO:#review: naming, documentation\nanime.suspendWhenDocumentHidden = true;\nanime.running = activeInstances;\nanime.remove = removeTargetsFromActiveInstances;\nanime.get = getOriginalTargetValue;\nanime.set = setTargetsValue;\nanime.convertPx = convertPxToUnit;\nanime.path = getPath;\nanime.setDashoffset = setDashoffset;\nanime.stagger = stagger;\nanime.timeline = timeline;\nanime.easing = parseEasings;\nanime.penner = penner;\nanime.random = function (min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; };\n\nexport default anime;\n"],"names":["eases","functionEasings","$70c6f773849da97a$var$defaultInstanceSettings","update","begin","loopBegin","changeBegin","change","changeComplete","loopComplete","complete","loop","direction","autoplay","timelineOffset","$70c6f773849da97a$var$defaultTweenSettings","duration","delay","endDelay","easing","round","$70c6f773849da97a$var$validTransforms","$70c6f773849da97a$var$cache","CSS","springs","$70c6f773849da97a$var$minMax","val","min","max","Math","$70c6f773849da97a$var$stringContains","str","text","indexOf","$70c6f773849da97a$var$applyArguments","func","args","apply","$70c6f773849da97a$var$is","arr","a","Array","isArray","obj","Object","prototype","toString","call","pth","hasOwnProperty","svg","SVGElement","inp","HTMLInputElement","dom","nodeType","fnc","und","nil","hex","test","rgb","hsl","col","key","$70c6f773849da97a$var$parseEasingParameters","string","match","exec","split","map","p","parseFloat","$70c6f773849da97a$var$spring","params","mass","stiffness","damping","velocity","w0","sqrt","zeta","wd","b","solver","t","progress","exp","cos","sin","cached","frame","elapsed","rest","$70c6f773849da97a$var$steps","steps","ceil","$70c6f773849da97a$var$bezier","calcBezier","aT","aA1","aA2","A","getSlope","mX1","mY1","mX2","mY2","sampleValues","Float32Array","i","x","getTForX","aX","intervalStart","currentSample","kSplineTableSize","guessForT","dist","initialSlope","newtonRaphsonIterate","aGuessT","currentSlope","currentX","binarySubdivide","aA","aB","currentT","abs","$70c6f773849da97a$var$penner","linear","Sine","PI","Circ","Back","Bounce","pow2","pow","Elastic","amplitude","period","asin","baseEasings","forEach","name","keys","easeIn","$70c6f773849da97a$var$parseEasings","ease","$70c6f773849da97a$var$selectString","document","querySelectorAll","e","$70c6f773849da97a$var$filterArray","callback","len","length","thisArg","arguments","result","push","$70c6f773849da97a$var$flattenArray","reduce","concat","$70c6f773849da97a$var$toArray","o","NodeList","HTMLCollection","slice","$70c6f773849da97a$var$arrayContains","some","$70c6f773849da97a$var$cloneObject","clone","$70c6f773849da97a$var$replaceObjectProps","o1","o2","$70c6f773849da97a$var$mergeObjects","$70c6f773849da97a$var$getUnit","$70c6f773849da97a$var$getFunctionValue","animatable","target","id","total","$70c6f773849da97a$var$getAttribute","el","prop","getAttribute","$70c6f773849da97a$var$convertPxToUnit","value","unit","tempEl","createElement","tagName","parentEl","parentNode","body","appendChild","style","position","width","baseline","factor","offsetWidth","removeChild","convertedUnit","$70c6f773849da97a$var$getCSSValue","uppercasePropName","replace","toLowerCase","getComputedStyle","getPropertyValue","$70c6f773849da97a$var$getAnimationType","$70c6f773849da97a$var$getElementTransforms","m","transform","reg","transforms","Map","set","$70c6f773849da97a$var$getOriginalTargetValue","propName","defaultVal","get","list","$70c6f773849da97a$var$getRelativeValue","to","from","operator","u","y","$70c6f773849da97a$var$validateValue","hexValue","r","g","parseInt","$70c6f773849da97a$var$hslToRgba","hslValue","h","s","l","hue2rgb","q","originalUnit","unitLess","substr","$70c6f773849da97a$var$getDistance","p1","p2","$70c6f773849da97a$var$getPolylineLength","previousPos","points","totalLength","numberOfItems","currentPos","getItem","$70c6f773849da97a$var$getTotalLength","getTotalLength","$70c6f773849da97a$var$getParentSvg","pathEl","svgData","parentSvgEl","$70c6f773849da97a$var$getParentSvgEl","rect","getBoundingClientRect","viewBoxAttr","height","viewBox","w","vW","vH","$70c6f773849da97a$var$decomposeValue","rgx","original","numbers","Number","strings","$70c6f773849da97a$var$parseTargets","targets","item","pos","self","$70c6f773849da97a$var$getAnimatables","parsed","$70c6f773849da97a$var$setProgressValue","css","v","attribute","setAttribute","object","manual","last","$70c6f773849da97a$var$setTargetsValue","properties","animatables","property","valueUnit","originalValue","$70c6f773849da97a$var$getInstanceTimings","animations","tweenSettings","animLength","getTlOffset","anim","timings","$70c6f773849da97a$var$instanceID","$70c6f773849da97a$var$activeInstances","$70c6f773849da97a$var$engine","raf","step","activeInstancesLength","activeInstance","paused","splice","tick","requestAnimationFrame","undefined","addEventListener","$70c6f773849da97a$var$anime","suspendWhenDocumentHidden","$70c6f773849da97a$var$isDocumentHidden","cancelAnimationFrame","instance","_onDocumentVisibility","hidden","instanceSettings","children","startTime","lastTime","now","childrenLength","resolve","makePromise","promise","window","Promise","_resolve","finished","$70c6f773849da97a$var$getProperties","keyframes","$70c6f773849da97a$var$flattenKeyframes","propertyNames","newKey","tweens","$70c6f773849da97a$var$normalizePropertyTweens","settings","propArray","k","$70c6f773849da97a$var$createAnimation","animType","previousTween","tween","$70c6f773849da97a$var$normalizeTweenValues","tweenValue","toUnit","previousValue","fromUnit","start","end","isPath","isPathTargetInsideSVG","isColor","lastTween","type","toggleInstanceDirection","reversed","child","adjustTime","time","resetTime","currentTime","speed","seekChild","seek","setAnimationsProgress","insTime","animationsLength","tweenLength","eased","isNaN","toNumbersLength","n","toNumber","fromNumber","$70c6f773849da97a$var$getPathProgress","path","point","offset","getPointAtLength","p0","scaleX","scaleY","atan2","stringsLength","n$1","currentValue","setCallback","cb","passThrough","setInstanceProgress","engineTime","insDuration","insDelay","insEndDelay","reversePlayback","syncInstanceChildren","i$1","began","loopBegan","changeBegan","changeCompleted","remaining","completed","reset","pause","play","reverse","restart","remove","$70c6f773849da97a$var$removeTargetsFromInstance","$70c6f773849da97a$var$removeTargetsFromAnimations","targetsArray","c","childAnimations","version","running","convertPx","percent","setDashoffset","pathLength","stagger","grid","axis","fromIndex","fromFirst","fromCenter","fromLast","isRange","val1","val2","values","maxValue","index","fromX","fromY","floor","toX","toY","distanceX","distanceY","spacing","timeline","tl","add","instanceParams","tlIndex","ins","insParams","tlDuration","penner","random","$70c6f773849da97a$export$2e2bcd8739ae039","$35da740d59af89ba$var$pathSecondOrnament","querySelector","$35da740d59af89ba$var$currentSection","strokeDashoffset","opacity","fill","rotate","$35da740d59af89ba$var$arrowUp","getElementById","$35da740d59af89ba$var$arrowDown","$35da740d59af89ba$var$sectionOne","$35da740d59af89ba$var$sectionTwo","$35da740d59af89ba$var$sectionThree","$35da740d59af89ba$var$sectionFour","$35da740d59af89ba$var$arrowContainer","scrollY","parentElement","innerHeight","offsetHeight","arrow","viewportHeight","documentElement","clientHeight","scrollPosition","scrollTop","scrollIntoView","behavior","$35da740d59af89ba$var$footer","$35da740d59af89ba$var$updateFooterVisibility","totalHeight","scrollHeight","classList","$35da740d59af89ba$var$today","Date","$35da740d59af89ba$var$endDate","$35da740d59af89ba$var$timeDifference","getTime","$35da740d59af89ba$var$days","$35da740d59af89ba$var$hours","$35da740d59af89ba$var$minutes","$35da740d59af89ba$var$seconds","beginStr","toUpperCase","endStr","amountOfFlaps","div","html","$35da740d59af89ba$var$x","innerHTML","a1","a2","b1","b2","animationDuration","char","strCount","flag","flag2","setInterval","backgroundColor","every","setTimeout","tempArr","$35da740d59af89ba$var$observer","IntersectionObserver","entries","entry","isIntersecting","toggle","$35da740d59af89ba$var$hiddenElements","observe","scroll","pageYOffset","windowHeight","sectionOne","sectionTwoUp","sectionThree","sectionFour","scrollPercentOneTwo","scrollPercentTwoThree","scrollPercentThreeFour"],"version":3,"file":"index.0a2b0b61.js.map"}
\ No newline at end of file
diff --git a/build/index.edb371bb.css b/build/index.edb371bb.css
new file mode 100644
index 0000000..6d72622
--- /dev/null
+++ b/build/index.edb371bb.css
@@ -0,0 +1,2 @@
+*{box-sizing:border-box}body{margin:0;padding:0;font-family:Avenir;overflow-x:hidden}html{scroll-behavior:smooth}.background{text-align:center;color:var(--color);background-image:url(background_site_kickoff.65a64907.webp);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;width:100vw;display:flex;overflow:scroll}.background-black{background-color:#000}#padding-bot{padding-bottom:.5rem}.section-one{color:#fff;flex-direction:column;justify-content:center;width:100vw;height:100vh;display:flex;position:relative}.container-one{flex-direction:column;justify-content:center;align-items:center;height:50vh;display:flex}.section-two{color:#fff;width:100vw;height:100vh;position:relative;overflow-x:hidden}.section-two .part-one{background:#786abf;border-bottom:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;height:40vh;display:flex}.section-two .part-two{background:#13120d;flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.section-three{color:#fff;text-align:center;background:#786abf;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow-x:hidden}.section-three .part-one{flex-direction:column;justify-content:center;align-items:center;display:flex}.section-three .part-two{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.section-three span{color:#000}.section-four{color:#fff;width:100vw;height:100vh}.container-four{flex-direction:column;justify-content:space-evenly;align-items:center;height:100vh;display:flex}.footer{opacity:0;justify-content:flex-start;padding:1%;transition:opacity .5s ease-in-out;display:flex;position:fixed;bottom:0;left:0;right:0}.footer div{justify-content:space-evenly}.footer img{height:2rem;padding-left:2rem}.footer.show{opacity:1}.logo-date{height:4rem}#circle{opacity:0}.st1{height:10rem}.logo-place{height:15rem}.logo-metro{vertical-align:-6px;height:1.5rem}a{text-decoration:none}.link{color:#fff}h1,h2{font-size:3rem}time{font-size:2rem}#first-text-container{opacity:0}#first-text-container span{color:#786abf}#second-text{opacity:0}#first-ornament-svg{width:10vh;height:10vh;position:absolute;bottom:100px;left:-10px}#second-ornament-svg{width:15vh;height:15vh;position:absolute;top:50px;right:-2%}#third-ornament-svg{z-index:1000;height:4rem;position:absolute;bottom:50px;right:-15px;rotate:110deg}#fourth-ornament-svg{z-index:1000;height:4rem;position:absolute;bottom:10px;left:-10px;rotate:110deg}#fifth-ornament-svg{height:13rem;position:absolute;bottom:30%;right:-6rem}#titre,#date{opacity:0;height:15%;padding-top:10px}#arrow-down{opacity:1;cursor:pointer;height:3.8vh;transition:opacity .1s ease-in-out}#arrow-up{opacity:0;cursor:pointer;height:3.8vh;padding-right:.5rem;transition:opacity .1s ease-in-out}.arrow-container{z-index:1000;flex-direction:row;display:flex;position:fixed;bottom:1%;right:2%}.arrow-container div{padding-left:4px;transition:opacity .5s}.arrow-container div.hide{opacity:0;pointer-events:none}.splitflap{text-align:center;color:#fff;min-width:50px;height:50px;margin:5px;font-family:monospace;font-size:50px;line-height:50px;position:relative}.center{opacity:0;perspective:500px;justify-content:center;width:100%;margin-top:2%;display:flex;top:50%;left:0}.top{z-index:0;background-color:#000;border-radius:10px 10px 0 0;width:100%;height:50%;position:relative;overflow:hidden}.bottom{z-index:-1;transform-origin:50%;background-color:#000;background-image:linear-gradient(#000,#000);border-radius:10px;width:100%;height:100%;margin-top:-50%;position:relative}.nextHalf{z-index:2;transform-origin:bottom;background-color:#000;background-image:linear-gradient(#000,#000);border-radius:10px 10px 0 0;width:100%;height:50%;margin-top:-100%;position:relative;overflow:hidden}.nextFull{z-index:-3;background-color:#000;border-radius:10px;width:100%;height:100%;margin-top:-50%;position:relative}.flip1{animation:1s ease-in flip1}.flip2{animation:1s ease-out flip2}@keyframes flip1{0%{background-color:#000;transform:rotateX(0)}50%{background-color:#000;transform:rotateX(90deg)}to{transform:rotateX(90deg)}}@keyframes flip2{0%{transform:rotateX(-90deg)}50%{transform:rotateX(-90deg)}to{background-color:#000;transform:rotateX(0)}}.hidden{opacity:0;filter:blur(5px);transition:all 1s;transform:translateY(100%)}.show{opacity:1;filter:blur();transform:translateY(0)}@media screen and (width<=1024px){p{padding:.5rem}#logo-osrd-big{height:20rem;padding:.5rem}.logo-date{height:2rem;padding:.5rem}.logo-titre{height:4rem;padding:.5rem}h2{font-size:3rem}.splitflap{text-align:center;color:#fff;min-width:25px;height:25px;margin:2.5px;font-family:monospace;font-size:25px;line-height:25px;position:relative}.center{perspective:500px;justify-content:center;width:100%;margin-top:2%;display:flex;top:50%;left:0}.top{z-index:0;background-color:#000;border-radius:5px 5px 0 0;width:100%;height:50%;position:relative;overflow:hidden}.bottom{z-index:-1;transform-origin:50%;background-color:#000;background-image:linear-gradient(#000,#000);border-radius:5px;width:100%;height:100%;margin-top:-50%;position:relative}.nextHalf{z-index:2;transform-origin:bottom;background-color:#000;background-image:linear-gradient(#242323,#000);border-radius:5px 5px 0 0;width:100%;height:50%;margin-top:-100%;position:relative;overflow:hidden}.nextFull{z-index:-3;background-color:#000;border-radius:5px;width:100%;height:100%;margin-top:-50%;position:relative}#fifth-ornament-svg{z-index:1000;height:8rem;position:absolute;top:30%;right:-7rem;rotate:110deg}}@media (prefers-reduced-motion){.hidden{transition:none}}
+/*# sourceMappingURL=index.edb371bb.css.map */
diff --git a/build/index.edb371bb.css.map b/build/index.edb371bb.css.map
new file mode 100644
index 0000000..920d26b
--- /dev/null
+++ b/build/index.edb371bb.css.map
@@ -0,0 +1 @@
+{"mappings":"ACAA,wBAIA,6DAQA,4BAIA,iTAeA,wCAIA,kCAIA,6HAUA,wGAQA,qFAQA,gKAUA,mIASA,yMAcA,sGAOA,0HAQA,+BAIA,kDAMA,gHAQA,+IAYA,yCAGA,0CAKA,uBAIA,uBAIA,kBAIA,kBAIA,yBAIA,8CAKA,uBAIA,iBAIA,qBAQA,oBAIA,gCAIA,yCAIA,uBAIA,qFAQA,iFAQA,qGAQA,qGAQA,0EAOA,mDAWA,qFAMA,uGAQA,gGAQA,6DAKA,wDAOA,sJAYA,gHAWA,yHAUA,sLAYA,mNAaA,uHAUA,kCAKA,mCAKA,+IAcA,2HAaA,gFAOA,sDAMA,kCACE,gBAGA,0CAIA,qCAIA,sCAIA,kBAGA,wJAYA,sGAUA,uHAUA,qLAYA,oNAaA,sHASA,kGAUF,gCACE","sources":["index.edb371bb.css","app.css"],"sourcesContent":["* {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n padding: 0;\n font-family: Avenir;\n overflow-x: hidden;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\n.background {\n text-align: center;\n color: var(--color);\n background-image: url(\"background_site_kickoff.65a64907.webp\");\n background-position: center;\n background-size: cover;\n background-attachment: fixed;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100vw;\n display: flex;\n overflow: scroll;\n}\n\n.background-black {\n background-color: #000;\n}\n\n#padding-bot {\n padding-bottom: .5rem;\n}\n\n.section-one {\n color: #fff;\n flex-direction: column;\n justify-content: center;\n width: 100vw;\n height: 100vh;\n display: flex;\n position: relative;\n}\n\n.container-one {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 50vh;\n display: flex;\n}\n\n.section-two {\n color: #fff;\n width: 100vw;\n height: 100vh;\n position: relative;\n overflow-x: hidden;\n}\n\n.section-two .part-one {\n background: #786abf;\n border-bottom: 1px solid #fff;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 40vh;\n display: flex;\n}\n\n.section-two .part-two {\n background: #13120d;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 60vh;\n display: flex;\n}\n\n.section-three {\n color: #fff;\n text-align: center;\n background: #786abf;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100vw;\n height: 100vh;\n display: flex;\n position: relative;\n overflow-x: hidden;\n}\n\n.section-three .part-one {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.section-three .part-two {\n text-align: left;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n display: flex;\n}\n\n.section-three span {\n color: #000;\n}\n\n.section-four {\n color: #fff;\n width: 100vw;\n height: 100vh;\n}\n\n.container-four {\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n height: 100vh;\n display: flex;\n}\n\n.footer {\n opacity: 0;\n justify-content: flex-start;\n padding: 1%;\n transition: opacity .5s ease-in-out;\n display: flex;\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.footer div {\n justify-content: space-evenly;\n}\n\n.footer img {\n height: 2rem;\n padding-left: 2rem;\n}\n\n.footer.show {\n opacity: 1;\n}\n\n.logo-date {\n height: 4rem;\n}\n\n#circle {\n opacity: 0;\n}\n\n.st1 {\n height: 10rem;\n}\n\n.logo-place {\n height: 15rem;\n}\n\n.logo-metro {\n vertical-align: -6px;\n height: 1.5rem;\n}\n\na {\n text-decoration: none;\n}\n\n.link {\n color: #fff;\n}\n\nh1, h2 {\n font-size: 3rem;\n}\n\ntime {\n font-size: 2rem;\n}\n\n#first-text-container {\n opacity: 0;\n}\n\n#first-text-container span {\n color: #786abf;\n}\n\n#second-text {\n opacity: 0;\n}\n\n#first-ornament-svg {\n width: 10vh;\n height: 10vh;\n position: absolute;\n bottom: 100px;\n left: -10px;\n}\n\n#second-ornament-svg {\n width: 15vh;\n height: 15vh;\n position: absolute;\n top: 50px;\n right: -2%;\n}\n\n#third-ornament-svg {\n z-index: 1000;\n height: 4rem;\n position: absolute;\n bottom: 50px;\n right: -15px;\n rotate: 110deg;\n}\n\n#fourth-ornament-svg {\n z-index: 1000;\n height: 4rem;\n position: absolute;\n bottom: 10px;\n left: -10px;\n rotate: 110deg;\n}\n\n#fifth-ornament-svg {\n height: 13rem;\n position: absolute;\n bottom: 30%;\n right: -6rem;\n}\n\n#titre, #date {\n opacity: 0;\n height: 15%;\n padding-top: 10px;\n}\n\n#arrow-down {\n opacity: 1;\n cursor: pointer;\n height: 3.8vh;\n transition: opacity .1s ease-in-out;\n}\n\n#arrow-up {\n opacity: 0;\n cursor: pointer;\n height: 3.8vh;\n padding-right: .5rem;\n transition: opacity .1s ease-in-out;\n}\n\n.arrow-container {\n z-index: 1000;\n flex-direction: row;\n display: flex;\n position: fixed;\n bottom: 1%;\n right: 2%;\n}\n\n.arrow-container div {\n padding-left: 4px;\n transition: opacity .5s;\n}\n\n.arrow-container div.hide {\n opacity: 0;\n pointer-events: none;\n}\n\n.splitflap {\n text-align: center;\n color: #fff;\n min-width: 50px;\n height: 50px;\n margin: 5px;\n font-family: monospace;\n font-size: 50px;\n line-height: 50px;\n position: relative;\n}\n\n.center {\n opacity: 0;\n perspective: 500px;\n justify-content: center;\n width: 100%;\n margin-top: 2%;\n display: flex;\n top: 50%;\n left: 0;\n}\n\n.top {\n z-index: 0;\n background-color: #000;\n border-radius: 10px 10px 0 0;\n width: 100%;\n height: 50%;\n position: relative;\n overflow: hidden;\n}\n\n.bottom {\n z-index: -1;\n transform-origin: center;\n background-color: #000;\n background-image: linear-gradient(#000, #000);\n border-radius: 10px;\n width: 100%;\n height: 100%;\n margin-top: -50%;\n position: relative;\n}\n\n.nextHalf {\n z-index: 2;\n transform-origin: bottom;\n background-color: #000;\n background-image: linear-gradient(#000, #000);\n border-radius: 10px 10px 0 0;\n width: 100%;\n height: 50%;\n margin-top: -100%;\n position: relative;\n overflow: hidden;\n}\n\n.nextFull {\n z-index: -3;\n background-color: #000;\n border-radius: 10px;\n width: 100%;\n height: 100%;\n margin-top: -50%;\n position: relative;\n}\n\n.flip1 {\n animation: 1s ease-in flip1;\n}\n\n.flip2 {\n animation: 1s ease-out flip2;\n}\n\n@keyframes flip1 {\n 0% {\n background-color: #000;\n transform: rotateX(0);\n }\n\n 50% {\n background-color: #000;\n transform: rotateX(90deg);\n }\n\n 100% {\n transform: rotateX(90deg);\n }\n}\n\n@keyframes flip2 {\n 0% {\n transform: rotateX(-90deg);\n }\n\n 50% {\n transform: rotateX(-90deg);\n }\n\n 100% {\n background-color: #000;\n transform: rotateX(0);\n }\n}\n\n.hidden {\n opacity: 0;\n filter: blur(5px);\n transition: all 1s;\n transform: translateY(100%);\n}\n\n.show {\n opacity: 1;\n filter: blur();\n transform: translateY(0);\n}\n\n@media screen and (width <= 1024px) {\n p {\n padding: .5rem;\n }\n\n #logo-osrd-big {\n height: 20rem;\n padding: .5rem;\n }\n\n .logo-date {\n height: 2rem;\n padding: .5rem;\n }\n\n .logo-titre {\n height: 4rem;\n padding: .5rem;\n }\n\n h2 {\n font-size: 3rem;\n }\n\n .splitflap {\n text-align: center;\n color: #fff;\n min-width: 25px;\n height: 25px;\n margin: 2.5px;\n font-family: monospace;\n font-size: 25px;\n line-height: 25px;\n position: relative;\n }\n\n .center {\n perspective: 500px;\n justify-content: center;\n width: 100%;\n margin-top: 2%;\n display: flex;\n top: 50%;\n left: 0;\n }\n\n .top {\n z-index: 0;\n background-color: #000;\n border-radius: 5px 5px 0 0;\n width: 100%;\n height: 50%;\n position: relative;\n overflow: hidden;\n }\n\n .bottom {\n z-index: -1;\n transform-origin: center;\n background-color: #000;\n background-image: linear-gradient(#000, #000);\n border-radius: 5px;\n width: 100%;\n height: 100%;\n margin-top: -50%;\n position: relative;\n }\n\n .nextHalf {\n z-index: 2;\n transform-origin: bottom;\n background-color: #000;\n background-image: linear-gradient(#242323, #000);\n border-radius: 5px 5px 0 0;\n width: 100%;\n height: 50%;\n margin-top: -100%;\n position: relative;\n overflow: hidden;\n }\n\n .nextFull {\n z-index: -3;\n background-color: #000;\n border-radius: 5px;\n width: 100%;\n height: 100%;\n margin-top: -50%;\n position: relative;\n }\n\n #fifth-ornament-svg {\n z-index: 1000;\n height: 8rem;\n position: absolute;\n top: 30%;\n right: -7rem;\n rotate: 110deg;\n }\n}\n\n@media (prefers-reduced-motion) {\n .hidden {\n transition: none;\n }\n}\n\n/*# sourceMappingURL=index.edb371bb.css.map */\n","* {\n box-sizing: border-box;\n}\n\nbody {\n padding: 0;\n margin: 0;\n font-family: \"Avenir\";\n overflow-x: hidden;\n /* max-width: 100vw; */\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\n.background {\n text-align: center;\n color: var(--color);\n width: 100vw;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background-image: url(./public/assets/visuels/background_site_kickoff.webp);\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n overflow: scroll;\n}\n\n.background-black {\n background-color: black;\n}\n\n#padding-bot {\n padding-bottom: 0.5rem;\n}\n\n.section-one {\n position: relative;\n height: 100vh;\n width: 100vw;\n color: white;\n justify-content: center;\n display: flex;\n flex-direction: column;\n}\n\n.container-one {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 50vh;\n}\n\n.section-two {\n position: relative;\n height: 100vh;\n width: 100vw;\n color: white;\n overflow-x: hidden;\n}\n\n.section-two .part-one {\n height: 40vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background: #786abf;\n border-bottom: 1px solid white;\n}\n\n.section-two .part-two {\n height: 60vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background: #13120d;\n}\n\n.section-three {\n position: relative;\n height: 100vh;\n width: 100vw;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n color: white;\n text-align: center;\n background: #786abf;\n overflow-x: hidden;\n}\n\n.section-three .part-one {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n\n.section-three .part-two {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n text-align: left;\n}\n\n.section-three span {\n color: black;\n}\n\n.section-four {\n height: 100vh;\n width: 100vw;\n color: white;\n}\n\n.container-four {\n height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n}\n\n.footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n justify-content: flex-start;\n padding: 1%;\n opacity: 0;\n transition: opacity 0.5s ease-in-out;\n}\n\n.footer div {\n justify-content: space-evenly;\n}\n.footer img {\n height: 2rem;\n padding-left: 2rem;\n}\n\n.footer.show {\n opacity: 1;\n}\n\n.logo-date {\n height: 4rem;\n}\n\n#circle {\n opacity: 0;\n}\n\n.st1 {\n height: 10rem;\n}\n\n.logo-place {\n height: 15rem;\n}\n\n.logo-metro {\n height: 1.5rem;\n vertical-align: -6px;\n}\n\na {\n text-decoration: none;\n}\n\n.link {\n color: white;\n}\n\nh1 {\n font-size: 3rem;\n}\n\nh2 {\n font-size: 3rem;\n}\n\ntime {\n font-size: 2rem;\n}\n\n#first-text-container {\n opacity: 0;\n}\n\n#first-text-container span {\n color: #786abf;\n}\n\n#second-text {\n opacity: 0;\n}\n\n#first-ornament-svg {\n position: absolute;\n left: -10px;\n bottom: 100px;\n height: 10vh;\n width: 10vh;\n}\n\n#second-ornament-svg {\n position: absolute;\n right: -2%;\n top: 50px;\n height: 15vh;\n width: 15vh;\n}\n\n#third-ornament-svg {\n position: absolute;\n right: -15px;\n bottom: 50px;\n height: 4rem;\n z-index: 1000;\n rotate: 110deg;\n}\n#fourth-ornament-svg {\n position: absolute;\n left: -10px;\n bottom: 10px;\n height: 4rem;\n z-index: 1000;\n rotate: 110deg;\n}\n#fifth-ornament-svg {\n position: absolute;\n right: -6rem;\n bottom: 30%;\n height: 13rem;\n}\n\n#titre {\n padding-top: 10;\n height: 15%;\n opacity: 0;\n}\n\n#date {\n padding-top: 10;\n height: 15%;\n opacity: 0;\n}\n#arrow-down {\n height: 3.8vh;\n opacity: 1;\n transition: opacity 0.1s ease-in-out;\n cursor: pointer;\n}\n#arrow-up {\n height: 3.8vh;\n opacity: 0;\n transition: opacity 0.1s ease-in-out;\n cursor: pointer;\n padding-right: 0.5rem;\n}\n\n.arrow-container {\n position: fixed;\n bottom: 1%;\n right: 2%;\n display: flex;\n flex-direction: row;\n z-index: 1000;\n}\n.arrow-container div {\n transition: opacity 0.5s ease;\n padding-left: 4px;\n}\n\n.arrow-container div.hide {\n opacity: 0;\n pointer-events: none;\n}\n\n/* Rebours */\n\n.splitflap {\n position: relative;\n min-width: 50px;\n height: 50px;\n margin: 5px;\n line-height: 50px;\n font-size: 50px;\n font-family: Monospace;\n text-align: center;\n color: white;\n}\n\n.center {\n opacity: 0;\n left: 0;\n top: 50%;\n margin-top: 2%;\n width: 100%;\n display: flex;\n justify-content: center;\n perspective: 500px;\n}\n\n.top {\n position: relative;\n height: 50%;\n width: 100%;\n background-color: #000;\n border-radius: 10px 10px 0 0;\n overflow: hidden;\n z-index: 0;\n}\n\n.bottom {\n position: relative;\n height: 100%;\n width: 100%;\n margin-top: -50%;\n border-radius: 10px 10px 10px 10px;\n z-index: -1;\n background-color: black;\n background-image: linear-gradient(#000, #000);\n transform-origin: center;\n}\n\n.nextHalf {\n position: relative;\n height: 50%;\n width: 100%;\n margin-top: -100%;\n overflow: hidden;\n border-radius: 10px 10px 0 0;\n z-index: 2;\n background-color: black;\n background-image: linear-gradient(#000, #000);\n transform-origin: bottom;\n}\n\n.nextFull {\n position: relative;\n height: 100%;\n width: 100%;\n background-color: #000;\n margin-top: -50%;\n border-radius: 10px 10px 10px 10px;\n z-index: -3;\n}\n\n.flip1 {\n animation: flip1 ease-in 1;\n animation-duration: 1s;\n}\n\n.flip2 {\n animation: flip2 ease-out 1;\n animation-duration: 1s;\n}\n\n@keyframes flip1 {\n 0% {\n transform: rotateX(0deg);\n background-color: #000;\n }\n 50% {\n transform: rotateX(90deg);\n background-color: black;\n }\n 100% {\n transform: rotateX(90deg);\n }\n}\n\n@keyframes flip2 {\n 0% {\n transform: rotateX(-90deg);\n }\n 50% {\n transform: rotateX(-90deg);\n }\n 100% {\n transform: rotateX(0deg);\n background-color: #000;\n }\n}\n\n.hidden {\n opacity: 0;\n filter: blur(5px);\n transform: translateY(100%);\n transition: all 1s;\n}\n\n.show {\n opacity: 1;\n filter: blur(0);\n transform: translateY(0);\n}\n\n@media screen and (max-width: 1024px) {\n p {\n padding: 0.5rem;\n }\n #logo-osrd-big {\n height: 20rem;\n padding: 0.5rem;\n }\n .logo-date {\n height: 2rem;\n padding: 0.5rem;\n }\n .logo-titre {\n height: 4rem;\n padding: 0.5rem;\n }\n h2 {\n font-size: 3rem;\n }\n .splitflap {\n position: relative;\n min-width: 25px;\n height: 25px;\n margin: 2.5px;\n line-height: 25px;\n font-size: 25px;\n font-family: Monospace;\n text-align: center;\n color: white;\n }\n\n .center {\n left: 0;\n top: 50%;\n margin-top: 2%;\n width: 100%;\n display: flex;\n justify-content: center;\n perspective: 500px;\n }\n\n .top {\n position: relative;\n height: 50%;\n width: 100%;\n background-color: #000;\n border-radius: 5px 5px 0 0;\n overflow: hidden;\n z-index: 0;\n }\n\n .bottom {\n position: relative;\n height: 100%;\n width: 100%;\n margin-top: -50%;\n border-radius: 5px 5px 5px 5px;\n z-index: -1;\n background-color: black;\n background-image: linear-gradient(#000, #000);\n transform-origin: center;\n }\n\n .nextHalf {\n position: relative;\n height: 50%;\n width: 100%;\n margin-top: -100%;\n overflow: hidden;\n border-radius: 5px 5px 0 0;\n z-index: 2;\n background-color: black;\n background-image: linear-gradient(#242323, #000);\n transform-origin: bottom;\n }\n\n .nextFull {\n position: relative;\n height: 100%;\n width: 100%;\n background-color: #000;\n margin-top: -50%;\n border-radius: 5px 5px 5px 5px;\n z-index: -3;\n }\n #fifth-ornament-svg {\n position: absolute;\n right: -7rem;\n top: 30%;\n height: 8rem;\n z-index: 1000;\n rotate: 110deg;\n }\n}\n\n@media (prefers-reduced-motion) {\n .hidden {\n transition: none;\n }\n}\n"],"names":[],"version":3,"file":"index.edb371bb.css.map"}
\ No newline at end of file
diff --git a/build/index.html b/build/index.html
new file mode 100644
index 0000000..6b3dc4e
--- /dev/null
+++ b/build/index.html
@@ -0,0 +1 @@
+
Programme OSRD
Études exploitation et Sillons de dernière minute
(+diffusion en ligne)
Design your Journey.
34 rue du commandant René Mouchotte
de 14h à 16h
Montparnasse Bienvenue
75014 Paris
Le lieu
Les conférences
Au programme, de 14h à 16h, une série de conférences de 5 minutes chronos pour vous montrer les différents aspects d'OSRD.
14:00 - Cérémonie d'ouverture et introduction au programme OSRD
Loïc Hamelin - Directeur du programme OSRD
14:05 - Conférence principale Short Term DCM
Loïc Hamelin - Directeur du programme OSRD
Loïc Hamelin - Directeur du programme OSRD
Loïc Hamelin - Directeur du programme OSRD
Loïc Hamelin - Directeur du programme OSRD
Loïc Hamelin - Directeur du programme OSRD
Loïc Hamelin - Directeur du programme OSRD
15:45 - Conclusion et avenir du projet au sein de SNCF Réseau
Loïc Hamelin - Directeur du programme OSRD
La suite
Plus d'informations sur
@@ -335,5 +334,6 @@
+