{% load analytics %}
{% load i18n %}
{% load static %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{{LANGUAGE_CODE}}" lang="{{LANGUAGE_CODE}}">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />        
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta http-equiv="content-language" content="{{LANGUAGE_CODE}}" />
        <link rel="SHORTCUT ICON" href="{% static 'hdalab/img/favicon.ico' %}" />        
        <title>{% block title %}HdA Lab{% endblock %}</title>

{% 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 %}
        <script src="{% static 'hdalab/lib/jquery.min.js' %}"></script>
{% endblock %}
    </head>
    <body>
{% block header %}
		<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 %}

<main id="content" class="row">
	{% block main_content %}
	{% endblock %}
</main>

{% block footer %}
		<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>
</html>
