WIP attempt to fix page transitions, Several edits

src/animations/page.js

@@ -1,25 +1,25 @@
 import anime from 'animejs'
 import ScrollOut from 'scroll-out'
-import { animDuration, animDurationLong } from 'utils/store'
+import { transitionNormal, transitionDelay } from 'utils/store'
 
 
 /*
 ** Transition In
 */
 export const animateIn = () => {
-    // Simple fade
-    const page = ScrollOut({
-        once: true,
-        targets: '.page',
-        onShown (el) {
-            anime({
-                targets: '.page__part',
-                opacity: [0, 1],
-                translateY: [8, 0],
-                duration: 1800,
-                delay: anime.stagger(220, { start: animDurationLong * 0.3 }),
-                easing: 'easeOutQuart'
-            })
-        }
+    // Simple slide and fade on each part of the page
+    // const page = ScrollOut({
+    //     once: true,
+    //     targets: '.page',
+    //     onShown (el) {
+    anime({
+        targets: document.querySelectorAll('.page__part'),
+        opacity: [0, 1],
+        translateY: [8, 0],
+        easing: 'easeOutQuart',
+        duration: transitionNormal,
+        delay: anime.stagger(220, { start: transitionDelay }),
     })
+    //     }
+    // })
 }