src/hdalab/templates/base.html
changeset 374 ad92df04d9ab
parent 329 ea6268cf8c83
child 387 f52a0abff76b
--- a/src/hdalab/templates/base.html	Thu Nov 27 11:50:26 2014 +0100
+++ b/src/hdalab/templates/base.html	Thu Nov 27 11:51:36 2014 +0100
@@ -14,6 +14,8 @@
 
 {% block css_import %}
         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/common.css' %}" />
+        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/head.css' %}" />
+        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/footer.css' %}" />
 {% endblock %}
 
 {% block js_import %}
@@ -22,52 +24,67 @@
     </head>
     <body>
 {% block header %}
-        <div id="header">
-            <ul id="nav">
-                <li><a class="{% block home_actif %}{% endblock %}" href="{% url 'home'  %}">Accueil</a></li>
-                <li>&mdash;</li>
-                <li><a class="{% block facettes_actif %}{% endblock %}" href="{% url 'facettes' %}">Facettes</a></li>
-                <li><a class="{% block categories_actif %}{% endblock %}" href="{% url 'categories' %}">Catégories de Wikipedia</a></li>
-                <li><a class="{% block thesaurus_actif %}{% endblock %}" href="{% url 'thesaurus' %}">Thésaurus</a></li>
-                <li>&mdash;</li>
-                <li><a class="{% block renkans_actif %}{% endblock %}" href="{% url 'renkan_public_list' %}">Renkans</a>{% if user.is_staff %} <a href="{% url 'edito_home' %}">({% trans 'Manage' %})</a>{% endif %}</li>
-                <li>&mdash;</li>
-              {% if user.is_authenticated %}
-                <li><a class="{% block profile_actif %}{% endblock %}"  href="{% url 'profile_home' %}">{{ user.username }}</a></li>
-                <li><a href="{% url 'logout' %}?next={% url 'home' %}">{% trans "Log out" %}</a></li>
-              {% else %}
-                <li class="hello-user"><a href="{% url 'login' %}">{% trans "Log in" %}</a></li>
-              {% endif %}
-            </ul>
-            <h1>
-                <a href="{% url 'home' %}">HdA Lab</a>
-            </h1>
-        </div>
-        <div id="container">
+		<div id="topnav">
+			<img src="{% static 'hdalab/img/topnav.jpg' %}" alt="" style="display:block;margin:0 auto;">
+		</div>
+		<header id="header">
+			
+			<div class="top">
+				<div id="logo">
+					<div class="row">
+						<h1><a href="#"><img src="{% static 'hdalab/img/logo-hda.png' %}" alt="HdA Lab"></a></h1>
+					</div>
+				</div>
+				<nav>
+					<div class="row">
+						<ul id="menu">
+							<li class="{% block home_actif %}{% endblock %}"><a href="{% url 'home'  %}">Accueil</a></li>
+							<li class="{% block facettes_actif %}{% endblock %}"><a href="{% url 'facettes' %}">Facettes</a></li>
+							<li class="{% block categories_actif %}{% endblock %}"><a href="{% url 'categories' %}">Catégories de Wikipedia</a></li>
+							<li class="{% block thesaurus_actif %}{% endblock %}"><a href="{% url 'thesaurus' %}">Thésaurus</a></li>
+							<li class="{% block renkans_actif %}{% endblock %}"><a href="{% url 'renkan_public_list' %}">Renkan</a></li>
+
+						</ul>
+						<ul id="menu" class="profile">
+							{% if user.is_authenticated %}
+	                			<li class="{% block profile_actif %}{% endblock %}"><a href="{% url 'profile_home' %}">{{ user.username }}</a></li>
+	                			<li><a href="{% url 'logout' %}?next={% url 'home' %}">{% trans "Log out" %}</a></li>
+	              			{% else %}
+	                			<li class="hello-user"><a href="{% url 'login' %}">{% trans "Log in" %}</a></li>
+	              			{% endif %}
+						</ul>
+					</div>
+				</nav>
+			</div>
+			<div id="subhead">
+				{% block subhead %}
+				{% endblock %}
+			</div>
+		</header>
 {% endblock %}
 
-{% block main_content %}
-{% endblock %}
+<main id="content" class="row">
+	{% block main_content %}
+	{% endblock %}
+</main>
 
 {% block footer %}
-        </div>
-        <div id="footer">
-            <ul id="footer-contents">
-                <li>
-                    <p>Une expérimentation de l'Institut de Recherche et d'Innovation et du Ministère de la Culture et de la Communication</p>
-                </li>
-                <li>
-                    <a href="http://culture.gouv.fr/" target="_blank">
-                        <img src="{% static 'hdalab/img/logo_mcc_blanc.png' %}" />
-                    </a>
-                </li>
-                <li>
-                    <a href="http://www.iri-research.org/" target="_blank">
-                        <img src="{% static 'hdalab/img/logo_iri_blanc.png' %}" />
-                    </a>
-                </li>
-            </ul>
-        </div>
+		<footer id="footer">
+			<div class="nav">
+				<div class="row">
+					<ul>
+						<li><a href="#">Partenaires</a></li>
+						<li><a href="#">Lettres infos</a></li>
+						<li><a href="#">Data culture</a></li>
+						<li><a href="#">Mentions légales</a></li>
+						<li><a href="#">Accessibilité</a></li>
+						<li><a href="#">Plan du site</a></li>
+						<li><a href="#">Open search</a></li>
+					</ul>
+				</div>
+			</div>
+			<img src="{% static 'hdalab/img/footer.png' %}" alt="" style="display:block;margin:0 auto;">
+		</footer>
 {% endblock %}
 {% analytics %}
     </body>