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("locale");
+    var locale = document.getElementById("navbar-locale-selected");
 
     // skip if page does not have language selection (EG: blog)
-    if (!language)
+    if (!locale)
       return;
 
-    var languageSelection = language.getElementsByTagName("ul")[0];
-
-    document.documentElement.onclick = function()
+    locale.onclick = function()
     {
-      removeClass(languageSelection, "visible");
-    };
-
-    language.onclick = function(event)
-    {
-      if (hasClass(languageSelection, "visible"))
-        return;
-
-      addClass(languageSelection, "visible");
-      stopPropagation(event);
+      toggleClass(document.getElementById("navbar-locale-menu"), "visible");
     };
   }
 
   function navigationClick(event)
   {
-    var element = event.target;
-    while (true)
-    {
-      if (!element)
-        return;
-
-      if (hasClass(element, "selected") || element.id == "navbar-menu")
-      {
-        if ("querySelector" in document)
-        {
-          event.preventDefault();
-          toggleClass(document.getElementById("navbar-nav"), "visible");
-        }
-        return false;
-      }  
-      element = element.parentElement;
-    }
+    toggleClass(document.getElementById("navbar-menu"), "visible");
   }
 
   function initMenu()
   {
-    if ("querySelector" in document)
-      document.getElementById("navbar-menu").onclick = navigationClick;
+    document.getElementById("navbar-menu-toggle").onclick = navigationClick;
   }
 
   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();
 })();