Guide du site web APCAR

Cette page reprend l’intégralité des informations actuellement présentes dans le dépôt docs/ (fichiers Markdown). Elle sert de référence pour les contributeurs et les mainteneurs du site.

Index des documents (docs/)

• README.md — à la racine de docs/ : index des documents (liste des fichiers du dossier). Ouvrez docs/README.md dans votre dépôt local ou votre éditeur.
• SITE-VISUEL.md — direction visuelle du site (sections ci-dessous).

Typographie

• Titres : Plus Jakarta Sans (chargée via css/site.css).
• Texte courant : Inter.

Animations

• Accueil : hero avec zoom léger (heroKenBurns), halos colorés animés (.hero-orb), cartes actualités avec zoom au survol, sections avec apparition au défilement (.reveal).
• Sous-pages : bandeau titre avec la même photo que le hero (banner.jpg) et dégradés ; blocs de texte animés au scroll (script dans js/site-nav.js).
• Accessibilité : prefers-reduced-motion: reduce désactive les animations concernées (voir fin de site.css).

Images

• Locales : img/banner.jpg, img/logo.png — chemins relatifs au site.
• Illustrations web : certaines cartes et blocs utilisent Unsplash (URLs directes). Pour la production, vous pouvez télécharger les visuels, les placer dans img/ et remplacer les URLs.
• Sous-pages : pour une illustration pleine largeur, utiliser le bloc HTML suivant :

<figure class="page-sub-figure">
  <img src="https://..." alt="Description courte" loading="lazy" width="1000" height="560" />
  <figcaption>Légende optionnelle.</figcaption>
</figure>

Fichiers concernés

• css/site.css — styles globaux, animations, composants.
• js/site-home.js — filtres actualités, compteurs, reveal sur l’accueil.
• js/site-nav.js — menu + reveal des paragraphes sur les pages internes.
• documents/pdf/ et documents/excel/ — PDF et classeurs Excel ; page publique : Téléchargements.

← Retour à l’accueil