Refonte : templates, balades, photos web, aperçus, carte globale

- Mise en page sortie du Python : Scripts/templates/ (Jinja2 + CSS/JS
  communs copiés dans assets/ de chaque voyage)
- Voyages rangés dans un sous-dossier (Balades/…) : rubriques sur
  l'accueil, 2 plus récents par rubrique, pages voyages.html et
  balades.html
- prepare_web.py : photos allégées (photos_web/) et images d'aperçu
  des vidéos (apercus/)
- Voyage d'une seule journée : la page du voyage est la carte du jour
- Carte globale de l'accueil (OpenStreetMap) : voyages du site + cartes
  Google My Maps récupérées (mymaps.txt, _mymaps/), moto par voyage
  (moto.txt)
- KML par voyage pour My Maps
- compress.sh : réencode une sortie illisible (encodage interrompu) ;
  repli automatique sur l'autre qualité dans la page
- Corrections : CSV vide (voyage sans photo), racine de genere_site.sh,
  fichiers ._ de macOS
- README réécrit, commentaires allégés

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Mf2kATMtqVABHSYdxJMnim

Scripts/templates/accueil.html

@@ -0,0 +1,37 @@
+{#- 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 %}