mirror of
				https://github.com/dawidolko/Website-Templates.git
				synced 2025-10-31 00:13:11 +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");
 | |
| });
 | |
|  
 |