mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2025-10-27 16:03:10 +01:00
102 lines
2.5 KiB
JavaScript
102 lines
2.5 KiB
JavaScript
function initNavbar() {
|
|
|
|
var scrollSpeed = 750;
|
|
var scrollOffset = 68;
|
|
var easing = 'swing';
|
|
|
|
$('#navbar-top .navbar-default ul.nav').onePageNav({
|
|
currentClass: 'active',
|
|
changeHash: false,
|
|
scrollSpeed: scrollSpeed,
|
|
scrollOffset: scrollOffset,
|
|
scrollThreshold: 0.5,
|
|
filter: ':not(.external)',
|
|
easing: easing
|
|
});
|
|
|
|
$('.nav-external').click(function (e) {
|
|
e.preventDefault();
|
|
$('html, body').stop().animate({
|
|
scrollTop: $($(this).attr("href")).offset().top - scrollOffset
|
|
}, scrollSpeed, easing);
|
|
});
|
|
|
|
$('#navbar-top .navbar-default').affix({
|
|
offset: {
|
|
top: $('#home').height()
|
|
}
|
|
});
|
|
}
|
|
function initPortfolio () {
|
|
var portfolio = $('#portfolio');
|
|
var items = $('.items', portfolio);
|
|
var filters = $('.filters li a', portfolio);
|
|
|
|
items.imagesLoaded(function() {
|
|
items.isotope({
|
|
itemSelector: '.item',
|
|
layoutMode: 'fitRows',
|
|
transitionDuration: '0.7s'
|
|
});
|
|
});
|
|
|
|
filters.click(function(){
|
|
var el = $(this);
|
|
filters.removeClass('active');
|
|
el.addClass('active');
|
|
var selector = el.attr('data-filter');
|
|
items.isotope({ filter: selector });
|
|
return false;
|
|
});
|
|
}
|
|
function initAnimations() {
|
|
$('.animated').appear(function () {
|
|
var el = $(this);
|
|
var animation = el.data('animation');
|
|
var delay = el.data('delay');
|
|
if (delay) {
|
|
setTimeout(function () {
|
|
el.addClass(animation);
|
|
el.addClass('showing');
|
|
el.removeClass('hiding');
|
|
}, delay);
|
|
} else {
|
|
el.addClass(animation);
|
|
el.addClass('showing');
|
|
el.removeClass('hiding');
|
|
}
|
|
}, {
|
|
accY: -60
|
|
});
|
|
|
|
// Service hover animation
|
|
$('.service').hover(function(){
|
|
$('i', this).addClass('animated tada');
|
|
},function(){
|
|
$('i', this).removeClass('animated tada');
|
|
});
|
|
}
|
|
function initStart(){
|
|
var homeHeight = $(window).innerHeight()-69;
|
|
$('#home').height(homeHeight);
|
|
// fancybox
|
|
$(".fancybox").fancybox();
|
|
$('.collapse ul li a').click(function(){
|
|
$(this).parents('.collapse').removeClass('in');
|
|
});
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
initStart()
|
|
initNavbar();
|
|
initPortfolio();
|
|
initAnimations();
|
|
$(window).resize(function(){
|
|
initStart()
|
|
});
|
|
});
|
|
$(window).load(function () {
|
|
$(".loader .fading-line").fadeOut();
|
|
$(".loader").fadeOut("slow");
|
|
});
|
|
|