tethys/resources/js/scripts.js

import './jquery-global.js';
import 'single-page-nav/jquery.singlePageNav.js';
//bind plugin definition to jQuery

$(document).ready(function () {

  // =Hero
  // Alway make hero-container height equal to window height

  var $heroContainer = $('.hero');

  $heroContainer.height(window.innerHeight);

  // When user resize browser window, hero container needs to have the same
  // height as browser window height.  
  $(window).resize(function () {
    $heroContainer.height(window.innerHeight);
  });

  // =Work
  // Isotope filters  
  // var $workFilterLinks = $('.work-filters li');
  // var $container = $('.work-items');

  // $workFilterLinks.find('a').click(function(){  
  //   $workFilterLinks.removeClass('active');  
  //   $container.isotope({
  //     // options
  //     filter: $(this).attr('data-filter'),
  //     itemSelector: '.isotope-item',
  //     animationEngine : "best-available",
  //     masonry: {
  //       columnWidth: '.isotope-item'
  //     }
  //   });  
  //   $(this).parent().addClass('active');  
  //   return false;
  // });

  // Menu initialization

  var $menuIcon = $('.menu-icon'),
    $navigation = $('.navigation'),
    $menu = $('.menu'),
    $navigationLink = $('.menu a');

  if (location.pathname == "/") {
    $navigation.addClass('transparent');
    $(window).scroll(function () {
      if (window.scrollY >= (window.innerHeight + $navigation.height())) {
        $menuIcon.addClass('active');
        $navigation.removeClass('transparent');
      } else {
        $menuIcon.removeClass('active');
        $navigation.addClass('transparent');
      }
    });
  } 

  $menuIcon.click(function (e) {
    e.preventDefault();
    $navigation.toggleClass('active');
  });

  // $menu.singlePageNav({
  //     filter: ':not(.external)',
  //     speed: 1000,
  //     currentClass: 'current',
  //     easing: 'swing',
  //     updateHash: false,
  //     beforeStart: function() {
  //     },
  //     onComplete: function() {
  //       $navigation.removeClass('active');
  //     }
  // });

  //// Scrollreveal initialize  
  // var config = {  
  //   easing: 'hustle',
  //   reset:  false,
  //   delay:  'onload',
  //   opacity: .2,
  //   vFactor: 0.2,
  //   mobile: false
  // }  
  // window.sr = new scrollReveal(config);

});