{% extends "base.html" %}
{% load i18n %}
{% load static %}

{% block title %}{{block.super}} > Accueil{% endblock %}

{% block css_import %}
{{block.super}}
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/index.css' %}" />
{% endblock %}

{% block js_import %}
{{block.super}}
        <script type="text/javascript">
            $(function() {
                $(".bloc").mouseenter(function() {
                    var _this = this;
                    $(".overlay-bloc").each(function() {
                        if (this.parentNode.parentNode == _this) {
                            $(this).slideDown();
                        } else {
                            $(this).slideUp();
                        }
                    });
                }).click(function() {
                    document.location.href = $(this).find("a").attr("href");
                    return false;
                });
                $(".bloc").mouseleave(function() {
                    $(".overlay-bloc").each(function() {
                        $(this).slideUp();
                    });
                });
            });
        </script>
{% endblock %}

{% block home_actif %}actif{% endblock %}

{% block subhead %}
<div class="bloc-appli-left">
    <div class="bg-wrap">
        <div class="bloc">
            <h3>{% trans 'Recherche' %}</h3>
            <div id="bloc-facettes">
                <div class="overlay-bloc">
                    <p>{% blocktrans %}Intuitive, la recherche d’Histoire des arts ‘Lab propose plusieurs points d’entrée : pays, périodes historiques, disciplines artistiques et mots-clés.{% endblocktrans %}</p>
                    <p>{% blocktrans %}Ces différentes facettes se mettent à jour au fur et à mesure de vos recherches.{% endblocktrans %}</p>
                    <p class="goto"><a href="{% url 'facettes' %}">&raquo;</a></p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="bloc-appli-middle">
    <div class="bg-wrap">
        <div class="bloc">
            <h3>{% trans 'Navigation <strong>à travers les Arts</strong> ' %}</h3>
            <div id="bloc-thesaurus">
                <div class="overlay-bloc">
                    <p>{% blocktrans %}Explorez 9 grands domaines artistiques à travers des arborescences enrichies de ressources du portail Histoire des Arts.{% endblocktrans %}</p>
                    <p class="goto"><a href="{% url 'categories' %}">&raquo;</a></p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="bloc-appli-right">
    <div class="bg-wrap">
        <div class="bloc">
            <h3><strong>Renkan</strong></h3>
            <div id="bloc-renkan">
                <div class="overlay-bloc">
                    <p>{% blocktrans %}Construisez votre carte de connaissances à partir des ressources Histoires des arts et Wikipedia.{% endblocktrans %}</p>
                    <p class="goto"><a href="{% url 'renkan_public_list' %}">&raquo;</a></p>
                </div>
            </div>
        </div>
    </div>
</div>

<div style="clear: both;"> </div>
{% endblock %}



{% block main_content %}
    <div class="all-title">
        <h1>{% blocktrans %}Bienvenue sur Histoire des arts‘Lab !{% endblocktrans %}</h1>
    </div>
    <div class="description">
        <ul>{% blocktrans %}Naviguez autrement à travers les 5000 ressources du Portail Histoire des arts :{% endblocktrans %}
            <li>{% blocktrans %}Visualisez vos recherches sur une ligne du temps, une carte du monde…{% endblocktrans %}</li>
            <li>{% blocktrans %}Explorez les arts de ressource en ressource{% endblocktrans %}</li>
            <li>{% blocktrans %}Construisez vos cartes de connaissances{% endblocktrans %}</li>
        </ul>


    </div>
{% endblock %}