$(document).ready(function() {


  AOS.init({
      easing: 'ease',
      duration: 1000,
      delay: 200,
      mirror: true,
      once: false,
      offset: 150
  });

  $("#gallery").lightGallery({
    selector: '.col-sm'
  });

  // https://animate.style/
  // Main nav 
  $('.nav-masthead a:nth-child(4)').on('click', function() {
    $('#sec-main').on('shown.bs.collapse', function() {
      $('.cover .art nav:nth-child(1)').addClass('animated bounce');
      $('.art a.nav-link').addClass('animated fadeInUp').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
        $(this).removeClass('fadeInUp');
      });
    });
  });
  
  $('a,#gallery .col-sm,#gallery .col-4').hover(function() {
    $(this).addClass('animated pulse nodelay').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
        $(this).removeClass('pulse nodelay');
      });
  });
  
});

document.addEventListener('DOMContentLoaded', () => { 
  // This is the bare minimum JavaScript. You can opt to pass no arguments to setup.
  const player = new Plyr('#player-graphdes');
  
  // Expose
  window.player = player;
});