first commit

2021-09-12 08:50:33 -04:00
commit 25799745c2
786 changed files with 149916 additions and 0 deletions
@@ -0,0 +1,126 @@
+/*jshint jquery:true */
+/*global $:true */
+
+var $ = jQuery.noConflict();
+
+$(document).ready(function($) {
+	"use strict";
+
+	/*-------------------------------------------------*/
+	/* =   Smooth scroll
+	/*-------------------------------------------------*/
+
+	$('#container').imagesLoaded(function(){
+		//Get Sections top position
+		function getTargetTop(elem){
+			
+			//gets the id of the section header
+			//from the navigation's href e.g. ("#html")
+			var id = elem.attr("href");
+
+			//Height of the navigation
+			var offset = 65;
+
+			//Gets the distance from the top and 
+			//subtracts the height of the nav.
+			return $(id).offset().top - offset;
+		}
+
+		//Smooth scroll when user click link that starts with #
+
+		var elemHref = $('.navbar-right a[href^="#"]');
+
+		elemHref.click(function(event) {
+			
+			//gets the distance from the top of the 
+			//section refenced in the href.
+			var target = getTargetTop($(this));
+
+			//scrolls to that section.
+			$('html, body').animate({scrollTop:target}, 500);
+
+			//prevent the browser from jumping down to section.
+			event.preventDefault();
+		});
+
+		//Pulling sections from main nav.
+		var sections = $('.navbar-right a[href^="#"]');
+
+		// Go through each section to see if it's at the top.
+		// if it is add an active class
+		function checkSectionSelected(scrolledTo){
+			
+			//How close the top has to be to the section.
+			var threshold = 100;
+
+			var i;
+
+			for (i = 0; i < sections.length; i++) {
+				
+				//get next nav item
+				var section = $(sections[i]);
+
+				//get the distance from top
+				var target = getTargetTop(section);
+				
+				//Check if section is at the top of the page.
+				if (scrolledTo > target - threshold && scrolledTo < target + threshold) {
+
+					//remove all selected elements
+					sections.removeClass("active");
+
+					//add current selected element.
+					section.addClass("active");
+				}
+
+			}
+		}
+
+		//Check if page is already scrolled to a section.
+		checkSectionSelected($(window).scrollTop());
+
+		$(window).scroll(function(){
+			checkSectionSelected($(window).scrollTop());
+		});
+
+	});
+
+	/* ---------------------------------------------------------------------- */
+	/*	Header animate after scroll
+	/* ---------------------------------------------------------------------- */
+
+	(function() {
+
+		var docElem = document.documentElement,
+			didScroll = false,
+			changeHeaderOn = $(window).height();
+			document.querySelector( '.navbar' );
+		function init() {
+			window.addEventListener( 'scroll', function() {
+				if( !didScroll ) {
+					didScroll = true;
+					setTimeout( scrollPage, 250 );
+				}
+			}, false );
+		}
+		
+		function scrollPage() {
+			var sy = scrollY();
+			if ( sy >= changeHeaderOn ) {
+				$( '.navbar' ).addClass('active');
+			}
+			else {
+				$( '.navbar' ).removeClass('active');
+			}
+			didScroll = false;
+		}
+		
+		function scrollY() {
+			return window.pageYOffset || docElem.scrollTop;
+		}
+		
+		init();
+		
+	})();
+});
+