11 {% block js_import %}

    11 {% block js_import %}

    12 {{block.super}}

    12 {{block.super}}

    13         <script type="text/javascript">

    13         <script type="text/javascript">

    14             $(function() {

    14             $(function() {

    15                 $(".bloc").mouseenter(function() {

    15                 $(".bloc").mouseenter(function() {

    16                     var _this = this;

    17                     var _this = this;

    17                     $(".overlay-bloc").each(function() {

    18                     $(".overlay-bloc").each(function() {

    19                             $(this).slideDown();

    20                             $(this).slideDown();

    20                         } else {

    21                         } else {

    21                             $(this).slideUp();

    22                             $(this).slideUp();

    22                         }

    23                         }

    23                     });

    24                     });

    35 {% endblock %}

    36 {% endblock %}

    36 

    37 

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

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

    38 

    39 

    39 {% block subhead %}

    40 {% block subhead %}

    43 		    <h3>Recherche par <strong>facettes</strong></h3>

    44 		    <h3>Recherche par <strong>facettes</strong></h3>

    44 		    <div id="bloc-facettes">

    45 		    <div id="bloc-facettes">

    45 		        <div class="overlay-bloc">

    46 		        <div class="overlay-bloc">

    46 		            <p>Recherchez les contenus d'Histoire des Arts par plusieurs points d'entrée&nbsp;: pays, périodes historiques, disciplines artistiques et mots-clés liés aux &oelig;vres.</p>

    47 		            <p>Recherchez les contenus d'Histoire des Arts par plusieurs points d'entrée&nbsp;: pays, périodes historiques, disciplines artistiques et mots-clés liés aux &oelig;vres.</p>

    47 		            <p>Les éléments de l'interface sont à la fois des critères de recherche et des mode de visualisation des résultats&nbsp;: Au fur et à mesure de vos recherches, ils se mettent à jour pour refléter le nombre de contenus correspondant.</p>

    48 		            <p>Les éléments de l'interface sont à la fois des critères de recherche et des mode de visualisation des résultats&nbsp;: Au fur et à mesure de vos recherches, ils se mettent à jour pour refléter le nombre de contenus correspondant.</p>

    48 		            <p class="goto"><a href="{% url 'facettes' %}">&raquo;</a></p>

    49 		            <p class="goto"><a href="{% url 'facettes' %}">&raquo;</a></p>

    49 		        </div>

    50 		        </div>

    50 		    </div>

    51 		    </div>

    51 	    </div>

    52 	    </div>

    56 		    <h3><strong>Catégories</strong> de Wikipedia</h3>

    59 		    <h3><strong>Catégories</strong> de Wikipedia</h3>

    57 		    <div id="bloc-categories">

    60 		    <div id="bloc-categories">

    58 		        <div class="overlay-bloc">

    61 		        <div class="overlay-bloc">

    59 		            <p>Naviguez dans l'arbre des catégories de Wikipedia pour atteindre les contenus du portail Histoire des Arts.</p>

    62 		            <p>Naviguez dans l'arbre des catégories de Wikipedia pour atteindre les contenus du portail Histoire des Arts.</p>

    60 		            <p>Recherchez une catégorie par son titre, puis explorez les sous-catégories et les tags qui y sont rattachés.</p>

    63 		            <p>Recherchez une catégorie par son titre, puis explorez les sous-catégories et les tags qui y sont rattachés.</p>

    61 		            <p class="goto"><a href="{% url 'categories' %}">&raquo;</a></p>

    64 		            <p class="goto"><a href="{% url 'categories' %}">&raquo;</a></p>

    62 		        </div>

    65 		        </div>

    63 		    </div>

    66 		    </div>

    64 	    </div>

    67 	    </div>

    69 		    <h3>Navigation par <strong>thésaurus</strong></h3>

    74 		    <h3>Navigation par <strong>thésaurus</strong></h3>

    70 		    <div id="bloc-thesaurus">

    75 		    <div id="bloc-thesaurus">

    71 		        <div class="overlay-bloc">

    76 		        <div class="overlay-bloc">

    72 		            <p>Cette interface présente deux extraits de thésaurus utilisés par le ministère de la Culture et de la Communication :</p>

    77 		            <p>Cette interface présente deux extraits de thésaurus utilisés par le ministère de la Culture et de la Communication :</p>

    73 		            <ul>

    78 		            <ul>

    75 		                <li>La branche « Architecture d’habitation » du Thésaurus iconographique Garnier (état 2012)</li>

    80 		                <li>La branche « Architecture d’habitation » du Thésaurus iconographique Garnier (état 2012)</li>

    76 		            </ul>

    81 		            </ul>

    77 		            <p class="goto"><a href="{% url 'thesaurus' %}">&raquo;</a></p>

    82 		            <p class="goto"><a href="{% url 'thesaurus' %}">&raquo;</a></p>

    78 		        </div>

    83 		        </div>

    79 		    </div>

    84 		    </div>

    81 	</div>

    86 	</div>

    84 </div>

    87 </div>

    85 {% endblock %}

    90 {% endblock %}

    86 

    91 

    87 

    92 

    88 

    93 

    89 {% block main_content %}

    94 {% block main_content %}