diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..6654422
Binary files /dev/null and b/.DS_Store differ
diff --git a/img/.DS_Store b/img/.DS_Store
new file mode 100644
index 0000000..14b971d
Binary files /dev/null and b/img/.DS_Store differ
diff --git a/index.html b/index.html
index e191565..8ec2b53 100644
--- a/index.html
+++ b/index.html
@@ -125,7 +125,7 @@
                         <div id="description-content">Gilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure for local middle/high school students.</div>
                         <hr class="line">
                         <ul class="list">
-                            <li>Even if you're not an expert at coding, this hackathon offers an opportunity for you to strengthen your skills and collaborate with others to create something useful.</li>
+                            "Strengthen your skills and collaborate with others to create something useful."<br>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;- GHacks Team
                             <h3 class="desc-title">Main Events</h3>
                                 <ul style="margin-left: 25px">
                                     <li><span class="emphasis-text">Aug 12</span> -> Opening Ceremony</li>
diff --git a/js/contact.js b/js/contact.js
index 350c7ac..322d4e1 100644
--- a/js/contact.js
+++ b/js/contact.js
@@ -1,39 +1,39 @@
-// Src: https://codepen.io/nikhil8krishnan/pen/gaybLK
-//material contact form animation
-$(".contact-form")
-  .find(".form-control")
-  .each(function () {
-    var targetItem = $(this).parent();
-    if ($(this).val()) {
-      $(targetItem).find("label").css({
-        top: "10px",
-        fontSize: "14px"
-      });
-    }
-  });
-$(".contact-form")
-  .find(".form-control")
-  .focus(function () {
-    $(this).parent(".input-block").addClass("focus");
-    $(this).parent().find("label").animate(
-      {
-        top: "10px",
-        fontSize: "14px"
-      },
-      300
-    );
-  });
-$(".contact-form")
-  .find(".form-control")
-  .blur(function () {
-    if ($(this).val().length == 0) {
-      $(this).parent(".input-block").removeClass("focus");
-      $(this).parent().find("label").animate(
-        {
-          top: "25px",
-          fontSize: "18px"
-        },
-        300
-      );
-    }
+// Src: https://codepen.io/nikhil8krishnan/pen/gaybLK
+//material contact form animation
+$(".contact-form")
+  .find(".form-control")
+  .each(function () {
+    var targetItem = $(this).parent();
+    if ($(this).val()) {
+      $(targetItem).find("label").css({
+        top: "10px",
+        fontSize: "14px"
+      });
+    }
+  });
+$(".contact-form")
+  .find(".form-control")
+  .focus(function () {
+    $(this).parent(".input-block").addClass("focus");
+    $(this).parent().find("label").animate(
+      {
+        top: "10px",
+        fontSize: "14px"
+      },
+      300
+    );
+  });
+$(".contact-form")
+  .find(".form-control")
+  .blur(function () {
+    if ($(this).val().length == 0) {
+      $(this).parent(".input-block").removeClass("focus");
+      $(this).parent().find("label").animate(
+        {
+          top: "25px",
+          fontSize: "18px"
+        },
+        300
+      );
+    }
   });
\ No newline at end of file
diff --git a/js/general.js b/js/general.js
index 0eb0466..eb482c5 100644
--- a/js/general.js
+++ b/js/general.js
@@ -1,259 +1,259 @@
-// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com)
-"use strict";
-
-// document is loaded and DOM is ready
-document.addEventListener('DOMContentLoaded', function(){
-    // Email replace
-    function setAttributes(elem, attrs) {
-        for(var key in attrs) {
-          elem.setAttribute(key, attrs[key]);
-        }
-    }
-
-    var tech = document.getElementById("email-replace-tech");
-    setAttributes(tech, {"href": "mailto:tech" + "@" + "gilroyhacks.com?subject=Gilroy Hacks", "target": "_blank"});
-    tech.innerHTML = "tech" + "@" + "gilroyhacks.com";
-
-    var aadhavan = document.getElementById("email-replace-aadhavan");
-    setAttributes(aadhavan, {"href": "mailto:aadhavan.magesh" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
-    aadhavan.innerHTML = "aadhavan.magesh" + "@" + "gmail.com";
-
-    var isaac = document.getElementById("email-replace-isaac");
-    setAttributes(isaac, {"href": "mailto:ihwang125" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
-    isaac.innerHTML = "ihwang125" + "@" + "gmail.com";
-
-    var vijay = document.getElementById("email-replace-vijay");
-    setAttributes(vijay, {"href": "mailto:vijaykethanaboyina" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
-    vijay.innerHTML = "vijaykethanaboyina" + "@" + "gmail.com";
-
-    var james = document.getElementById("email-replace-james");
-    setAttributes(james, {"href": "mailto:jamesdinh77" + "@" + "protonmail.com?subject=Gilroy Hacks", "target": "_blank"});
-    james.innerHTML = "jamesdinh77" + "@" + "protonmail.com";
-
-    var ezra = document.getElementById("email-replace-ezra");
-    setAttributes(ezra, {"href": "mailto:ezrabridger27" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
-    ezra.innerHTML = "ezrabridger27" + "@" + "gmail.com";
-
-    var mark = document.getElementById("email-replace-mark");
-    setAttributes(mark, {"href": "mailto:markshen00" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
-    mark.innerHTML = "markshen00" + "@" + "gmail.com";
-
-    var bryce = document.getElementById("email-replace-bryce");
-    setAttributes(bryce, {"href": "mailto:brycemankovsky" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
-    bryce.innerHTML = "brycemankovsky" + "@" + "gmail.com";
-
-    // Checkbox Local Storage
-    var i;
-    var checkboxes = document.querySelectorAll('#signup-container input[type=checkbox]');
-    var verify = true;
-    function save() {
-        for (i = 0; i < checkboxes.length; i++) {
-            localStorage.setItem(checkboxes[i].value, checkboxes[i].checked);
-        }
-    }
-    window.onload = function() {
-        load();
-    };
-    function load() {
-        for (i = 0; i < checkboxes.length; i++) {
-            checkboxes[i].checked = localStorage.getItem(checkboxes[i].value) === 'true' ? true:false;
-        }
-    }
-    function check(id) {
-        document.getElementById(id).checked = true;
-    }
-    function uncheck(id) {
-        document.getElementById(id).checked = false;
-    }
-    function notification(id) {
-        if (localStorage.getItem(checkboxes[id].value) != true) { verify = false; }
-        if (verify) { document.getElementById('notification').style.visibility = visible; }
-    }
-
-    // function btnToggle() {
-    //     if (document.getElementById('#check').checked) {
-    //         document.getElementById('#check').checked = false;
-    //     }
-    //     else {
-    //         document.getElementById('#check').checked = true;
-    //     }
-    // }
-    // document.getElementById('#check').addEventListener('click', function (event) {
-    //     if (!document.getElementById('check').checked) {
-    //         event.stopPropagation();
-    //     }
-    // });
-    // window.onclick = function(event) {
-    //     if (!event.target.matches('check')) {
-    //         if (document.getElementById('check').checked) {
-    //             document.getElementById('check').checked = false;
-    //         }
-    //     }
-    // }
-
-    // document.getElementById("navList").addEventListener('click', function (event) {
-    //     if (document.getElementById('check').checked) {
-    //         event.stopPropagation();
-    //     }});
-
-    // Scroll Element
-    // Creating an observer when the user views that element
-    const observer = new IntersectionObserver(entries => {
-        // Loop over the entries
-        entries.forEach(entry => {
-        // If the element is visible
-        if (entry.isIntersecting) {
-            // Add the animation class
-            entry.target.classList.add('slide-animation');
-        }
-        });
-    });
-
-    const observer_prize_2 = new IntersectionObserver(entries => {
-        entries.forEach(entry => {
-        if (entry.isIntersecting) {
-            entry.target.classList.add('slide-animation-prize-2');
-        }
-        });
-    });
-
-    const observer_prize_1 = new IntersectionObserver(entries => {
-        entries.forEach(entry => {
-        if (entry.isIntersecting) {
-            entry.target.classList.add('slide-animation-prize-1');
-        }
-        });
-    });
-    
-    const observer_prize_3 = new IntersectionObserver(entries => {
-        entries.forEach(entry => {
-        if (entry.isIntersecting) {
-            entry.target.classList.add('slide-animation-prize-3');
-        }
-        });
-    });
-
-    const observer_team_img = new IntersectionObserver(entries => {
-        entries.forEach(entry => {
-        if (entry.isIntersecting) {
-            entry.target.classList.add('slide-animation-card-img');
-        }
-        });
-    });
-
-    const observer_team_desc = new IntersectionObserver(entries => {
-        entries.forEach(entry => {
-        if (entry.isIntersecting) {
-            entry.target.classList.add('slide-animation-card-desc');
-        }
-        });
-    });
-
-    const entries = document.querySelectorAll('.team-picture');
-    entries.forEach(entry => {
-        observer_team_img.observe(entry);
-    });
-
-    const entries_desc = document.querySelectorAll('.team-description');
-    entries_desc.forEach(entry => {
-        observer_team_desc.observe(entry);
-    });
-    
-    const prize_entries = document.querySelectorAll('.prize-column');
-    prize_entries.forEach(entry => {
-        observer.observe(entry);
-    });
-
-    const prize_entries_edge = document.querySelectorAll('.podium-edge');
-    prize_entries_edge.forEach(entry => {
-        observer.observe(entry);
-    });
-
-    // Adding the class animations to these elements
-    let elements_id = ['#description-heading', '#event-main-box', '#timeline', '#signup-title', '#steps-card', '#sponsor-title', '#sponsor-container', '#map-article', '#rules-description', '#guidelines', '#code-of-conduct', '#photo-release-container', '#second-podium', '#first-podium', '#third-podium', '#prize-box', '#administration', '#logistics', '#outreach', '#tech', '#marketing'];
-    elements_id.forEach(entry => {
-        var thing = document.querySelector(entry)
-        observer.observe(document.querySelector(entry));
-    });
-
-    observer_prize_2.observe(document.querySelector('#second-place'));
-    observer_prize_1.observe(document.querySelector('#first-place'));
-    observer_prize_3.observe(document.querySelector('#third-place'));
-
-    // Scroll Nav
-    // Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com)
-
-    // Toggle the .pa-fixed-header class when the user 
-    // scroll 100px 
-
-    window.onscroll = () => {scrollNavbar()};
-
-    var scrollNavbar = () => {
-        // Target elements
-        const navBar = document.getElementById("navBar");
-        const links = document.querySelectorAll("#navBar a");
-
-    if (document.documentElement.scrollTop > 50) {
-        navBar.classList.add("pa-fixed-header");
-
-        // Change the color of links on scroll
-        for (let i = 0; i < links.length; i++) {
-            const element = links[i];
-            element.classList.add('text-black');
-        }
-
-    } else {
-        navBar.classList.remove("pa-fixed-header");
-        
-        // Change the color of links back to default
-        for (let i = 0; i < links.length; i++) {
-            const element = links[i];
-            element.classList.remove('text-black');
-        }
-    }
-    }
-
-    // Timer
-    // SRC: W3Schools https://www.w3schools.com/howto/howto_js_countdown.asp
-    // Set the date we're counting down to
-    var countDownDate = new Date("Aug 12, 2022 16:00:00").getTime();
-
-    // Update the count down every 1 second
-    var x = setInterval(function() {
-
-    // Get today's date and time
-    var now = new Date().getTime();
-
-    // Find the distance between now and the count down date
-    var distance = countDownDate - now;
-
-    // Time calculations for days, hours, minutes and seconds
-    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
-    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
-    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
-    // var seconds = Math.floor((distance % (1000 * 60)) / 1000);
-
-    // If the count down is finished, write some text
-    if (distance < 0) {
-        clearInterval(x);
-        document.getElementById("timer").innerHTML = "LIVE";
-    }
-    // Display the result in the element with id="timer"
-    if (days != 0) {
-        document.getElementById("timer").innerHTML = days + "d " + hours + "h";
-    }
-    else if (hours != 0) {
-        document.getElementById("timer").innerHTML = hours + "h" + minutes + "m";
-    }
-    else {
-        document.getElementById("timer").innerHTML = minutes + "m";
-    }
-    }, 1000);
-});
-
-// page is fully loaded, including all frames, objects and images
-window.addEventListener("load", function() {
-    
-});
-
-// General functions
+// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com)
+"use strict";
+
+// document is loaded and DOM is ready
+document.addEventListener('DOMContentLoaded', function(){
+    // Email replace
+    function setAttributes(elem, attrs) {
+        for(var key in attrs) {
+          elem.setAttribute(key, attrs[key]);
+        }
+    }
+
+    var tech = document.getElementById("email-replace-tech");
+    setAttributes(tech, {"href": "mailto:tech" + "@" + "gilroyhacks.com?subject=Gilroy Hacks", "target": "_blank"});
+    tech.innerHTML = "tech" + "@" + "gilroyhacks.com";
+
+    var aadhavan = document.getElementById("email-replace-aadhavan");
+    setAttributes(aadhavan, {"href": "mailto:aadhavan.magesh" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
+    aadhavan.innerHTML = "aadhavan.magesh" + "@" + "gmail.com";
+
+    var isaac = document.getElementById("email-replace-isaac");
+    setAttributes(isaac, {"href": "mailto:ihwang125" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
+    isaac.innerHTML = "ihwang125" + "@" + "gmail.com";
+
+    var vijay = document.getElementById("email-replace-vijay");
+    setAttributes(vijay, {"href": "mailto:vijaykethanaboyina" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
+    vijay.innerHTML = "vijaykethanaboyina" + "@" + "gmail.com";
+
+    var james = document.getElementById("email-replace-james");
+    setAttributes(james, {"href": "mailto:jamesdinh77" + "@" + "protonmail.com?subject=Gilroy Hacks", "target": "_blank"});
+    james.innerHTML = "jamesdinh77" + "@" + "protonmail.com";
+
+    var ezra = document.getElementById("email-replace-ezra");
+    setAttributes(ezra, {"href": "mailto:ezrabridger27" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
+    ezra.innerHTML = "ezrabridger27" + "@" + "gmail.com";
+
+    var mark = document.getElementById("email-replace-mark");
+    setAttributes(mark, {"href": "mailto:markshen00" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
+    mark.innerHTML = "markshen00" + "@" + "gmail.com";
+
+    var bryce = document.getElementById("email-replace-bryce");
+    setAttributes(bryce, {"href": "mailto:brycemankovsky" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
+    bryce.innerHTML = "brycemankovsky" + "@" + "gmail.com";
+
+    // Checkbox Local Storage
+    var i;
+    var checkboxes = document.querySelectorAll('#signup-container input[type=checkbox]');
+    var verify = true;
+    function save() {
+        for (i = 0; i < checkboxes.length; i++) {
+            localStorage.setItem(checkboxes[i].value, checkboxes[i].checked);
+        }
+    }
+    window.onload = function() {
+        load();
+    };
+    function load() {
+        for (i = 0; i < checkboxes.length; i++) {
+            checkboxes[i].checked = localStorage.getItem(checkboxes[i].value) === 'true' ? true:false;
+        }
+    }
+    function check(id) {
+        document.getElementById(id).checked = true;
+    }
+    function uncheck(id) {
+        document.getElementById(id).checked = false;
+    }
+    function notification(id) {
+        if (localStorage.getItem(checkboxes[id].value) != true) { verify = false; }
+        if (verify) { document.getElementById('notification').style.visibility = visible; }
+    }
+
+    // function btnToggle() {
+    //     if (document.getElementById('#check').checked) {
+    //         document.getElementById('#check').checked = false;
+    //     }
+    //     else {
+    //         document.getElementById('#check').checked = true;
+    //     }
+    // }
+    // document.getElementById('#check').addEventListener('click', function (event) {
+    //     if (!document.getElementById('check').checked) {
+    //         event.stopPropagation();
+    //     }
+    // });
+    // window.onclick = function(event) {
+    //     if (!event.target.matches('check')) {
+    //         if (document.getElementById('check').checked) {
+    //             document.getElementById('check').checked = false;
+    //         }
+    //     }
+    // }
+
+    // document.getElementById("navList").addEventListener('click', function (event) {
+    //     if (document.getElementById('check').checked) {
+    //         event.stopPropagation();
+    //     }});
+
+    // Scroll Element
+    // Creating an observer when the user views that element
+    const observer = new IntersectionObserver(entries => {
+        // Loop over the entries
+        entries.forEach(entry => {
+        // If the element is visible
+        if (entry.isIntersecting) {
+            // Add the animation class
+            entry.target.classList.add('slide-animation');
+        }
+        });
+    });
+
+    const observer_prize_2 = new IntersectionObserver(entries => {
+        entries.forEach(entry => {
+        if (entry.isIntersecting) {
+            entry.target.classList.add('slide-animation-prize-2');
+        }
+        });
+    });
+
+    const observer_prize_1 = new IntersectionObserver(entries => {
+        entries.forEach(entry => {
+        if (entry.isIntersecting) {
+            entry.target.classList.add('slide-animation-prize-1');
+        }
+        });
+    });
+    
+    const observer_prize_3 = new IntersectionObserver(entries => {
+        entries.forEach(entry => {
+        if (entry.isIntersecting) {
+            entry.target.classList.add('slide-animation-prize-3');
+        }
+        });
+    });
+
+    const observer_team_img = new IntersectionObserver(entries => {
+        entries.forEach(entry => {
+        if (entry.isIntersecting) {
+            entry.target.classList.add('slide-animation-card-img');
+        }
+        });
+    });
+
+    const observer_team_desc = new IntersectionObserver(entries => {
+        entries.forEach(entry => {
+        if (entry.isIntersecting) {
+            entry.target.classList.add('slide-animation-card-desc');
+        }
+        });
+    });
+
+    const entries = document.querySelectorAll('.team-picture');
+    entries.forEach(entry => {
+        observer_team_img.observe(entry);
+    });
+
+    const entries_desc = document.querySelectorAll('.team-description');
+    entries_desc.forEach(entry => {
+        observer_team_desc.observe(entry);
+    });
+    
+    const prize_entries = document.querySelectorAll('.prize-column');
+    prize_entries.forEach(entry => {
+        observer.observe(entry);
+    });
+
+    const prize_entries_edge = document.querySelectorAll('.podium-edge');
+    prize_entries_edge.forEach(entry => {
+        observer.observe(entry);
+    });
+
+    // Adding the class animations to these elements
+    let elements_id = ['#description-heading', '#event-main-box', '#timeline', '#signup-title', '#steps-card', '#sponsor-title', '#sponsor-container', '#map-article', '#rules-description', '#guidelines', '#code-of-conduct', '#photo-release-container', '#second-podium', '#first-podium', '#third-podium', '#prize-box', '#administration', '#logistics', '#outreach', '#tech', '#marketing'];
+    elements_id.forEach(entry => {
+        var thing = document.querySelector(entry)
+        observer.observe(document.querySelector(entry));
+    });
+
+    observer_prize_2.observe(document.querySelector('#second-place'));
+    observer_prize_1.observe(document.querySelector('#first-place'));
+    observer_prize_3.observe(document.querySelector('#third-place'));
+
+    // Scroll Nav
+    // Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com)
+
+    // Toggle the .pa-fixed-header class when the user 
+    // scroll 100px 
+
+    window.onscroll = () => {scrollNavbar()};
+
+    var scrollNavbar = () => {
+        // Target elements
+        const navBar = document.getElementById("navBar");
+        const links = document.querySelectorAll("#navBar a");
+
+    if (document.documentElement.scrollTop > 50) {
+        navBar.classList.add("pa-fixed-header");
+
+        // Change the color of links on scroll
+        for (let i = 0; i < links.length; i++) {
+            const element = links[i];
+            element.classList.add('text-black');
+        }
+
+    } else {
+        navBar.classList.remove("pa-fixed-header");
+        
+        // Change the color of links back to default
+        for (let i = 0; i < links.length; i++) {
+            const element = links[i];
+            element.classList.remove('text-black');
+        }
+    }
+    }
+
+    // Timer
+    // SRC: W3Schools https://www.w3schools.com/howto/howto_js_countdown.asp
+    // Set the date we're counting down to
+    var countDownDate = new Date("Aug 12, 2022 16:00:00").getTime();
+
+    // Update the count down every 1 second
+    var x = setInterval(function() {
+
+    // Get today's date and time
+    var now = new Date().getTime();
+
+    // Find the distance between now and the count down date
+    var distance = countDownDate - now;
+
+    // Time calculations for days, hours, minutes and seconds
+    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+    // var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+    // If the count down is finished, write some text
+    if (distance < 0) {
+        clearInterval(x);
+        document.getElementById("timer").innerHTML = "LIVE";
+    }
+    // Display the result in the element with id="timer"
+    if (days != 0) {
+        document.getElementById("timer").innerHTML = days + "d " + hours + "h";
+    }
+    else if (hours != 0) {
+        document.getElementById("timer").innerHTML = hours + "h" + minutes + "m";
+    }
+    else {
+        document.getElementById("timer").innerHTML = minutes + "m";
+    }
+    }, 1000);
+});
+
+// page is fully loaded, including all frames, objects and images
+window.addEventListener("load", function() {
+    
+});
+
+// General functions
diff --git a/js/licenses.js b/js/licenses.js
index e179331..a1aff0f 100644
--- a/js/licenses.js
+++ b/js/licenses.js
@@ -1,69 +1,69 @@
-// Scroll Nav
-// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com)
-
-// Toggle the .pa-fixed-header class when the user 
-// scroll 100px 
-
-window.onscroll = () => {scrollNavbar()};
-
-var scrollNavbar = () => {
-    // Target elements
-    const navBar = document.getElementById("navBar");
-    const links = document.querySelectorAll("#navBar a");
-
-if (document.documentElement.scrollTop > 50) {
-    navBar.classList.add("pa-fixed-header");
-
-    // Change the color of links on scroll
-    for (let i = 0; i < links.length; i++) {
-        const element = links[i];
-        element.classList.add('text-black');
-    }
-
-} else {
-    navBar.classList.remove("pa-fixed-header");
-    
-    // Change the color of links back to default
-    for (let i = 0; i < links.length; i++) {
-        const element = links[i];
-        element.classList.remove('text-black');
-    }
-}
-}
-
-// Timer
-// SRC: W3Schools https://www.w3schools.com/howto/howto_js_countdown.asp
-// Set the date we're counting down to
-var countDownDate = new Date("Aug 12, 2022 16:00:00").getTime();
-
-// Update the count down every 1 second
-var x = setInterval(function() {
-
-// Get today's date and time
-var now = new Date().getTime();
-
-// Find the distance between now and the count down date
-var distance = countDownDate - now;
-
-// Time calculations for days, hours, minutes and seconds
-var days = Math.floor(distance / (1000 * 60 * 60 * 24));
-var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
-var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
-// var seconds = Math.floor((distance % (1000 * 60)) / 1000);
-
-// If the count down is finished, write some text
-if (distance < 0) {
-    clearInterval(x);
-    document.getElementById("timer").innerHTML = "LIVE";
-}
-// Display the result in the element with id="timer"
-if (days != 0) {
-    document.getElementById("timer").innerHTML = days + "d " + hours + "h";
-}
-else if (hours != 0) {
-    document.getElementById("timer").innerHTML = hours + "h" + minutes + "m";
-}
-else {
-    document.getElementById("timer").innerHTML = minutes + "m";
-}
+// Scroll Nav
+// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com)
+
+// Toggle the .pa-fixed-header class when the user 
+// scroll 100px 
+
+window.onscroll = () => {scrollNavbar()};
+
+var scrollNavbar = () => {
+    // Target elements
+    const navBar = document.getElementById("navBar");
+    const links = document.querySelectorAll("#navBar a");
+
+if (document.documentElement.scrollTop > 50) {
+    navBar.classList.add("pa-fixed-header");
+
+    // Change the color of links on scroll
+    for (let i = 0; i < links.length; i++) {
+        const element = links[i];
+        element.classList.add('text-black');
+    }
+
+} else {
+    navBar.classList.remove("pa-fixed-header");
+    
+    // Change the color of links back to default
+    for (let i = 0; i < links.length; i++) {
+        const element = links[i];
+        element.classList.remove('text-black');
+    }
+}
+}
+
+// Timer
+// SRC: W3Schools https://www.w3schools.com/howto/howto_js_countdown.asp
+// Set the date we're counting down to
+var countDownDate = new Date("Aug 12, 2022 16:00:00").getTime();
+
+// Update the count down every 1 second
+var x = setInterval(function() {
+
+// Get today's date and time
+var now = new Date().getTime();
+
+// Find the distance between now and the count down date
+var distance = countDownDate - now;
+
+// Time calculations for days, hours, minutes and seconds
+var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+// var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+// If the count down is finished, write some text
+if (distance < 0) {
+    clearInterval(x);
+    document.getElementById("timer").innerHTML = "LIVE";
+}
+// Display the result in the element with id="timer"
+if (days != 0) {
+    document.getElementById("timer").innerHTML = days + "d " + hours + "h";
+}
+else if (hours != 0) {
+    document.getElementById("timer").innerHTML = hours + "h" + minutes + "m";
+}
+else {
+    document.getElementById("timer").innerHTML = minutes + "m";
+}
 }, 1000);
\ No newline at end of file