mirror of
				https://github.com/dawidolko/Website-Templates.git
				synced 2025-10-27 16:03:10 +01:00 
			
		
		
		
	
		
			
				
	
	
		
			140 lines
		
	
	
		
			3.5 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			140 lines
		
	
	
		
			3.5 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| /*
 | |
| Author URI: http://webthemez.com/
 | |
| Note: 
 | |
| Licence under Creative Commons Attribution 3.0 
 | |
| Do not remove the back-link in this web template 
 | |
| -------------------------------------------------------*/
 | |
| 
 | |
| $(window).load(function() {
 | |
|     jQuery('#all').click();
 | |
|     return false;
 | |
| });
 | |
| 
 | |
| $(document).ready(function() {
 | |
|     $('#header_wrapper').scrollToFixed();
 | |
|     $('.res-nav_click').click(function() {
 | |
|         $('.main-nav').slideToggle();
 | |
|         return false
 | |
| 
 | |
|     });
 | |
| 	
 | |
|     function resizeText() {
 | |
|         var preferredWidth = 767;
 | |
|         var displayWidth = window.innerWidth;
 | |
|         var percentage = displayWidth / preferredWidth;
 | |
|         var fontsizetitle = 25;
 | |
|         var newFontSizeTitle = Math.floor(fontsizetitle * percentage);
 | |
|         $(".divclass").css("font-size", newFontSizeTitle)
 | |
|     }
 | |
|     if ($('#main-nav ul li:first-child').hasClass('active')) {
 | |
|         $('#main-nav').css('background', 'none');
 | |
|     }
 | |
|     $('#mainNav').onePageNav({
 | |
|         currentClass: 'active',
 | |
|         changeHash: false,
 | |
|         scrollSpeed: 950,
 | |
|         scrollThreshold: 0.2,
 | |
|         filter: '',
 | |
|         easing: 'swing',
 | |
|         begin: function() {
 | |
|         },
 | |
|         end: function() {
 | |
|             if (!$('#main-nav ul li:first-child').hasClass('active')) {
 | |
|                 $('.header').addClass('addBg');
 | |
|             } else {
 | |
|                 $('.header').removeClass('addBg');
 | |
|             }
 | |
| 
 | |
|         },
 | |
|         scrollChange: function($currentListItem) {
 | |
|             if (!$('#main-nav ul li:first-child').hasClass('active')) {
 | |
|                 $('.header').addClass('addBg');
 | |
|             } else {
 | |
|                 $('.header').removeClass('addBg');
 | |
|             }
 | |
|         }
 | |
|     });
 | |
| 
 | |
|     var container = $('#portfolio_wrapper');
 | |
| 
 | |
| 
 | |
|     container.isotope({
 | |
|         animationEngine: 'best-available',
 | |
|         animationOptions: {
 | |
|             duration: 200,
 | |
|             queue: false
 | |
|         },
 | |
|         layoutMode: 'fitRows'
 | |
|     });
 | |
| 
 | |
|     $('#filters a').click(function() {
 | |
|         $('#filters a').removeClass('active');
 | |
|         $(this).addClass('active');
 | |
|         var selector = $(this).attr('data-filter');
 | |
|         container.isotope({
 | |
|             filter: selector
 | |
|         });
 | |
|         setProjects();
 | |
|         return false;
 | |
|     });
 | |
| 
 | |
|     function splitColumns() {
 | |
|         var winWidth = $(window).width(),
 | |
|             columnNumb = 1;
 | |
| 
 | |
| 
 | |
|         if (winWidth > 1024) {
 | |
|             columnNumb = 4;
 | |
|         } else if (winWidth > 900) {
 | |
|             columnNumb = 2;
 | |
|         } else if (winWidth > 479) {
 | |
|             columnNumb = 2;
 | |
|         } else if (winWidth < 479) {
 | |
|             columnNumb = 1;
 | |
|         }
 | |
| 
 | |
|         return columnNumb;
 | |
|     }
 | |
| 	
 | |
|     function setColumns() {
 | |
|         var winWidth = $(window).width(),
 | |
|             columnNumb = splitColumns(),
 | |
|             postWidth = Math.floor(winWidth / columnNumb);
 | |
| 
 | |
|         container.find('.portfolio-item').each(function() {
 | |
|             $(this).css({
 | |
|                 width: postWidth + 'px'
 | |
|             });
 | |
|         });
 | |
|     }
 | |
| 
 | |
|     function setProjects() {
 | |
|         setColumns();
 | |
|         container.isotope('reLayout');
 | |
|     }
 | |
| 
 | |
|     container.imagesLoaded(function() {
 | |
|         setColumns();
 | |
|     });
 | |
| 
 | |
| 
 | |
|     $(window).bind('resize', function() {
 | |
|         setProjects();
 | |
|     });
 | |
| 
 | |
|    $(".fancybox").fancybox();
 | |
| });
 | |
| 
 | |
| wow = new WOW({
 | |
|     animateClass: 'animated',
 | |
|     offset: 100
 | |
| });
 | |
| wow.init();
 | |
| document.getElementById('').onclick = function() {
 | |
|     var section = document.createElement('section');
 | |
|     section.className = 'wow fadeInDown';
 | |
|     section.className = 'wow shake';
 | |
|     section.className = 'wow zoomIn';
 | |
|     section.className = 'wow lightSpeedIn';
 | |
|     this.parentNode.insertBefore(section, this);
 | |
| }; |