// LOADER ANIM
$(window).on("load",function(){
  $(".loader-wrapper").fadeOut("slow");
})

// BACKGROUND SPARKLES
// SCRIPT #1

// set up the base pattern
var pattern = Trianglify({
  height: window.innerHeight, // White: #fdfbfb, Salmon: #cc3300
  width: window.innerWidth,
  x_colors: ['#040404', '#f9f9f9', '#fffff4', '#fbf7f5', '#d55454'], // Cappuccino: ['#854442', '#3c2f2f', '#fff4e6', '#be9b7b', '#4b3832']
  y_colors: ['#f9f1f1', '#f9f9f9', '#fffff4', '#fbf7f5', '#f9f1f1'],
  variance: 10,
  seed: '666',
  cell_size: 160});

// // canvas
// document.body.appendChild(pattern.canvas())

// svg
document.body.appendChild(pattern.svg())



// // png
// var png = document.createElement('img')
// png.src = pattern.png()
// document.body.appendChild(png)

// SCRIPT #2

$('.title-wrapper').css('width', window.innerWidth);
$('.title-wrapper').css('height', window.innerHeight);


var time           = 10,
  $paths         = $('body').find('svg').find('path'),
  pathCollection = $paths.get(),
  count          = $paths.length;

console.log(count);

pathCollection.sort(function() {
  return Math.random()*10 > 5 ? 1 : -1;
});

function showText(){
var title = $('h1'),
  subtitle = $('h2');

title.removeClass('hidden');
setTimeout( function(){ 
  subtitle.removeClass('hidden');
}, 500);
}

setTimeout( function(){ 
$.each(pathCollection,function(i,el) {
  var $path = $(this);
  setTimeout( function(){ 

  $path.css('opacity','1');
  }, time)
  time += 10;

  if (i+1 === count) {
  setTimeout( function(){ 
      showText();
  }, 2000); 
}

});
}, 2000);

// LOADER ANIMATION END FOR WINDOW LOAD
$(window).on("load",function(){
  $(".loader-wrapper").fadeOut("slow");
})

// HONESTLY I HAVE NO IDEA WHAT THIS IS BUT IT WAS IN THE ORIGINAL SRC
(async () => {
  if( navigator.webdriver || document.visibilityState === 'prerender' || !location.hostname )
  {
    return;
  }

  document.querySelector( 'a[href="/cdn-cgi/l/email-protection"]' ).href = `\x6dailto:hi\x40${location.hostname}`;
})();