highlight testing

_includes/navbar.html

@@ -24,7 +24,8 @@
                 <a class="navbar-item {% if page.layout == 'default' %}is-active{% endif %}"
                     href="{% if page.layout == 'default' %}{{site.url}}{{site.baseurl}}/#{% else %}{{site.url}}{{site.baseurl}}/{% endif %}">HOME</a>
                 <a class="navbar-item" href="{{site.url}}{{site.baseurl}}/#about">ABOUT</a>
-                <a class="navbar-item" href="{{site.url}}{{site.baseurl}}/projects">PROJECTS</a>
+                <a class="navbar-item" href="{{site.url}}{{site.baseurl}}/#contact">CONTACT</a>
+                <a class="navbar-item {% if page.url == sitepage.url | absolute_url  %}is-active{% endif %}" href="{{site.url}}{{site.baseurl}}/projects">PROJECTS</a>
                 <a class="navbar-item" href="{{site.url}}{{site.baseurl}}/assets/JohnLyleResume.pdf" target="_blank">RESUME</a>
             </div>
 
@@ -37,7 +38,7 @@
         /* Get all "navbar-burger" elements */
         var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
         /* Check if there are any navbar burgers */
-        if ($navbarBurgers.length > 0) {
+        if (1 == 1) {
             /* Add a click event on each of them */
             $navbarBurgers.forEach(function ($el) {
                 $el.addEventListener('click', function () {

_layouts/default.html

@@ -23,7 +23,7 @@
     var scroll = this.scrollY;
     var position = window.pageYOffset;
 
-    for (var i = 0; i < navItems.length; i++) {
+    for (var i = 0; i < 4; i++) {
       navItems[i].classList.remove('is-active');
     }
 

_layouts/projects.html

@@ -29,4 +29,5 @@
     {% include footer.html %}
 </body>
 
+
 </html>

assets/css/style.scss

@@ -213,6 +213,7 @@ a.navbar-item.is-active {
         width: 10rem;
         padding: 0.25rem;
         margin: auto auto 1rem auto;
+        border-radius: 5px;
 
         &:hover {
             transform: scale(1.05);