From fb306f723ae40d18025949f2bf78e1e0e2877d87 Mon Sep 17 00:00:00 2001
From: Christian Grothoff <christian@grothoff.org>
Date: Mon, 1 Dec 2014 12:42:41 +0100
Subject: playing more with navbar

---
 common/navigation.inc | 60 ++++++++++++++++++++++++++++++---------------------
 1 file changed, 35 insertions(+), 25 deletions(-)

(limited to 'common/navigation.inc')

diff --git a/common/navigation.inc b/common/navigation.inc
index a6f83b67..95e6e929 100644
--- a/common/navigation.inc
+++ b/common/navigation.inc
@@ -4,30 +4,40 @@
           <a href="#" onclick="setLang('de');"><img src="images/de.png" alt="Deutsch"></img></a>
           <a href="#" onclick="setLang('fr');"><img src="images/fr.png" alt="Fran&ccedil;ais"></img></a>
         </div>
-      </div>
-      <div class="masthead">
-        <ul class="nav nav-justified">
-          <li lang="en" class="m_index"><a href="/">Home</a></li>
-          <li lang="de" class="m_index"><a href="/">Home</a></li>
-          <li lang="fr" class="m_index"><a href="/">Accueil</a></li>
-	  <li lang="en" class="m_citizens"><a href="/citizens">Citizens</a></li>
-	  <li lang="de" class="m_citizens"><a href="/citizens">B&uuml;rger</a></li>
-	  <li lang="fr" class="m_citizens"><a href="/citizens">Citoyens</a></li>
-          <li lang="en" class="m_merchants"><a href="/merchants">Merchants</a></li>
-          <li lang="de" class="m_merchants"><a href="/merchants">H&auml;ndler</a></li>
-          <li lang="fr" class="m_merchants"><a href="/merchants">Commer&ccedil;ants</a></li>
-          <li lang="en" class="m_governments"><a href="/governments">Governments</a></li>
-          <li lang="de" class="m_governments"><a href="/governments">Regierungen</a></li>
-          <li lang="fr" class="m_governments"><a href="/governments">Gouvernements</a></li>
-          <li lang="en" class="m_developers"><a href="/developers">Developers</a></li>
-          <li lang="de" class="m_developers"><a href="/developers">Entwickler</a></li>
-          <li lang="fr" class="m_developers"><a href="/developers">Développeurs</a></li>
-          <li lang="en" class="m_investors"><a href="/investors">Investors</a></li>
-          <li lang="de" class="m_investors"><a href="/investors">Investoren</a></li>
-          <li lang="fr" class="m_investors"><a href="/investors">Investisseurs</a></li>
-          <li lang="en" class="m_about"><a href="/about">About Us</a></li>
-          <li lang="de" class="m_about"><a href="/about">&Uuml;ber Uns</a></li>
-          <li lang="fr" class="m_about"><a href="/about">À propos</a></li>
-        </ul>
+      </div> 
+      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar">
+            <span class="sr-only">Toggle navigation</span>
+      	    <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+        </div>
+        <div class="collapse navbar-collapse" id="main-navbar">
+          <ul class="nav nav-justified">
+            <li lang="en" class="m_index"><a href="/">Home</a></li>
+            <li lang="de" class="m_index"><a href="/">Home</a></li>
+            <li lang="fr" class="m_index"><a href="/">Accueil</a></li>
+	    <li lang="en" class="m_citizens"><a href="/citizens">Citizens</a></li>
+	    <li lang="de" class="m_citizens"><a href="/citizens">B&uuml;rger</a></li>
+	    <li lang="fr" class="m_citizens"><a href="/citizens">Citoyens</a></li>
+            <li lang="en" class="m_merchants"><a href="/merchants">Merchants</a></li>
+            <li lang="de" class="m_merchants"><a href="/merchants">H&auml;ndler</a></li>
+            <li lang="fr" class="m_merchants"><a href="/merchants">Commer&ccedil;ants</a></li>
+            <li lang="en" class="m_governments"><a href="/governments">Governments</a></li>
+            <li lang="de" class="m_governments"><a href="/governments">Regierungen</a></li>
+            <li lang="fr" class="m_governments"><a href="/governments">Gouvernements</a></li>
+            <li lang="en" class="m_developers"><a href="/developers">Developers</a></li>
+            <li lang="de" class="m_developers"><a href="/developers">Entwickler</a></li>
+            <li lang="fr" class="m_developers"><a href="/developers">Développeurs</a></li>
+            <li lang="en" class="m_investors"><a href="/investors">Investors</a></li>
+            <li lang="de" class="m_investors"><a href="/investors">Investoren</a></li>
+            <li lang="fr" class="m_investors"><a href="/investors">Investisseurs</a></li>
+            <li lang="en" class="m_about"><a href="/about">About Us</a></li>
+            <li lang="de" class="m_about"><a href="/about">&Uuml;ber Uns</a></li> 
+            <li lang="fr" class="m_about"><a href="/about">À propos</a></li>
+          </ul> 
+        </div>
       </div>
 
-- 
cgit v1.2.3