{% extends "jocondelab/front_search.html" %}
{% load i18n %}

{% block js_declaration %}
{{block.super}}
    <script type="text/javascript" src="{{STATIC_URL}}jocondelab/js/front-home.js"></script>
{% endblock %}

{% block css_declaration %}
{{block.super}}
    <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}jocondelab/css/front-home.css" />
{% endblock %}

{% block title %}JocondeLab &raquo; {% trans 'Accueil' %}{% endblock %}

{% block breadcrumbs %}<a href="{% url 'front_home' %}">{% trans 'Accueil' %}</a>{% endblock %}

{% block main_menu %}{% endblock %}
{% block main_menu_link %}{% endblock %}

{% block main %}
        <div class="hide-on-search">
            <h2 class="about-jl">{% trans 'Bienvenue sur JocondeLab' %}</h2>
            
            <ul class="module-list">
              <a class="no-over" href="{% url 'front_about' %}">
                <li class="module-item">
                    <h3>{% trans "À propos" %}</h3>
                    <p>{% trans "Tout savoir sur l'expérimentation JocondeLab." %}</p>
                </li>
              </a>
              <a class="no-over" href="{% url 'front_geo' %}">
                <li class="module-item">
                    <h3>{% trans "Mappemonde" %}</h3>
                    <p>{% trans "Découvrez le monde à travers les collections des musées de France." %}</p>
                </li>
              </a>
              <a class="no-over" href="{% url 'front_timeline' %}">
                <li class="module-item">
                    <h3>{% trans "Chronologie" %}</h3>
                    <p>{% trans "Découvrez les collections des musées de France au fil du temps (période ou date précise)." %}</p>
                </li>
              </a>
              <a class="no-over" href="{% url 'front_termlist' %}">
                <li class="module-item">
                    <h3>{% trans "Mots-clés" %}</h3>
                    <p>{% trans "Choisissez un artiste, un sujet représenté, un domaine ou une époque d'un simple clic." %}</p>
                </li>
              </a>
              <a class="no-over" href="{% url 'random_describe' %}">
                <li class="module-item">
                    <h3>{% trans "Contribuer" %}</h3>
                    <p>{% trans "Aidez-nous à décrire le sujet d'une œuvre à l'aide de Wikipédia." %}</p>
                </li>
              </a>
              <a class="no-over" href="{% url 'front_students' %}">
                <li class="module-item">
                    <h3>{% trans "Travaux étudiants" %}</h3>
                    <p>Les travaux des étudiants des Gobelins</p>
                </li>
              </a>
            </ul>
        </div>
{{block.super}}
{% endblock %}
