Issue 5634 - Replaced logo and refactored navbar width and colors

static/js/main.js

 "use strict";
 
 (function()
 {
   function escapeRegExp(string)
   {
     return string.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
   }
 
   function hasClass(element, className)
@@ skipping 29 matching lines @@
   {
     if (typeof window.event !== "undefined"
         && typeof window.event.cancelBubble !== "undefined")
       window.event.cancelBubble = true;
     else
       event.stopPropagation();
   }
 
   function initLanguageSelection()
   {
-    var language = document.getElementById("language");
+    var language = document.getElementById("locale");
 
     // skip if page does not have language selection (EG: blog)
     if (!language)
       return;
 
     var languageSelection = language.getElementsByTagName("ul")[0];
 
     document.documentElement.onclick = function()
     {
       removeClass(languageSelection, "visible");
@@ skipping 10 matching lines @@
   }
 
   function navigationClick(event)
   {
     var element = event.target;
     while (true)
     {
       if (!element)
         return;
 
-      if (hasClass(element, "selected") || element.id == "hamburger")
+      if (hasClass(element, "selected") || element.id == "navbar-menu")
       {
         if ("querySelector" in document)

[ire, 2017/09/28 08:38:44]

This if statement is no longer needed since you're using getElementById

[juliandoucette, 2017/10/04 15:33:28]

Acknowledged.

         {
           event.preventDefault();
-          toggleClass(document.querySelector("header nav > ul"), "visible");
+          toggleClass(document.getElementById("navbar-nav"), "visible");
         }
         return false;
       }  
       element = element.parentElement;
     }
   }
 
   function initMenu()
   {
     if ("querySelector" in document)
-      document.querySelector("header nav").onclick = navigationClick;
+      document.getElementById("navbar-menu").onclick = navigationClick;

[ire, 2017/09/28 08:38:44]

This if statement is no longer needed since you're using getElementById

[juliandoucette, 2017/10/04 15:33:28]

Acknowledged.

   }
 
   function initFooterSection(section)
   {
     var header = section.getElementsByTagName("h1")[0];
     header.onclick = function()
     {
       toggleClass(section, "visible");
     };
   }
 
   function initFooter()
   {
     var footerContent = document.getElementById("footer-content");
     var footerNav = footerContent.getElementsByTagName("nav")[0];
     var footerNavSections = footerNav.getElementsByTagName("section");
 
     for (var i = 0; i < footerNavSections.length; i++)
     {
       var section = footerNavSections[i];
       initFooterSection(section);
     }
   }
 
   initLanguageSelection();
   initMenu();
   initFooter();
 })();