{% 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 %}