New version

Author: hodgef

assets/css/font-awesome.min.css

@@ -0,0 +1,18 @@
+/*
+	Stellar by HTML5 UP
+	html5up.net | @ajlkn
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Header */
+
+	body.is-preload #header.alt > * {
+		opacity: 1;
+	}
+
+	body.is-preload #header.alt .logo {
+		-moz-transform: none;
+		-webkit-transform: none;
+		-ms-transform: none;
+		transform: none;
+	}

assets/css/fonts.css

@@ -1,34 +1,129 @@
+/*
+	Stellar by HTML5 UP
+	html5up.net | @ajlkn
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+var isMobileWidth = false;
+
 (function($) {
-  "use strict"; // Start of use strict
-
-  var isMobileWidth = false;
-
-  // Smooth scrolling using jQuery easing
-  $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() {
-    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
-      var target = $(this.hash);
-      target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
-      if (target.length) {
-        $('html, body').animate({
-          scrollTop: (target.offset().top - 54)
-        }, 1000, "easeInOutExpo");
-        return false;
-      }
-    }
-  });
 
-  // Closes responsive menu when a scroll trigger link is clicked
-  $('.js-scroll-trigger').click(function() {
-    $('.navbar-collapse').collapse('hide');
-  });
+	var	$window = $(window),
+		$body = $('body'),
+		$main = $('#main');
 
-  // Activate scrollspy to add active class to navbar items on scroll
-  $('body').scrollspy({
-    target: '#mainNav',
-    offset: 54
-  });
+	// Breakpoints.
+		breakpoints({
+			xlarge:   [ '1281px',  '1680px' ],
+			large:    [ '981px',   '1280px' ],
+			medium:   [ '737px',   '980px'  ],
+			small:    [ '481px',   '736px'  ],
+			xsmall:   [ '361px',   '480px'  ],
+			xxsmall:  [ null,      '360px'  ]
+		});
+
+	// Play initial animations on page load.
+		$window.on('load', function() {
+			window.setTimeout(function() {
+				$body.removeClass('is-preload');
+			}, 100);
+		});
+
+	// Nav.
+		var $nav = $('#nav');
+
+		if ($nav.length > 0) {
+
+			// Shrink effect.
+				$main
+					.scrollex({
+						mode: 'top',
+						enter: function() {
+							$nav.addClass('alt');
+						},
+						leave: function() {
+							$nav.removeClass('alt');
+						},
+					});
+
+			// Links.
+				var $nav_a = $nav.find('a');
+
+				$nav_a
+					.scrolly({
+						speed: 1000,
+						offset: function() { return $nav.height(); }
+					})
+					.on('click', function() {
+
+						var $this = $(this);
+
+						// External link? Bail.
+							if ($this.attr('href').charAt(0) != '#')
+								return;
+
+						// Deactivate all links.
+							$nav_a
+								.removeClass('active')
+								.removeClass('active-locked');
+
+						// Activate link *and* lock it (so Scrollex doesn't try to activate other links as we're scrolling to this one's section).
+							$this
+								.addClass('active')
+								.addClass('active-locked');
+
+					})
+					.each(function() {
+
+						var	$this = $(this),
+							id = $this.attr('href'),
+							$section = $(id);
 
-  let Keyboard = window.SimpleKeyboard.default;
+						// No section for this link? Bail.
+							if ($section.length < 1)
+								return;
+
+						// Scrollex.
+							$section.scrollex({
+								mode: 'middle',
+								initialize: function() {
+
+									// Deactivate section.
+										if (browser.canUse('transition'))
+											$section.addClass('inactive');
+
+								},
+								enter: function() {
+
+									// Activate section.
+										$section.removeClass('inactive');
+
+									// No locked links? Deactivate all links and activate this section's one.
+										if ($nav_a.filter('.active-locked').length == 0) {
+
+											$nav_a.removeClass('active');
+											$this.addClass('active');
+
+										}
+
+									// Otherwise, if this section's link is the one that's locked, unlock it.
+										else if ($this.hasClass('active-locked'))
+											$this.removeClass('active-locked');
+
+								}
+							});
+
+					});
+
+		}
+
+	// Scrolly.
+		$('.scrolly').scrolly({
+			speed: 1000
+		});
+})(jQuery);
+
+let Keyboard = window.SimpleKeyboard.default;
 
   let keyboard = new Keyboard({
     onChange: input => onChange(input),
@@ -40,29 +135,14 @@
       $('body').addClass('keyboard-shown');
       $(".simple-keyboard-input").focus();
     },
-    layout: {
-      'default': [
-        '` 1 2 3 4 5 6 7 8 9 0 - = {backspace}',
-        '{tab} q w e r t y u i o p [ ] \\',
-        '{capslock} a s d f g h j k l ; \' {enter}',
-        '{shiftleft} z x c v b n m , . / {shiftright}',
-        '.com @ {space}'
-      ],
-      'shift': [
-        '~ ! @ # $ % ^ & * ( ) _ + {backspace}',
-        '{tab} Q W E R T Y U I O P { } |',
-        '{capslock} A S D F G H J K L : " {enter}',
-        '{shiftleft} Z X C V B N M < > ? {shiftright}',
-        '.com @ {space}'
-      ]
-    },
+    layout: null,
     display: {}
   });
 
   resizeHandler();
 
   function onChange(input) {
-    document.querySelector(".simple-keyboard-input").value = input;
+    document.querySelector(".tagSndLine").innerHTML = input || "Compatible with your JS, React, Vue, Angular or jQuery projects.";
     console.log("Input changed", input);
   }
 
@@ -72,7 +152,7 @@
     /**
      * If you want to handle the shift and caps lock buttons
      */
