{#- Page d'accueil : une rubrique par section (Voyages, Balades…), avec les
    voyages les plus récents et un lien vers la liste complète. -#}
{% extends "base_accueil.html" %}
{% from "base_accueil.html" import carte %}

{% block sous_titre %}{{ sous_titre }}{% endblock %}

{% block contenu %}
{% if not rubriques %}
    <p class="vide">Aucun voyage pour l'instant.<br>Lance <code>genere_site.sh</code> pour en générer.</p>
{% else %}
    <div class="rubriques">
{% for r in rubriques %}
      <section>
        <div class="rubrique-titre">
          <h2>{{ r.titre }}</h2>
          <a href="{{ r.page }}">Tout voir ({{ r.voyages|length }}) →</a>
        </div>
        <div class="grid compact">
{% for v in r.voyages[:nb_recents] %}
          {{ carte(v) }}
{% endfor %}
        </div>
      </section>
{% endfor %}
    </div>
{% endif %}
{% if carte_globale %}
    <section class="carte-externe" id="carte">
      <div class="rubrique-titre">
        <h2>La carte de nos principaux voyages</h2>
        <a href="{{ carte_globale }}">Ouvrir en grand ↗</a>
      </div>
      <iframe src="{{ carte_globale }}" loading="lazy" title="Carte de nos principaux voyages"></iframe>
    </section>
{% endif %}
{% endblock %}