167 lines
4.2 KiB
JavaScript
Executable File
167 lines
4.2 KiB
JavaScript
Executable File
/*-----------------------------------------------------------------------------------
|
|
/*
|
|
/* Init JS
|
|
/*
|
|
-----------------------------------------------------------------------------------*/
|
|
|
|
jQuery(document).ready(function($) {
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Typed Header
|
|
------------------------------------------------------ */
|
|
|
|
var typed = new Typed('#header-hi-text', {
|
|
strings: ["Hi, I'm Dennis "],
|
|
typeSpeed: 45,
|
|
startDelay: 200,
|
|
onComplete: function() {
|
|
$('#header-eng-div p').addClass('load');
|
|
setTimeout(function() {
|
|
$('.social').addClass('load');
|
|
}, 1000);
|
|
setTimeout(function() {
|
|
$('.icon-down-circle').addClass('load');
|
|
}, 1000);
|
|
}
|
|
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* FitText Settings
|
|
------------------------------------------------------ */
|
|
|
|
setTimeout(function() {
|
|
$('h1.responsive-headline').fitText(1, { minFontSize: '30px', maxFontSize: '75px' });
|
|
$('h3.responsive-headline').fitText(1, { minFontSize: '8px', maxFontSize: '20px' });
|
|
}, 100);
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Smooth Scrolling
|
|
------------------------------------------------------ */
|
|
|
|
$('.smoothscroll').on('click',function (e) {
|
|
e.preventDefault();
|
|
|
|
var target = this.hash,
|
|
$target = $(target);
|
|
|
|
$('html, body').stop().animate({
|
|
'scrollTop': $target.offset().top
|
|
}, 800, 'swing', function () {
|
|
window.location.hash = target;
|
|
});
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Highlight the current section in the navigation bar
|
|
------------------------------------------------------*/
|
|
|
|
var sections = $("section");
|
|
var navigation_links = $("#nav-wrap a");
|
|
|
|
sections.waypoint({
|
|
|
|
handler: function(event, direction) {
|
|
|
|
var active_section;
|
|
|
|
active_section = $(this);
|
|
if (direction === "up") active_section = active_section.prev();
|
|
|
|
var active_link = $('#nav-wrap a[href="#' + active_section.attr("id") + '"]');
|
|
|
|
navigation_links.parent().removeClass("current");
|
|
active_link.parent().addClass("current");
|
|
|
|
},
|
|
offset: '35%'
|
|
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Make sure that #header-background-image height is
|
|
/* equal to the browser height.
|
|
------------------------------------------------------ */
|
|
|
|
$('header').css({ 'height': $(window).height() });
|
|
$(window).on('resize', function() {
|
|
|
|
$('header').css({ 'height': $(window).height() });
|
|
$('body').css({ 'width': $(window).width() })
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Fade In/Out Primary Navigation
|
|
------------------------------------------------------*/
|
|
|
|
$(window).on('scroll', function() {
|
|
|
|
var h = $('header').height();
|
|
var y = $(window).scrollTop();
|
|
var nav = $('#nav-wrap');
|
|
|
|
if ( (y > h*.20) && (y < h) && ($(window).outerWidth() > 768 ) ) {
|
|
nav.fadeOut('fast');
|
|
}
|
|
else {
|
|
if (y < h*.20) {
|
|
nav.removeClass('opaque').fadeIn('fast');
|
|
}
|
|
else {
|
|
nav.addClass('opaque').fadeIn('fast');
|
|
}
|
|
}
|
|
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Modal Popup
|
|
------------------------------------------------------*/
|
|
|
|
$('.item-wrap a').magnificPopup({
|
|
|
|
type:'inline',
|
|
fixedContentPos: false,
|
|
removalDelay: 200,
|
|
showCloseBtn: false,
|
|
mainClass: 'mfp-fade'
|
|
|
|
});
|
|
|
|
$(document).on('click', '.popup-modal-dismiss', function (e) {
|
|
e.preventDefault();
|
|
$.magnificPopup.close();
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Flexslider
|
|
/*----------------------------------------------------*/
|
|
$('.flexslider').flexslider({
|
|
namespace: "flex-",
|
|
controlsContainer: ".flex-container",
|
|
animation: 'slide',
|
|
controlNav: true,
|
|
directionNav: false,
|
|
smoothHeight: true,
|
|
slideshowSpeed: 7000,
|
|
animationSpeed: 600,
|
|
randomize: false,
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|