diff farol/templates/layout.j2 @ 147:0f19ece4e7e5

Add logos at multiple places
author Benoît Allard <benoit.allard@greenbone.net>
date Fri, 31 Oct 2014 12:12:48 +0100
parents b3129fdd1ab0
children f2f434eafb66
line wrap: on
line diff
--- a/farol/templates/layout.j2	Fri Oct 31 12:00:15 2014 +0100
+++ b/farol/templates/layout.j2	Fri Oct 31 12:12:48 2014 +0100
@@ -38,47 +38,53 @@
 <body>
   <script src="{{ url_for('static', filename='jquery-2.1.1.min.js') }}"></script>
   <script src="{{ url_for('static', filename='bootstrap.min.js') }}"></script>
-  <nav class="navbar navbar-inverse" role="navigation">
-    <div class="container">
-      {# Brand and toggle get grouped for better mobile display #}
-      <div class="navbar-header">
-        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-          <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_for('welcome') }}" title="A Security Advisory Management Platform">Farol</a>
-      </div>
+  <div class="cover">
+    <nav class="navbar navbar-inverse" role="navigation">
+      <div class="container">
+        {# Brand and toggle get grouped for better mobile display #}
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+            <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_for('welcome') }}" title="{{ 'The Security Advisory Management Platform' if active in ("welcome", "about") else 'Farol' }}">
+            {% if active in ("welcome", "about") %}Farol{% else %}
+            <img src="{{ url_for('static', filename='logo_50x50.png') }}" style="width:40px; margin-top:-10px;">
+            {% endif %}
+          </a>
+        </div>
 
-      {# Collect the nav links, forms, and other content for toggling #}
-      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-        <ul class="nav navbar-nav">
-          <li{% if active == 'new' %} class="active"{% endif %}><a href="{{ url_for('new') }}">New</a></li>
-          {% block navbar %}
-          {% endblock %}
-        </ul>
-        <ul class="nav navbar-nav navbar-right">
-          {% block navbar_right %}
-          {% endblock %}
-        </ul>
-      </div>{# /.navbar-collapse #}
-    </div>{# /.container-fluid #}
-  </nav>
-  <div class="main container">
-    {% block pre_content %}{% endblock %}
-    <div>
-      {% block content %}{% endblock %}
+        {# Collect the nav links, forms, and other content for toggling #}
+        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+          <ul class="nav navbar-nav">
+            <li{% if active == 'new' %} class="active"{% endif %}><a href="{{ url_for('new') }}">New</a></li>
+            {% block navbar %}
+            {% endblock %}
+          </ul>
+          <ul class="nav navbar-nav navbar-right">
+            {% block navbar_right %}
+            {% endblock %}
+          </ul>
+        </div>{# /.navbar-collapse #}
+      </div>{# /.container-fluid #}
+    </nav>
+    <div class="container">
+      {% block pre_content %}{% endblock %}
+      <div>
+        {% block content %}{% endblock %}
+      </div>
+      {% block post_content %}{% endblock %}
     </div>
-    {% block post_content %}{% endblock %}
+    <footer class="footer container-fluid navbar-inverse">
+      <div class="text-center">
+        <span class="text-muted">Copyright &copy; 2014 Greenbone Networks GmbH</span>
+        |
+        <span><a href="{{ url_for('about') }}">About Farol</a></span>
+      </div>
+      <a href="http://greenbone.net/" id="greenbone" class="logo_img text-hide center-block">Greenbone Networks GmbH</a>
+    </footer>
   </div>
-  <footer class="footer container-fluid navbar-inverse">
-    <div class="text-center">
-      <span class="text-muted">Copyright &copy; 2014 Greenbone Networks GmbH</span>
-      |
-      <span><a href="{{ url_for('about') }}">About Farol</a></span>
-    </div>
-    <a href="http://greenbone.net/" id="greenbone" class="logo_img text-hide center-block">Greenbone Networks GmbH</a>
-  </footer>
 </body>
 </html>

http://farol.wald.intevation.org