88 lines
2.2 KiB
JavaScript
88 lines
2.2 KiB
JavaScript
|
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');
|
||
|
|
|
||
|
|
$(window).scroll(function() {
|
||
|
|
if(window.scrollY > window.outerHeight) {
|
||
|
|
$menuIcon.addClass('active');
|
||
|
|
} else {
|
||
|
|
$menuIcon.removeClass('active');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$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 );
|
||
|
|
|
||
|
|
});
|
||
|
|
|