function showTitle(show=true)
{
  if (show)
  {  
    gsap.fromTo('.main-title', {yPercent: -80}, {yPercent: 0});
    gsap.fromTo('.header', {height:"7.2rem"}, {height:"0rem"});
  }
  else
  {  
    gsap.fromTo('.main-title', {yPercent: 0}, {yPercent: -80});
    gsap.fromTo('.header', {height:"0rem"}, {height:"7.2rem"});
  }  
    
}


$(function(){
  
              
    const showAnimTitle = gsap.fromTo('.main-title', {
        yPercent: -80
    },{
        yPercent:0,
        paused: true,
        duration: 0.6
    });

    const showAnimMenu = gsap.fromTo('.header', {height:"0rem"
    }, {
      height:"7.2rem",
         paused: true,
        duration: 0.3
    });

    ScrollTrigger.create({
        trigger: "#home-text",
        start: "top 60%",
        end: "top 60%",
        onUpdate: (self) => {
            self.direction === -1 ? showAnimTitle.play() : showAnimTitle.reverse();
            self.direction === 1 ? showAnimMenu.play() : showAnimMenu.reverse();
        }
    });
  
});
/*******************************************************************/
/* ftrtch dino */
/* [type: JS] [file:wfill-intro] [8.3819] DESIGN*/
/*******************************************************************/
/* 0.4 P>P */
/* db 143 */