-    if (button === "{shiftleft}" || button === "{shiftright}" || button === "{capslock}") handleShift();
+    if (button === "{shiftleft}" || button === "{shiftright}" || button === "{capslock}" || button === "{shift}" || button === "{lock}") handleShift();
     if (button === "{numbers}" || button === "{abc}") handleNumbers();
 
     if($('.dot_icon').hasClass('circ_animate')){
@@ -98,15 +178,15 @@
     });
   }
 
-  document.querySelector(".simple-keyboard-input").addEventListener("change", event => {
+  /*document.querySelector(".simple-keyboard-input").addEventListener("change", event => {
     keyboard.setInput(event.target.value);
-  });
+  });*/
 
-  document.querySelector(".simple-keyboard-input").addEventListener("keydown", event => {
+  /*document.querySelector(".simple-keyboard-input").addEventListener("keydown", event => {
     if($('.dot_icon').hasClass('circ_animate')){
       $('.dot_icon').removeClass('circ_animate');
     }
-  });
+  });*/
 
   document.addEventListener('keydown', (e) => {
     if(e.key === "Tab"){
@@ -128,13 +208,13 @@
               'q w e r t y u i o p',
               'a s d f g h j k l',
               '{shiftleft} z x c v b n m {backspace}',
-              '{numbers} {space} {enter}'
+              '{numbers} {space} {ent}'
             ],
             'shift': [
               'Q W E R T Y U I O P',
               'A S D F G H J K L',
               '{shiftleft} Z X C V B N M {backspace}',
-              '{numbers} {space} {enter}'
+              '{numbers} {space} {ent}'
             ],
             'numbers': [
               "1 2 3",
@@ -145,7 +225,7 @@
           },
           display: {
             "{numbers}": "123",
-            "{enter}": "return",
+            "{ent}": "return",
             "{escape}": "esc ⎋",
             "{tab}": "tab ⇥",
             "{backspace}": "⌫",
@@ -217,6 +297,4 @@
     keyboard.setOptions({
       physicalKeyboardHighlight: true
     });
-  }
-
-})(jQuery); // End of use strict
+  }