alineAnimationGSAP.js

// Scroll to top color change
    // function preLoaderStart() {
    //   // ST0 is the green portion of Aline Logo
    //   var ali_green = document.getElementsByClassName('st0'),
    //     ali_grey = document.getElementsByClassName('st1'),
    //     preloader = document.getElementsByClassName('container-preloader'),
    //     tl = new TimelineLite();

    //   if ($('body').hasClass("home")) {
    //     // Only plays Once Per Session
    //     // Start GSAP Timeline
    //     // Set Initial Tween
    //     TweenLite.set(ali_green, {
    //       fill: 'transparent'
    //     });
    //     TweenLite.set(ali_grey, {
    //       x: -100
    //     });
    //     // Begin of Timeline
    //     var preLoaderTimeline = tl.to(ali_grey, 1, {
    //         opacity: 1,
    //         x: 0
    //       }, "-=.5")
    //       .to(ali_green, 1, {
    //         opacity: 1
    //       }, "-=.5")
    //       .from(ali_green, 1.5, {
    //         drawSVG: "0%",
    //         ease: Power2.easeOut
    //       }, "-=.5")
    //       .to(ali_green, 1.5, {
    //         fill: '#00854f'
    //       }, "-=1")
    //       .to([ali_green, ali_grey], 1, {
    //         y: -75,
    //         opacity: 0,
    //         delay: 0.3
    //       })
    //       .to(preloader, 1, {
    //         height: 0
    //       }, "-=.5")
    //       .to([preloader, ali_grey, ali_green], 0, {
    //         display: 'none',
    //         onComplete: updateScrollify
    //       });
    //     // Updates Scrollify Once the transitions are completed
    //     function updateScrollify() {
    //       $.scrollify.update();
    //     }


    //   } //end $('body).hasClass('home)
    // }
    // preLoaderStart();