{% 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. À la fois critères {% endblocktrans %}</p>
	            	<p>{% blocktrans %}de recherche et modes de visualisation des résultats, 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 'thesaurus' %}">&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 %}