Add navigation bar

wifiwithme/apps/contribmap/templates/base.html

@@ -36,6 +36,75 @@
     </div>
   </header>
 
+  <nav class="navbar navbar-fixed-top navbar-default">
+    <div class="container-fluid">
+      <!-- Brand and toggle get grouped for better mobile display -->
+      <div class="navbar-header">
+        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" aria-expanded="false">
+          <span class="sr-only">Toggle navigation</span>
+          <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
+        </button>
+        <a class="navbar-brand" href="{% url 'display_map' %}">
+        Wifi FAImaison
+        </a>
+      </div>
+
+      <div class="collapse navbar-collapse">
+        <ul class="nav navbar-nav">
+          <li {% if request.resolver_match.url_name == 'add_contrib' %}class="active"{% endif %}>
+            <a href="{% url 'add_contrib' %}">
+              <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
+              Faire une demande<span class="sr-only">(current)</span>
+            </a>
+          </li>
+          <li {% if request.resolver_match.url_name == 'display_map' %}class="active"{% endif %}>
+            <a href="{% url 'display_map' %}">
+              <span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
+            Voir la carte
+            </a>
+          </li>
+        </ul>
+        <ul class="nav navbar-nav navbar-right">
+          {% if request.user.is_authenticated %}
+          <li class="navbar-text">
+            <em>{{ request.user }}</em>
+          </li>
+          {% endif %}
+
+          <li class="dropdown">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+              <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu">
+            {% if not request.user.is_authenticated %}
+              <li>
+                <a href="{% url 'login' %}">
+                  <span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>
+                  Connexion
+                </a>
+              </li>
+            {% endif %}
+              <li>
+                <a href="{% url 'admin:index' %}">
+                  <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
+                  Administration
+                </a>
+              </li>
+
+            {% if request.user.is_authenticated %}
+              <li role="separator" class="divider"></li>
+              <li>
+                <a href="{% url 'logout' %}">
+                  <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
+                  Se déconnecter
+                </a>
+              </li>
+            {% endif %}
+            </ul>
+      </div>
+    </div>
+  </nav>
   <section role="main" class="container">
     {% block content %}{% endblock %}
   </section>

wifiwithme/static/main.css

@@ -16,7 +16,7 @@ html {
 body {
   background-image: url("img/background_main_489.jpg");
   background-repeat: no-repeat;
-  background-position: 50% 35px;
+  background-position: 50% 55px;
   background-size: 100%;
   position: relative;
   min-height: 1500px;