import anime from 'animejs'
import { animDuration, animDelay } from 'utils/store'


/*
** Transition In
*/
export const animateIn = () => {
    const tl = anime.timeline({
        easing: 'easeOutQuart',
        duration: animDuration
    })
    // Simple slide and fade on each part of the page
    tl.add({
        targets: document.querySelectorAll('.page__part'),
        opacity: [0, 1],
        translateY: [8, 0],
        delay: anime.stagger(160, { start: animDelay })
    })
}