attempt to fix hamburger, 234109th

1 files changed, 45 insertions, 25 deletions

diff --git a/common/navigation.j2.inc b/common/navigation.j2.inc
index e820d070..53d52684 100644
--- a/common/navigation.j2.inc
+++ b/common/navigation.j2.inc
@@ -1,37 +1,47 @@
 <!--
-<div id="header" class="">
-       <ul class="skip">
-         <li><a href="#nav">jump to main navigation</a></li> 
-         <li><a href="#content">jump to main content</a></li>
-         <li><a href="#footer">jump to footer</a></li>
-       </ul>
-</div>
+  <div id="header" class="">
+    <ul class="skip">
+      <li><a href="#nav">jump to main navigation</a></li> 
+      <li><a href="#content">jump to main content</a></li>
+      <li><a href="#footer">jump to footer</a></li>
+    </ul>
+  </div>
 -->
 <noscript>
-	<style>
-		.collapse
-		{
-			display: block;
-		}
-	</style>
+  <style>
+    .collapse
+    {
+    display: block;
+    }
+  </style>
 </noscript>
 <nav class="navbar navbar-toggleable navbar-toggleable-md navbar-expand-md navbar-inverse navbar-dark fixed-top bg-dark">
   <a class="navbar-brand" href="index.html">
     <!-- 
-	 TODO: imo this is bad in the navbar. a readable "gnunet" font-logo would
-	 be better for orientation.
+      TODO: imo this is bad in the navbar.
+      a readable "gnunet" font-logo would
+      be better for orientation.
       -->
     <img src="{{ url('static/images/gnunet-icon.png') }}" alt="GNUnet Home Icon" />
     <!-- <img width="70%" height="70%" src="../static/images/gnunet-logo-dark-only-text.svg" alt="" /> -->
   </a>
-  <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
+  <button class="navbar-toggler navbar-toggler-right custom-toggler"
+          type="button"
+          data-toggle="collapse"
+          data-target="#navbarMain"
+          aria-controls="navbarMain"
+          aria-expanded="false"
+          aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>
   </button>
   <div class="collapse navbar-collapse" id="navbarMain">
     <ul class="navbar-nav mr-auto">
       <li class="nav-item dropdown">
-        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ _("Community") }}</a>
-        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown"
+           role="button" aria-haspopup="true" aria-expanded="false">
+           {{ _("Community") }}
+        </a>
+        <ul class="dropdown-menu" aria-labelledby="navbarMain">
           <li><a class="dropdown-item" href="engage.html">{{ _("Discussion") }} </a></li>
           <li><a class="dropdown-item" href="copyright.html">{{ _("Copyright for Contributors") }} </a></li>
           <li><a class="dropdown-item" href="ev.html">{{ _("GNUnet e.V.") }}</a></li>
@@ -39,8 +49,12 @@
         </ul>
       </li>
       <li class="nav-item dropdown">
-        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ _("Development") }}</a>
-        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+        <a class="nav-link dropdown-toggle" href="#" id="navbarMain"
+           data-toggle="dropdown" role="button"
+           aria-haspopup="true" aria-expanded="false">
+           {{ _("Development") }}
+        </a>
+        <ul class="dropdown-menu" aria-labelledby="navbarMain">
           <li><a class="dropdown-item" href="architecture.html">{{ _("System Architecture") }}</a></li>
           <li><a class="dropdown-item" href="https://bugs.gnunet.org/my_view_page.php">{{ _("Bug Tracker") }}</a></li>
           <li><a class="dropdown-item" target="_blank" href="https://git.gnunet.org">{{ _("Source Code") }}</a></li>
@@ -57,7 +71,7 @@
 	   aria-expanded="false">
 	  {{ _("Documentation") }}
 	</a>
-	<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+	<ul class="dropdown-menu" aria-labelledby="navbarMain">
 	  <li><a class="dropdown-item" href="tutorial.html">{{ _("Tutorials") }}</a></li>
           <li><a class="dropdown-item" href="glossary.html">{{ _("Glossary") }}</a></li>
 	  <li><a class="dropdown-item" target="_blank" href="https://docs.gnunet.org">{{ _("Handbook") }}</a></li>
@@ -69,10 +83,16 @@
     </ul>
     <ul class="navbar-nav navbar-right">
       <li class="nav-item dropdown">
-        <!--<button class="btn btn-dark dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
-          <img src="{{ url('static/images/languageicon.svg') }}" height="15" alt="[{{lang}}]" /> {{ lang_full }} [{{ lang }}] 
-        </button> -->
-	<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ lang_full }} [{{ lang }}]</a>
+        <!--
+          <button class="btn btn-dark dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+            <img src="{{ url('static/images/languageicon.svg') }}" height="15" alt="[{{lang}}]" /> {{ lang_full }} [{{ lang }}] 
+          </button>
+          -->
+	  <a class="nav-link dropdown-toggle" href="#"
+             data-toggle="dropdown" role="button"
+             aria-haspopup="true" aria-expanded="false">
+             {{ lang_full }} [{{ lang }}]
+          </a>
         <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarMain">
           <li><a class="dropdown-item" href="{{ self_localized('en') }}">English [en]</a></li>
           <li><a class="dropdown-item" href="{{ self_localized('de') }}">Deutsch [de]</a></li>