96 lines
2.0 KiB
JavaScript
Executable File
96 lines
2.0 KiB
JavaScript
Executable File
/*
|
|
|
|
Catalyst by Pixelarity
|
|
|
|
pixelarity.com | hello@pixelarity.com
|
|
|
|
License: pixelarity.com/license
|
|
|
|
*/
|
|
|
|
|
|
|
|
(function($) {
|
|
|
|
|
|
|
|
var $window = $(window),
|
|
|
|
$body = $('body');
|
|
|
|
|
|
|
|
// Breakpoints.
|
|
|
|
breakpoints({
|
|
|
|
wide: [ '1281px', '1680px' ],
|
|
|
|
normal: [ '981px', '1280px' ],
|
|
|
|
narrow: [ '737px', '980px' ],
|
|
|
|
mobile: [ '481px', '736px' ],
|
|
|
|
mobilep: [ null, '480px' ]
|
|
|
|
});
|
|
|
|
|
|
|
|
// Play initial animations on page load.
|
|
|
|
$window.on('load', function() {
|
|
|
|
window.setTimeout(function() {
|
|
|
|
$body.removeClass('is-preload');
|
|
|
|
}, 100);
|
|
|
|
});
|
|
|
|
|
|
|
|
// Dropdowns.
|
|
|
|
$('#nav > ul').dropotron({
|
|
|
|
alignment: 'right'
|
|
|
|
});
|
|
|
|
|
|
|
|
// Nav Panel.
|
|
|
|
|
|
|
|
// Title Bar.
|
|
|
|
$(
|
|
|
|
'<div id="navButton">' +
|
|
|
|
'<a href="#navPanel" class="toggle"></a>' +
|
|
|
|
'</div>'
|
|
|
|
)
|
|
|
|
.appendTo($body);
|
|
|
|
|
|
|
|
// Panel.
|
|
|
|
$(
|
|
|
|
'<div id="navPanel">' +
|
|
|
|
'<nav>' +
|
|
|
|
$('#nav').navList() +
|
|
|
|
'</nav>' +
|
|
|
|
'</div>'
|
|
|
|
)
|
|
|
|
.appendTo($body)
|
|
|
|
.panel({
|
|
|
|
delay: 500,
|
|
|
|
hideOnClick: true,
|
|
|
|
hideOnSwipe: true,
|
|
|
|
resetScroll: true,
|
|
|
|
resetForms: true,
|
|
|
|
side: 'left',
|
|
|
|
target: $body,
|
|
|
|
visibleClass: 'navPanel-visible'
|
|
|
|
});
|
|
|
|
|
|
|
|
// Banner.
|
|
|
|
var $banner = $('#banner');
|
|
|
|
|
|
|
|
if ($banner.length > 0) {
|
|
|
|
|
|
|
|
// Parallax background.
|
|
|
|
if (browser.name != 'ie'
|
|
|
|
&& browser.name != 'edge'
|
|
|
|
&& !browser.mobile) {
|
|
|
|
|
|
|
|
var originalPosition = $banner.css('background-position');
|
|
|
|
|
|
|
|
breakpoints.on('<=normal', function() {
|
|
|
|
|
|
|
|
$window.off('scroll.px');
|
|
|
|
$banner.css('background-position', originalPosition);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
breakpoints.on('>normal', function() {
|
|
|
|
|
|
|
|
$banner.css('background-position', 'center 0px');
|
|
|
|
|
|
|
|
$window.on('scroll.px', function() {
|
|
|
|
$banner.css('background-position', 'center ' + (parseInt($window.scrollTop()) * -0.5) + 'px');
|
|
|
|
});
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})(jQuery); |