fix responsive issue of nav links (#11)

index.html

@@ -291,7 +291,7 @@ <h2 class="section-heading" style="font-size: 3em; font-family: 'Poppins', sans-
 
         6/16/2018: Added new line for the Source on Github... part, with margin bottom
                    set to 1 (awesome new bootstrap 4 mb-1 class)-->
-    <section data-index="5" class="bg-black pt-3 pb-2 text-white">
+    <footer class="bg-black pt-3 pb-2 text-white">
         <div class="container text-center text-small">
             <p>
                 Created with <i class="fa fa-heart"></i> by <a href="https://github.com/heisinbug" target="_blank">Aryan
@@ -308,7 +308,7 @@ <h2 class="section-heading" style="font-size: 3em; font-family: 'Poppins', sans-
                     class="text-bold">GitHub</a>
             </p>
         </div>
-    </section>
+    </footer>
 
     <!-- 6/15/2018: Updated jQuery, added Popper.js, and updated Bootstrap JS to 4.1.1 -->
     <!-- Also pulling in the Bootstrap 4 update from Start Bootstrap too

js/app.js

@@ -16,15 +16,14 @@ const palatte = [
     "#fff", "#0F9D58", "#4285F4", "#F4B400", "#DB4437", "#000"
 ]
 const options = {
-    threshold: 0.7,
+    threshold: 0.3,
 };
 
 let observer = new IntersectionObserver(navCheck, options);
 
 function navCheck(entries) {
     entries.forEach((entry) => {
         const className = entry.target.id;
-        console.log(className);
         var activeAnchor = document.querySelector(`[data-page=${className}]`);
 
         const gradientIndex = entry.target.getAttribute("data-index");