/* ========================================================================== XL GYM — BRANCHEMENT DES PHOTOS -------------------------------------------------------------------------- Un seul endroit à modifier pour changer les photos du site. Pour remplacer une photo : 1. déposez la nouvelle image dans assets/photos/ 2. changez le nom de fichier sur la ligne correspondante ci-dessous Pour retirer une photo, commentez sa ligne : le site réaffiche le cadre d'attente avec la description de la photo à prendre. Rien ne casse. Les fichiers portent le nom de CE QU'ILS MONTRENT, pas de l'endroit où ils sont posés — vous pouvez donc en déplacer un d'une ligne à l'autre sans vous retrouver avec un nom qui ment. Les photos viennent de la page Galeries du site existant, sauf le fond de la section « Le Gym », fourni séparément. Aucune ne contient de personne. Voir README.md. Les images se chargent au fur et à mesure du défilement (js/main.js), sauf celle du hero qui se charge tout de suite. ========================================================================== */ :root{ /* --- Hero --------------------------------------------------------------- */ --photo-hero: url("../assets/photos/plateau-large.jpg"); /* --- Section « Le Gym » -------------------------------------------------- intro-bg passe en fond de toute la section, sous un voile très dense : on la perçoit comme une texture, pas comme une image à regarder. Elle est calée sur la fenêtre : la section défile par-dessus. Seule photo du site en AVIF — plus légère à qualité égale (346 Ko contre 284 Ko en JPEG, pour une image bien plus définie). image-set() sert le JPEG aux navigateurs qui ne lisent pas l'AVIF (Safari d'avant 16.4) : les autres ne téléchargent que l'AVIF. Pour changer la photo, remplacez les deux lignes — ou ne gardez que le JPEG, ça marche aussi. */ --photo-intro-bg: image-set( url("../assets/photos/plateau-halteres-bancs.avif") type("image/avif"), url("../assets/photos/plateau-halteres-bancs.jpg") type("image/jpeg")); --photo-intro-a: url("../assets/photos/poids-libres-profondeur.jpg"); --photo-intro-b: url("../assets/photos/poulies.jpg"); /* --- Installations ------------------------------------------------------- */ --photo-zone-libres: url("../assets/photos/poids-libres-bancs-cage.jpg"); --photo-zone-machines: url("../assets/photos/machines-guidees.jpg"); --photo-zone-cardio: url("../assets/photos/cardio-steppers-velos.jpg"); --photo-zone-fonctionnel: url("../assets/photos/salle-adaptee.jpg"); --photo-zone-studio: url("../assets/photos/studio-tapis-machines.jpg"); --photo-zone-vestiaires: url("../assets/photos/vestiaires-casiers.jpg"); /* --- Avis ---------------------------------------------------------------- Les cartes d'avis n'ont pas de photo : elles portent une pastille à initiales, dessinée en CSS. Pas la photo de profil Google des personnes — republier l'image de quelqu'un sur le site d'un commerce demande son consentement (Code civil du Québec, art. 36), et la photo appartient à qui l'a prise. Laisser un avis public ne vaut pas accord. Rien à brancher ici. --- En réserve ----------------------------------------------------------- Six photos restent dans assets/photos/ sans être affichées. Vous pouvez les mettre à la place de n'importe quelle ligne ci-dessus. plateau-machines.jpg vue d'ensemble large vestiaire-lavabos.jpg les lavabos des vestiaires enseigne-xlgym.jpg l'enseigne, ancien fond de « Le Gym » racks-halteres.jpg ancienne photo de « Poids libres » machines-rameur.jpg ancienne photo de « Cardio » velos-spinning.jpg ancienne photo de « Studio de cours » Les trois dernières ont été remplacées par les clichés fournis par le gym, plus récents et plus représentatifs. Elles sont gardées au cas où un cadrage ne conviendrait pas. */ }