{% load i18n %}
<!doctype html>
{% get_language_info for LANGUAGE_CODE as current_lang %}
<html lang="{{LANGUAGE_CODE}}"{% if current_lang.bidi %} dir="rtl"{% endif %}>
    <head>
    {% block head %}
    	<meta charset="UTF-8" />
    	<meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="SHORTCUT ICON" href="{{STATIC_URL}}jocondelab/img/favicon.ico" />
        <title>{% block title %}JocondeLab{% endblock %}</title>
        
        {% block js_import %}
        <script type="text/javascript" src="{% url 'django.views.i18n.javascript_catalog' %}"></script>
        <script type="text/javascript" src="{{STATIC_URL}}jocondelab/lib/underscore-min.js"></script>
        <script type="text/javascript" src="{{STATIC_URL}}jocondelab/lib/jquery.min.js"></script>
        <script type="text/javascript" src="{{STATIC_URL}}jocondelab/lib/jquery-ui.min.js"></script>
        <script type="text/javascript" src="{{STATIC_URL}}jocondelab/lib/jquery.ui.touch-punch.min.js"></script>
        <script type="text/javascript" src="{{STATIC_URL}}jocondelab/lib/tag-it.min.js"></script>
        {% endblock %}
        
        {% block css_import %}
        <link rel="stylesheet" href="{{STATIC_URL}}jocondelab/css/smoothness/jquery-ui-1.10.3.custom.min.css" type="text/css"/>
        <link rel="stylesheet" href="{{STATIC_URL}}jocondelab/lib/jquery.tagit.css" type="text/css"/>
        {% endblock %}
        
        {% block css_declaration %}
        <link rel="stylesheet" href="{{STATIC_URL}}jocondelab/css/front-common.css" type="text/css"/>
        {% endblock %}
        
        {% block js_declaration %}
        <script type="text/javascript">
            var urls = {
                ajax_terms: "{% url 'ajax_terms' %}",
                ajax_search: "{% url 'front_search' %}"
            };
        </script>
        <script type="text/javascript" src="{{STATIC_URL}}jocondelab/js/front-common.js"></script>
        {% endblock %}
        
    {% endblock %}
    </head>
    <body>
    {% block body %}
        <div class="language-menu-wrapper">
            <ul class="language-menu menu-list">
            {% get_language_info_list for LANGUAGES as languages %}
            {% for language in languages %}
                <li class="menu-item{% if language.code == LANGUAGE_CODE %} menu-item-current{% endif %}">
                    <a href="#" data-language-code="{{ language.code }}">{{ language.name_local|capfirst }}</a>
                </li>
            {% endfor %}
            </ul>
        </div>
        <div class="header-wrapper">
            <header>
            {% block header %}
                <table class="header-widgets">
                    <tr>
                        <td>
                        {% block header_search %}
                        <form class="header-search-form search-form" action="{% url 'front_search' %}">
                            <input class="header-search-input search-input" type="search" name="q" placeholder="{% trans 'Search in contents' %}" />
                        </form>
                        {% endblock %}
                        </td>
                        <td class="menu-link language-menu-link">
                            <a href="#" title="{% trans 'Changer de langue' %}"></a>
                        </td>
                        <td class="menu-link main-menu-link">
                            <a href="#" title="{% trans 'Menu' %}"></a>
                        </td>
                    </tr>
                </table>
                <h1><a href="{% url 'front_home' %}">Joconde<span class="title-lab">Lab</span></a></h1>
                <h2 class="breadcrumbs">{% block breadcrumbs %}{% endblock %}</h2>
                <div class="clearer"></div>
            {% endblock %}
            </header>
        </div>
        <form class="language-form" action="{% url 'django.views.i18n.set_language' %}" method="post">
            {% csrf_token %}
            <input class="language-input" type="hidden" name="language" value="{% if lang %}{{lang|slice:':2'}}{% else %}{{LANGUAGE_CODE|slice:':2'}}{% endif %}" />
        </form>
        <div class="menus-wrapper">
            <ul class="main-menu menu-list">
                {% url 'front_home' as url %}
                <li class="menu-item{% if request.path == url %} menu-item-current{% endif %}">
                    <a href="{{url}}">{% trans 'Accueil' %}</a>
                </li>
                {% url 'front_about' as url %}
                <li class="menu-item{% if request.path == url %} menu-item-current{% endif %}">
                    <a href="{{url}}">{% trans 'À propos' %}</a>
                </li>
                {% url 'front_geo' as url %}
                <li class="menu-item{% if request.path == url %} menu-item-current{% endif %}">
                    <a href="{{url}}">{% trans 'Mappemonde' %}</a>
                </li>
                {% url 'front_timeline' as url %}
                <li class="menu-item{% if request.path == url %} menu-item-current{% endif %}">
                    <a href="{{url}}">{% trans 'Frise chronologique' %}</a>
                </li>
                {% url 'front_termlist' as url %}
                <li class="menu-item{% if request.path == url %} menu-item-current{% endif %}">
                    <a href="{{url}}">{% trans 'Index' %}</a>
                </li>
                {% url 'random_describe' as url %}
                <li class="menu-item{% if request.path == url %} menu-item-current{% endif %}">
                    <a href="{{url}}">{% trans "Contribuer" %}</a>
                </li>
                <li class="menu-item">
                    <a href="{% url 'front_about' %}">{% trans 'Travaux étudiants' %}</a>
                </li>
            </ul>
        </div>
        <div class="main-wrapper">
            <section class="main">
                {% block main %}
                {% endblock %}
            </section>
            <footer>
            {% block footer %}
                <p>Ce site vous est proposé par
                    <a href="http://www.culture.gouv.fr/" title="Ministère de la Culture et de la Communication" target="_blank">
                        <img src="{{STATIC_URL}}jocondelab/img/logo_mcc_footer.png" alt="Logo du Ministère de la Culture et de la Communication" />
                    </a>
                    et
                    <a href="http://www.iri.centrepompidou.fr/" title="Institut de Recherche et d'Innovation" target="_blank">
                        <img src="{{STATIC_URL}}jocondelab/img/logo_IRI_footer.png" alt="Logo de l'Institut de Recherche et d'Innovation" />
                    </a>
                </p>
            {% endblock %}
            </footer>
        </div>
        <div class="dbpedia-overlay clearfix">
            <a class="dbpedia-close" href="#">&times;</a>
            <img class="dbpedia-image" />
            <h2 class="dbpedia-title"></h2>
            <p class="dbpedia-abstract"></p>
            <p class="dbpedia-source"><a href="#" target="_blank">{% trans 'Source: Wikipedia' %}</a></p>
        </div>
    {% endblock %}
    <script>
    /* Google Analytics Script */
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-30064213-4', 'iri-research.org');
    ga('send', 'pageview');
    
    </script>
    </body>
</html>
