From 89911ad7c1a930470d99c44c3cb6160a9b54278e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Fri, 10 Apr 2020 12:02:55 +0200
Subject: [PATCH] Fix default page animation in

---
 src/animations/page.js | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/src/animations/page.js b/src/animations/page.js
index 214e09c..5a72e78 100644
--- a/src/animations/page.js
+++ b/src/animations/page.js
@@ -8,24 +8,15 @@ import { animDuration, animDelay } from 'utils/store'
 export const animateIn = () => {
     const tl = anime.timeline({
         easing: 'easeOutQuart',
-        duration: animDuration,
-        delay: animDelay
+        duration: animDuration
     })
 
     // Simple slide and fade on each part of the page
     tl.add({
-        targets: document.querySelectorAll('.page__part'),
+        targets: document.querySelectorAll('.page__part, .globe'),
         opacity: [0, 1],
         translateY: [8, 0],
         translateZ: [0, 0],
-        delay: anime.stagger(160)
+        delay: anime.stagger(200, { start: animDelay })
     })
-
-    // Globe
-    tl.add({
-        targets: document.querySelector('.globe'),
-        opacity: [0, 1],
-        translateY: ['5%', 0],
-        translateZ: [0, 0]
-    }, 200)
 }