function matchLine(){
 var line = $('.annoline');
  var anno = $('.annotation').find('span');
  console.log(anno.width());
  gsap.to(line,{
  width:anno.width()})
}

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(){
  
              matchLine();
    
  /*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:article-intro] [151.3909] DESIGN*/
/*******************************************************************/
/* 0.2 D>D */
/* db 150 */