feat(vitrine): modernisation UI (nav, home bento, typo, shortcodes)

- Header sticky, menu mobile, lien d’évitement et JS léger (site.js)
- Accueil : layouts/index.html, contenu structuré en front matter, grille bento
- Motif « parcours » en SVG statique (évite la casse minify sur path inline)
- CSS : tokens, clamp, focus-visible, prefers-reduced-motion, formulaire contact
- Footer aligné sur la charte (plus de styles inline Bootstrap)
- Shortcodes featureblock + card ; fonctionnalités en blocs featureblock
- Polices : Merienda + Source Sans 3 (remplace la pile à 5 Google Fonts)

Made-with: Cursor
This commit is contained in:
2026-04-22 18:47:41 +02:00
parent 1cc51e0745
commit a6b329a698
14 changed files with 798 additions and 214 deletions
+8 -11
View File
@@ -1,11 +1,8 @@
<footer style="background-color: #f8f9fa; padding: 20px 0; text-align: center; border-top: 1px solid #e7e7e7; margin-top: 40px;">
<div class="container">
<p>&copy; {{ now.Year }} P'titsPas - Tous droits réservés.</p>
<p>
<a href="/mentions-legales/" style="margin-right: 15px; text-decoration: none; color: #007bff;">Mentions Légales</a>
<a href="/politique-de-confidentialite/" style="margin-right: 15px; text-decoration: none; color: #007bff;">Politique de Confidentialité</a>
<a href="/technique/" style="text-decoration: none; color: #007bff;">Données Techniques</a>
</p>
<!-- Vous pouvez ajouter ici d'autres informations ou liens si nécessaire -->
</div>
</footer>
<footer class="footer-site">
<p>&copy; {{ now.Year }} P'titsPas — Tous droits réservés.</p>
<nav class="footer-site__links" aria-label="Liens de pied de page">
<a href="{{ "mentions-legales" | relURL }}">Mentions légales</a>
<a href="{{ "politique-de-confidentialite" | relURL }}">Politique de confidentialité</a>
<a href="{{ "technique" | relURL }}">Données techniques</a>
</nav>
</footer>
+1
View File
@@ -0,0 +1 @@
<img class="home-hero__motif home-hero__motif-img" src="{{ "images/motif-trajet.svg" | relURL }}" width="520" height="140" alt="" role="presentation" decoding="async">