add base template
[xnet] / xnet / templates / base.html
index be42f07..8b0257f 100644 (file)
@@ -1,22 +1,81 @@
-{% load staticfiles %}
-
+{% load i18n staticfiles %}
+{% load url from future %}
+<!DOCTYPE html>
 <html>
     <head>
-        <title>Polytechnique.net</title>
+        <title>Polytechnique.net - {% block title %}{% trans "Groups" %}{% endblock %}</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
+        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
+        <!--[if lt IE 9]>
+        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+        <![endif]-->
+        <link href="{% static 'css/common.css' %}" rel="stylesheet">
     </head>
-
     <body>
-        {% if messages %}
-            <div id="messages">
-                <ul class="messages">
-                    {% for message in messages %}
-                        <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
-                    {% endfor %}
-                </ul>
+    {% block body %}
+    <div class="navbar">
+        <div class="navbar-inner navbar-fixed-top">
+            <div class="container">
+                <a class="logo-nav pull-left" href="{% url 'home' %}"><img src="" alt="Logo"></a>
+                {% if user.is_authenticated %}
+                <p class="navbar-text pull-right">
+                    <a href="#">{{ user.get_full_name }}</a>
+                    &nbsp;|&nbsp;
+                    <a href="#"><span class="picto picto-logout"></span>{% trans "Log Out" %}</a>
+
+                </p>
+                <div class="nav-collapse collapse">
+                    <ul class="nav">
+                        <li{% if top == 'blah' %} class="active"{% endif %}>
+                            <a href="#">
+                                {% trans "blah" %}
+                            </a>
+                        </li>
+                        <li{% if top == 'blih' %} class="active"{% endif %}>
+                            <a href="#">{% trans "Blih" %}</a>
+                        </li>
+                        <li{% if top == 'bloh' %} class="active"{% endif %}>
+                            <a href="#">
+                                {% trans "Bloh" %}
+                            </a>
+                        </li>
+                    </ul>
+                </div><!--/.nav-collapse -->
+                {% endif %}
             </div>
-        {% endif %}
+        </div>
+    </div>
 
-        {% block content %}
-        {% endblock content %}
+    <div class="container wrapper">
+        {% if messages %}
+            {% for message in messages %}
+            <div class="alert {% if message.tags %}alert-{{ message.tags }}"{% endif %}>{{ message }}</div>
+            {% endfor %}
+        {% endif %}
+        <div class="row-fluid">
+            {% block full-content %} {# To use when the sidebar is not needed #}
+            <div class="span2 sidebar">
+                {% block sidebar %}
+                {% endblock %}
+            </div>
+            <div class="span10">
+                {% block content %}
+                {% endblock %}
+            </div>
+            {% endblock %}
+        </div>
+        <div class="push"></div>
+    </div><!--/.container-->
+    <footer>
+        <p>
+            &copy; Polytechnique.org 2013
+        </p>
+    </footer>
+    {% endblock body %}
+    <script src="{% static 'js/lib/jquery-1.9.0.min.js' %}"></script>
+    <script src="{% static 'js/lib/bootstrap.min.js' %}"></script>
+    {% block js %}
+    {% endblock %}
     </body>
 </html>