Page interne
Carte du prototype V10 et marche à suivre
Ce que la V6 retire et ajoute, ce que la V5 intègre (travaux Claude + ChatGPT), ce que la V4 et la V3 ont ajouté (pages de campagne, infolettre, communiqués), la liste de toutes les pages, les trois marches à suivre et les décisions encore ouvertes. Rédigé par Claude les 6 et 7 octobre 2026; tout est proposé, rien n'est adopté.
Ce que la V10 change (9 novembre 2026)
- Menu. « Forum et CAP » devient deux sections : Convergence (convergence.html; sous-page Forum de convergence des leaders régionaux; d'autres forums s'ajouteront en temps opportun) et Nos actions (actions.html; sous-pages Comités ad hoc de pilotage et Façonner notre avenir).
- Nos actions. La page s'ouvre sur l'approche : une fois une priorité convergente identifiée, le CAP est l'approche privilégiée pour passer à l'action.
- Façonner notre avenir (comité renommé le 5 novembre). Page faconner-notre-avenir.html au texte validé le 9 novembre; aucun chiffre, aucun nom de fonds, aucune mention des redevances ni des échanges avec les élus; légende de photo sans noms. Photos renommées assets/comite-pilotage-2026-08-24*.jpg.
- Notre CA. Rôle du conseil (CE du 2 novembre) : les forums dégagent les orientations, les comités font avancer les dossiers, le CA assure la cohérence, les moyens et la solidité.
- Redirections ajoutées dans _redirects : /maitres-chez-nous, /fonds-autonome et /converger-agir.
- À venir (V10.1). « Je covoiture » selon la maquette validée le 9 novembre (option B avec les liens Embarque AT et Amigo Express; rencontres du CRDAT seulement au lancement; expéditeur info@crdat.ca).
Ce que la V9 change (2 novembre 2026)
Ajustements demandés par le comité exécutif du 2 novembre, qui a approuvé le projet pour une mise en ligne rapide (environ 80 % des besoins, puis amélioration continue).
- Formule. « Engagé envers l'avenir de notre région » devient « Engagé pour l'avenir de la région » (accueil, titre et vignette de partage
assets/partage-crdat.jpgrefaite). Même correction dans Devenir membre (« engagement pour le développement ») et dans la biographie de Guy Trépanier. - Accueil plus court. Le bandeau et les trois portes restent; les blocs « Ce que nous faisons », « Un espace pour tous » et l'appel final à devenir membre sont remplacés par six portes d'entrée qui renvoient aux pages détaillées (Le CRDAT, Forum et CAP, Nos actions, Participer, Calendrier régional, Nouvelles). Nouvelles réduites à deux éléments.
- Citations. Nouvelle section « Des voix de la démarche » à l'accueil (
index.html#voix), trois emplacements marqués « À confirmer ». Pour chacun : citation d'une ou deux phrases, prénom et nom, rôle et territoire, accord écrit de la personne. Une fois confirmée, retirer la classea-confirmer. Photos possibles plus tard. - Section du fonds (avis de la CPAT). La CPAT conseille que le nom « Maîtres chez nous » n'apparaisse pas de façon officielle. Le nom est retiré de toutes les pages publiques et remplacé par « Vers un fonds régional autonome » (titres) et « comité ad hoc de pilotage sur le fonds régional autonome ». Page renommée
faconner-notre-avenir.html(ajouter au fichier_redirects:/maitres-chez-nous /fonds-autonome 301); photos renomméesassets/comite-pilotage-2026-08-24.jpget-900.jpg. Le contenu de la page est inchangé sur le fond. À faire valider par quelques personnes avant la mise en ligne. - Hébergement. FBI Informatique héberge les noms de domaine, pas les sites (réponse du 2 novembre); LeBleu prévoit fermer son serveur vers le 9 novembre. Le site reste prévu sur Cloudflare Pages, comme dans la marche à suivre du 29 octobre.
Ce que la V8 change (29 octobre 2026)
- Forum de convergence. « Fin novembre 2026 » est remplacé partout par « En route vers une première séance » : accueil, Converger puis agir, page du Forum (titres de partage compris), Participer, page de campagne, numéro d'octobre de l'infolettre, communiqué. La page du Forum ne lie plus la séance à l'assemblée générale annuelle, ce lien dépendant de la date. Au calendrier régional, le Forum figure sous une nouvelle rubrique « Date à venir », en fin de liste, pour les événements dont la date n'est pas arrêtée (entrée tenue à la main : une nouvelle veille ne doit pas la remettre en novembre).
- Calendrier en temps réel (29 octobre, après-midi). Les événements passés disparaissent seuls, le lendemain de leur dernière journée, selon la date du jour du visiteur; la période affichée part toujours du mois en cours. Un événement reçu par le formulaire se publie d'un clic dans la page de gestion (« Publier au calendrier », ou « Retirer ») et paraît en moins de cinq minutes, sans republier le site (table
evenementsdans D1, adresse/api/evenements, relue toutes les cinq minutes). 18 nouveaux contrôles automatisés. - Corrections du 29 octobre, fin d'après-midi. Titre de Simon Letendre : « Chargé de projet » (page L'équipe, signature de l'infolettre). Fondation Lucie et André Chagnon ajoutée aux collaborateurs (page Collaborateurs et pied de page; logo à déposer dans
assets/collaborateurs/fondation-chagnon.png). - Mise en ligne et paiement des cotisations. Nouvelle marche à suivre du 29 octobre dans le dossier (remplace celle du 9 octobre) : fermeture du serveur de LeBleu vers le 4 novembre, domaine et courriel Microsoft 365 à protéger, Cloudflare, barème à faire adopter par le CA, compte Stripe, essais, puis au quotidien.
Ce que la V7 change (9 octobre 2026, soirée)
Réponse aux trois demandes de Simon : rendu téléphone et tablette vérifié, paiement en ligne fonctionnel, présentation refaite « qualité agence ».
- Téléphone et tablette. Audit à 390, 820, 1024 et 1366 px sur douze pages : aucun débordement horizontal. Corrigé : cibles tactiles trop petites de la barre du haut (elle disparaît sous 1180 px et ses liens passent dans le menu plein écran), libellés de 11,8 px en majuscules (remplacés), menu mobile refait (plein écran, sous-menus dépliables, fermeture par Échap, défilement bloqué derrière).
- Paiement en ligne (Stripe Checkout). Après une demande d'adhésion payante, un bouton « Payer ma cotisation » envoie vers la page sécurisée de Stripe; retour sur paiement-confirme.html; webhook signé qui passe la demande au statut « Cotisation payée » (visible dans /gestion et l'export). Page Payer ma cotisation pour payer plus tard avec la référence. Barème dans un seul fichier (
lib/tarifs.js→site/tarifs.js) : barème historique (personne sans frais pour cinq ans; OBNL 20 $; organisme 50 $; soutien 500 $ et plus), affiché sur Devenir membre — à confirmer par le CA. Sans clés Stripe, le site le dit et le CRDAT envoie un lien à la main. 20 contrôles automatisés (tests/paiement.test.mjs); procédure d'activation dans le dossier (section 5). Dans ce prototype, le bouton est en démonstration. - Présentation. Nouvelle feuille de style complète. Signature : la lueur turquoise et lime du logo posée sur les bandeaux de nuit (accueil, infolettre, pied de page, menu mobile). Typographie Montserrat plus grande et plus serrée, Open Sans 17 px; filets plutôt que boîtes; cartes seulement là où l'on clique (portes, événements, pages); en-têtes de page sur fond givré; ruban des cinq territoires sous le bandeau; Maîtres chez nous! en photo pleine largeur; en-tête fixe avec ombre au défilement; apparition unique du bandeau au chargement (désactivée si « réduire les animations »); boutons de 48 px; mode sombre conservé.
- Corrections. Les formulaires d'infolettre en ligne (accueil, pied de page) envoyaient « courriel » au lieu de « email » et auraient été refusés par le serveur; les libellés d'en-tête « Section · Sous-section » sont simplifiés; les fiches d'événement affichent le lieu et l'organisateur sur deux lignes.
- Non testé ici (impossible depuis cet environnement) : un paiement réel chez Stripe (le site n'a pas de clé); Safari, Firefox, Edge et appareils réels.
Ce que la V6 change (9 octobre 2026)
À la demande de Simon : le site ne présente plus l'architecture de gouvernance, jugée trop complexe, ni les trois cercles, ni l'animation. Une section « Forum et CAP », au même niveau que « Le CRDAT » dans le menu, présente le Forum de convergence des leaders régionaux et les comités ad hoc de pilotage. Le calendrier régional produit le 8 octobre (veille de 170 événements) est intégré au site.
- Retiré : page Gouvernance, section « Comment nous travaillons » de Mission, vidéo des anneaux et liens des trois espaces à l'accueil, affiche et vidéo de l'animation, mentions des forums sages/elders et Vision jeunesse, paragraphe sur l'animation dans Accessibilité, règles CSS et code JS correspondants. Nouvelle image de partage (photo du comité Maîtres chez nous!, sans anneaux).
- Nouvelle section Forum et CAP (menu déroulant) : vue d'ensemble « Converger, puis agir », Forum de convergence des leaders régionaux (pourquoi un forum, en bref, trois temps, « en route vers une première séance » (date retirée le 29 octobre), dialogue en cours avec les leaders, adresse convergence@crdat.ca — à confirmer), Comités ad hoc de pilotage (textes du Word révisé sur les CAP, atterrissage, qui décide de quoi, Maîtres chez nous! comme comité en cours). Le libellé du menu « Forum et CAP » est une proposition (autre possibilité : « Forum et comités »).
- Accueil : le bandeau présente trois portes (Devenir membre, Forum de convergence, Comités ad hoc de pilotage) à la place de la vidéo; l'aperçu du calendrier affiche les trois prochains événements d'envergure régionale tirés de la veille.
- Calendrier régional : 170 événements d'octobre 2026 à décembre 2027 (fichier
calendrier-donnees.js, affichage parcalendrier.js), recherche par mot-clé, territoire, thème, type, envergure, date confirmée ou à préciser, période; regroupement par mois; les activités hors région qui touchent la région sont incluses. Les mentions « à confirmer » de la veille sont affichées « date à préciser ». Les sources, les pages Facebook, la méthode de veille, la table D1 proposée et les décisions à prendre sont dans la page interne Veille du calendrier régional. - Correction : dans la V5, la description de l'événement du formulaire du calendrier n'était pas transmise au serveur (champ mal nommé) et la balise de description de la page était cassée; corrigé.
- À confirmer : publication de l'adresse convergence@crdat.ca et de la phrase sur le dialogue avec les leaders; validation des 170 événements avant publication (la veille date du 8 octobre); seuil d'envergure du calendrier.
Ce que la V5 change (7 octobre 2026, soirée) — version intégrée Claude + ChatGPT
La V5 fusionne le prototype V4 et le site réalisé avec ChatGPT/Codex, selon la proposition du 7 octobre (Proposition_Version intégrée du site crdat.ca) et les choix de Simon : base V4 (structure, charte, polices Montserrat et Open Sans, vidéo des anneaux, campagnes, publications, calendrier) enrichie des contenus et des mécanismes de Codex.
- Textes révisés de Simon (Word du 7 octobre). Titre d'accueil « Engagé envers l'avenir de notre région » (chapeau V4 sur les zones de convergence conservé); vue d'ensemble « Un espace de participation neutre pour le développement régional » avec « seul on va vite, ensemble on va loin » et la participation recherchée; Notre rôle enrichi des trois étapes (Comprendre les enjeux, Construire des convergences, Faire avancer des projets); Devenir membre « Votre voix a sa place au CRDAT »; Participer « Partagez ce qui compte pour votre milieu »; Nous joindre « Communiquer avec le CRDAT ». Graphie « anishnabe » du Word appliquée partout (à confirmer; la V4 écrivait « anishinaabe »).
- Nouvelle page Gouvernance (retirée en V6) (sous-page de Le CRDAT) : tous les textes de l'architecture proposée, animation complète (8 s) lancée sur demande avec image fixe agrandissable, trois onglets (sages/elders, leaders régionaux, Vision jeunesse) accessibles au clavier, instances en dépliants, comités de pilotage, données et savoirs. Dans Mission, le résumé en cinq temps adopte le libellé « Interface politique » (chef(fe)s anishnabe, élu(e)s municipaux, provinciaux et fédéraux) et renvoie à la page complète. Mention sobre « Architecture proposée · en réflexion avec les membres », sans encadré.
- Notre CA : six profils du Word (Normand Lemieux, président; Guy Trépanier, vice-président; Marie-Pier Valiquette, secrétaire-trésorière; Yohan Jalouzot; Frédérique Beauchamp; Dominique Lance, observatrice-associée) avec territoire et biographie. Orthographe « Beauchamp » retenue d'après la fiche maîtresse (documents du dossier, 18 sept.); le Word écrit « Beauchamps » : à trancher. Maude Labrecque-Denis n'apparaît plus (départ à confirmer). Photos et accord de chaque personne à obtenir.
- Nouvelle page Maîtres chez nous! avec la photo du comité de pilotage du 24 août 2026 (légende : absents Nika Paul, Robert Sauvé, Émilie Dumas), le résumé et les trois sections du Word; carte vedette à l'accueil et dans Nos actions. La mention « nom provisoire » est retirée (le Word nomme le CAP ainsi).
- Nos actions et Nouvelles : les trois annonces de 2024 (tournée Rêvons notre région, démarche de réflexion et d'action collective, Le dernier Flip) sont reprises avec leur texte au lieu d'un simple lien vers l'ancien site.
- Formulaires en deux étapes (transposés de Codex en HTML/JS, fichier
formulaires.js) : adhésion (personne ou organisation, catégories d'organisation, territoire, 40 champs d'intérêt en quatre groupes avec recherche, expertise, consentement, infolettre), contribution (page Participer, nouvelle section), message (page Nous joindre, objets fusionnés). Vérification avant envoi, numéro de référence à l'écran, champ piège, clé d'idempotence, repères de campagne conservés. Le formulaire d'événement, l'infolettre, les pages de campagne et les inscriptions passent par le même mécanisme (une étape). Sans serveur, le prototype affiche « Démonstration : rien n'a été transmis ». - Code serveur Cloudflare Pages + D1 (dossier
functions/, transposé de Codex sans React ni dépendance) :/api/demandes(origine vérifiée, JSON ≤ 24 Ko, validation stricte, 10 demandes par jour et par empreinte, référence CRDAT-XXXXXXXX, version du consentement),/gestion(500 dernières demandes) et/api/gestion/export(CSV, 10 000 demandes) protégés par Cloudflare Access (jeton vérifié + liste des courriels autorisés; aucun en-tête d'identité libre n'est accepté). 27 contrôles automatisés (npm test) et essai complet sur l'émulation locale de Cloudflare. Procédure de mise en ligne dans le dossier. - Accessibilité : lien « Aller au contenu » sur toutes les pages, nouvelle page Accessibilité, onglets et lecteur au clavier, page 404 dans la charte.
- Confidentialité : avis complété (base de données chez Cloudflare, empreinte quotidienne, aucun courriel automatique, aucune carte de paiement, consultation réservée à la direction).
- Retiré ou nettoyé : montants de cotisation (barème historique non affiché tant que le CA n'a pas statué), mentions « à confirmer », « à déposer » et « nom provisoire » des pages publiques (reportées ici), « chargé de projets » remplacé par « direction ». Balise
noindexsur toutes les pages tant que le site est en test. - Non repris de la version Codex : palette lime/rose/cyan, Arial/Georgia et logotype à point; anneau fixe à l'accueil; hébergement « Sites » lié au compte ChatGPT; page publique « Version de travail »; page Espace membre vide (une phrase dans la FAQ suffit tant que les fonctions ne sont pas définies).
Avant l'ouverture au public (liste fusionnée Claude + Codex)
- Décisions du CA : catégories, cotisations, durée et conditions d'adhésion.
- Compte Stripe à ouvrir et clés à installer (procédure, section 5); barème des cotisations à confirmer par le CA.
- Alerte courriel à direction@crdat.ca à chaque demande, puis accusé de réception au répondant (quand l'envoi sera validé; adresse postale et désabonnement obligatoires dans l'infolettre).
- Fonctions et mode d'accès de l'espace membre.
- Orthographes et titres : Beauchamp(s), « anishnabe », titre de Simon (« Chargé de projet », corrigé le 29 octobre), départ de Maude Labrecque-Denis.
- Politique de confidentialité finale, durées de conservation, registre des consentements.
- Logos des collaborateurs (
assets/collaborateurs/), photos et biographies du CA, adresse postale et téléphone, événements confirmés du calendrier, formulation de Geneviève Béland sur les limites planétaires, bienveillance (façon de faire ou cinquième valeur). - Tests sur Safari, Firefox, Edge, iPad et téléphones réels; lecteur d'écran; contraste et performance.
- Mise en ligne : comptes Cloudflare (Pages, D1, Access), variables, domaine crdat.ca et redirections (
_redirects), retrait de la balisenoindex, du bandeau « Prototype » et de cette page.
Ce que la V4 change (7 octobre 2026)
- V4.1 (7 octobre, fin de matinée). Architecture de gouvernance simplifiée ajoutée à la page Mission (cinq temps, avec son texte; lien depuis les anneaux de l'accueil). Nouvelle sous-page Collaborateurs (CPAT, Observatoire, Tourisme A-T, UQAT, Cégep, Santé Québec – A-T, Minwashin) avec lien, résumé d'une ligne et emplacement de logo; pied de page « Nos collaborateurs ». Formulations négatives retirées partout (« ne remplace ni… », « Ce que le CRDAT n'est pas », « rien n'est conclu », etc.), remplacées par des formulations positives; la section « Ce que le CRDAT n'est pas » devient « Notre posture ». Logos des collaborateurs à déposer dans
assets/collaborateurs/:cpat.png,observatoire.png,tourisme-at.png,uqat.png,cegep-at.png,sante-quebec-at.png,minwashin.png(fond transparent ou blanc, environ 300 px de large); ils s'affichent d'eux-mêmes à la place des monogrammes. Les obtenir de chaque organisation, avec son accord. - Charte graphique appliquée. Logos de la charte (principal dans l'en-tête, renversé dans le pied de page et les pages de campagne, symbole comme icône), Montserrat pour les titres et Open Sans pour le texte (hébergées sur le site), couleurs Bleu CRDAT, Encre, Turquoise et Lime lueur, Ardoise et Filet, chevrons » comme motif, formule « Comprendre. Converger. Agir. » et mention « depuis 1964 ».
- Bonification proposée de la charte. Le Bleu CRDAT (#0697BD) n'atteint que 3,4:1 de contraste sur blanc, sous le seuil de 4,5:1 exigé pour du texte. La V4 ajoute un « Bleu CRDAT foncé » (#036F8C, 5,7:1) pour les liens et les boutons; le Bleu CRDAT reste réservé aux chevrons, filets, icônes et fonds sombres. Autre ajout proposé : un « Noir nuit » (#01060A), qui est le fond de la vidéo des anneaux et sert à tous les bandeaux sombres. À intégrer à la charte si Simon l'approuve.
- Fond de l'animation uniformisé. Le bandeau d'accueil, le bandeau d'abonnement et le pied de page ont exactement le fond de la vidéo : la vidéo ne se détache plus en carré ou en halo.
- Section Le CRDAT (à propos), inspirée de 48e Nord International. Une page d'ensemble et quatre sous-pages reliées par un sous-menu : Mission (cause, mission, vision, positionnement, valeurs et formule tirés des assises stratégiques, rôle, ce que le CRDAT n'est pas, façon de travailler, repères historiques, racines), Notre CA (cartes de personnes avec biographie dépliable), L'équipe, Nous joindre (formulaire de contact mis en avant).
- Calendrier régional. Liste par mois, filtre par territoire et formulaire simple pour que toute organisation inscrive ses événements publics; publication après vérification par l'équipe.
- Nos actions sans la section vision; les racines sont passées à la page Mission. Participer devient « Nous créons un espace pour tous » avec sept portes, dont Devenir membre en premier, l'infolettre et le calendrier.
- Accueil : nouvelle accroche (« soutenir des actions concertées à travers des zones de convergence »), phrase « Il ne remplace ni… » retirée, bloc « Un espace pour tous », aperçu du calendrier, bandeau d'abonnement à l'infolettre. Barre utilitaire en haut de chaque page (infolettre, inscrire un événement, nous joindre, Facebook) et liens utiles en pied de page.
Ce que la V3 ajoute à la V2 du 2 octobre
- Pages de campagne (atterrissage). Un gabarit annoté et deux exemples : une campagne d'adhésion pensée pour Facebook et une invitation au Forum pensée pour un envoi courriel. En-tête et pied minimaux, une promesse, un bouton, un formulaire court, les étapes humaines visibles. Les pages ne sont pas indexées par les moteurs et n'apparaissent pas dans le menu. Les repères de campagne (
utm_source,utm_medium,utm_campaign,utm_content) sont recopiés dans la demande. - Nouvelles et publications. La page Nouvelles et publications devient Nouvelles et publications : une seule liste datée avec des filtres (Nouvelles, Infolettre, Communiqués, Documents) et une étiquette par type. Le menu garde cinq entrées.
- Infolettre. Une page d'abonnement avec consentement explicite, les engagements (fréquence, expéditeur identifié, désabonnement), l'archive des numéros et les six rubriques fixes. Un numéro modèle en version en ligne, qui sert de cible aux courriels et aux publications Facebook. Un bloc d'abonnement dans le pied de page de toutes les pages.
- Communiqués de presse. Une salle de presse (personne-ressource, façon de nous nommer, liste des communiqués, trousse médias avec logo et texte de présentation à copier) et un communiqué modèle avec la structure complète.
- Partage. Chaque publication a des boutons Facebook, Courriel et Copier le lien, sans script externe.
- Confidentialité. Deux sections ajoutées (Infolettre, Pages de campagne). Les polices sont maintenant hébergées sur le site : plus aucune requête vers Google Fonts.
- Anneaux (7 octobre). Le dessin des anneaux de l'accueil est remplacé par la vidéo originale « Architecture de gouvernance — itération pour réflexion » du 13 septembre, découpée sur les anneaux, en boucle de 7,5 secondes sans son (raccord adouci par un fondu d'une demi-seconde). Fichiers :
assets/anneaux-crdat.mp4(1,8 Mo) etassets/anneaux-crdat.webm(version de rechange); image fixeassets/anneaux-crdat.jpg. Bouton de pause sous les anneaux; animation arrêtée pour les personnes qui ont demandé à réduire les animations. L'image de partage reprend une image de la vidéo. Les libellés sont ceux de la vidéo (Membrariat du CRDAT, Forum sages/elders, Forum de convergence des leaders régionaux, Vision jeunesse) : ils sont figés dans l'image et devront être refaits dans la vidéo s'ils changent. - Image de partage.
assets/partage-crdat.jpg(1200 × 630) sert de vignette par défaut sur Facebook et dans les messageries pour toutes les pages.
Toutes les pages
| Page | Fichier | Rôle | Statut |
|---|---|---|---|
| Accueil | index.html | Comprendre le rôle du CRDAT, une action en cours, participer | Publique |
| Le CRDAT | le-crdat.html | Mission, rôle, fonctionnement, repères historiques | Publique |
| Le CRDAT (vue d'ensemble) | le-crdat.html | Portes vers les sous-pages, valeurs, partenaires et liens utiles | Publique · V4 |
| Mission | mission.html | Assises stratégiques, rôle, gouvernance en cinq temps, histoire, racines | Publique · V4, V5 |
| Forum et CAP (vue d'ensemble) | convergence.html | Converger puis agir : les deux espaces, l'enchaînement, Maîtres chez nous! | Publique · V6 |
| Forum de convergence des leaders régionaux | forum-convergence.html | Pourquoi, en bref, trois temps, première séance, dialogue en cours | Publique · V6 |
| Comités ad hoc de pilotage (CAP) | cap.html | Mandat, autonomie, atterrissage, comités en cours, contribuer | Publique · V6 |
| Notre CA | conseil-administration.html | Six profils, rôle, assemblée générale | Publique · V5 · photos et accords à obtenir |
| L'équipe | equipe.html | Équipe, bénévoles et comités | Publique · V4 |
| Collaborateurs | collaborateurs.html | Organisations de la région, liens et résumés; logos à fournir | Publique · V4.1 |
| Calendrier régional | calendrier.html | 170 événements de la veille, recherche par mot-clé, territoire, thème, type, envergure et période; formulaire d'inscription | Publique · V6 |
| Nos actions | actions.html | Démarches en cours, archives 2024, comment une idée devient un engagement | Publique · V5 |
| Vers un fonds régional autonome | faconner-notre-avenir.html | Page du comité ad hoc de pilotage, photo du 24 août 2026 | Publique · V5, renommée en V9 · à valider |
| Participer | participer.html | Événements, contributions, adhésion | Publique |
| Devenir membre | devenir-membre.html | Catégories et cotisations, formulaire en deux étapes, paiement en ligne | Publique · V7 |
| Payer ma cotisation · Paiement reçu | paiement.html · paiement-confirme.html | Paiement avec la référence; confirmation après Stripe | Publiques · V7 |
| Nouvelles et publications | nouvelles.html | Liste filtrable : nouvelles, infolettre, communiqués, documents | Publique · réécrite |
| Infolettre | infolettre.html | Abonnement, engagements, archive, rubriques | Publique · nouvelle |
| Infolettre no 1 | infolettre-2026-10.html | Version en ligne d'un numéro (à dupliquer) | Modèle · nouvelle |
| Salle de presse | communiques.html | Personne-ressource, communiqués, trousse médias | Publique · nouvelle |
| Communiqué modèle | communique-2026-10.html | Structure complète d'un communiqué (à dupliquer) | Modèle · nouvelle |
| Campagne d'adhésion | campagne-adhesion.html | Exemple pour Facebook | Non indexée · nouvelle |
| Invitation au Forum | campagne-forum.html | Exemple pour un envoi courriel | Non indexée · nouvelle |
| Gabarit de campagne | campagne-gabarit.html | Gabarit annoté à copier | Non indexée · nouvelle |
| Nous joindre | nous-joindre.html | Coordonnées, médias, formulaire | Utilitaire |
| Confidentialité · Conditions · Accessibilité | confidentialite.html · conditions.html · accessibilite.html | Politique, conditions, accessibilité | Utilitaires · V5 |
| Page introuvable | 404.html | Servie automatiquement par l'hébergeur pour une adresse inexistante | Utilitaire · V5 |
| Gestion des demandes | /gestion et /api/gestion/export (fonctions serveur) | Consultation et export CSV des demandes, accès réservé | Serveur · V5 |
| Veille du calendrier | veille-calendrier.html | Sources, méthode, table proposée, décisions | Interne · à retirer avant publication |
| Carte du prototype | prototype.html | Cette page | Interne · à retirer avant publication |
Fichiers communs : styles.css, site.js, formulaires.js, calendrier.js, calendrier-donnees.js, _redirects (anciennes adresses), assets/ (logos, vidéos, photo du CAP, affiche de l'animation, rapport PDF, image de partage, polices). Code serveur : functions/, lib/, schema.sql, wrangler.toml, tests/ (à la racine du dossier V5, à côté de site/).
Créer une page de campagne (environ 45 minutes)
Une page de campagne sert une seule action, pendant une période donnée, pour un canal précis (une publication ou une annonce Facebook, un envoi courriel). Elle n'est pas dans le menu et n'est pas indexée. Quand la campagne finit, la page est redirigée vers la page permanente.
- Copier
campagne-gabarit.html(ou un des deux exemples) sous un nouveau nom :campagne-[sujet].html, en minuscules, sans accent. 2 min. - Remplacer les sept textes marqués en jaune : étiquette, promesse, deux phrases, bouton, trois preuves, puis les trois raisons et la phrase de cadrage. Mettre à jour
<title>et les deux descriptions dans l'en-tête du fichier (elles font la vignette Facebook). 20 min. - Ajuster le formulaire : garder prénom, nom, courriel; ajouter au plus deux champs facultatifs; changer la valeur de
source(par exemplecampagne-forum-2026); ne pas toucher aux champsutm_*. Relier le formulaire à l'outil retenu (Tally ou formulaire du site). 10 min. - Écrire les étapes « Ce qui se passe ensuite » avec les vraies personnes et les vrais délais. 5 min.
- Vérifier sur téléphone et au clavier, puis publier avec le reste du site. 5 min.
- Composer le lien avec ses repères et le coller dans la publication Facebook ou dans le courriel (exemples ci-dessous). 3 min.
- Suivre : les demandes arrivent avec leur provenance; les noter dans le registre maître (colonne « source »). À la fin de la campagne, ajouter une ligne dans
_redirectsvers la page permanente.
Liens types
Publication Facebook (adhésion) https://crdat.ca/campagne-adhesion?utm_source=facebook&utm_medium=publication&utm_campaign=adhesion-automne-2026 Annonce Facebook payante (si un jour il y en a) https://crdat.ca/campagne-adhesion?utm_source=facebook&utm_medium=annonce&utm_campaign=adhesion-automne-2026&utm_content=visuel-a Courriel d'invitation (Forum) https://crdat.ca/campagne-forum?utm_source=infolettre&utm_medium=courriel&utm_campaign=forum-2026
Convention proposée : utm_source = d'où vient le clic (facebook, infolettre, partenaire-x); utm_medium = le moyen (publication, annonce, courriel, affiche); utm_campaign = le sujet et la période (adhesion-automne-2026); utm_content = la variante, au besoin. Toujours en minuscules, sans accent ni espace.
Pour Facebook, en plus
- La vignette vient des balises
og:title,og:descriptionetog:imagede la page. L'image par défaut estassets/partage-crdat.jpg; une image propre à la campagne (1200 × 630, moins de 1 Mo, texte court) la remplace si on change l'adresse dansog:image. - Après la mise en ligne, faire relire la page par l'outil de débogage de partage de Facebook pour rafraîchir la vignette.
- Pas de pixel Meta : il exigerait une bannière de consentement, une modification de la politique et une évaluation. Il ne se justifie que si des annonces payantes sont achetées, et seulement après ces trois ajouts.
Pour un envoi courriel, en plus
- Le courriel dit en deux phrases ce qu'on propose et pointe vers la page avec son lien à repères. Un seul bouton.
- Envoyer seulement aux personnes qui ont consenti aux communications (infolettre) ou avec qui le CRDAT a une relation existante au sens de la loi anti-pourriel; pas d'envoi massif à l'ancienne base sans vérification des fondements.
- Identifier l'expéditeur (CRDAT, adresse postale, courriel) et offrir un moyen de se désabonner dans chaque envoi.
Publier un numéro d'infolettre (environ 90 minutes, une fois le circuit rodé)
- Rédiger selon les six rubriques fixes (mot de la direction, ce qui avance, prochain rendez-vous, en bref, pour aller plus loin, devenir membre). Chaque fait a un statut; rien d'annoncé qui ne soit confirmé. Claude ou ChatGPT propose, Simon valide. 45 min.
- Créer la version en ligne : copier
infolettre-2026-10.htmleninfolettre-AAAA-MM.html, coller les textes, mettre à jour le numéro, la date, le titre et la description. 15 min. - Référencer le numéro dans
infolettre.html(Numéros parus) et dansnouvelles.html(liste des publications, type infolettre). 5 min. - Envoyer : au lancement, depuis la boîte professionnelle, aux personnes qui ont consenti (petite liste), avec le lien « Version en ligne » et la mention de désabonnement par réponse; plus tard, avec l'outil d'envoi choisi (voir Décisions). 15 min.
- Relayer la version en ligne sur Facebook avec le lien à repères (
utm_source=facebook&utm_medium=publication&utm_campaign=infolettre-AAAA-MM). 5 min. - Consigner dans le registre : date d'envoi, nombre d'envois, désabonnements reçus et appliqués. 5 min.
Au lancement, l'infolettre existe d'abord comme publication du site. L'envoi automatisé attend trois choses, comme le prévoit la note du 25 septembre : une personne responsable, un rythme et une base de consentement. Le site les prépare : la case facultative dans les formulaires, la page d'abonnement et la trace de chaque consentement (date, page d'origine).
Publier un communiqué de presse (environ 60 minutes, plus la validation)
- Rédiger selon la structure du modèle : titre (une phrase, un fait), lieu et date, chapeau (qui, quoi, quand, pourquoi), un ou deux paragraphes, une citation validée par la personne citée, « À propos du CRDAT » (texte de la trousse médias, sans le modifier), « – 30 – », renseignements. 30 min.
- Valider : Simon, puis la présidence si le communiqué engage le conseil. Aucune diffusion sans accord écrit.
- Créer la version web : copier
communique-2026-10.htmlencommunique-AAAA-MM-sujet.html, coller le texte, mettre à jour le titre et la description. Produire le PDF à partir du document Word (nommé selon la convention du CRDAT) et le déposer dansassets/; relier le bouton « Télécharger (PDF) ». 15 min. - Référencer dans
communiques.htmlet dansnouvelles.html(type communiqué). 5 min. - Envoyer aux médias depuis la boîte professionnelle, en copie cachée, à partir de la liste des médias et des journalistes du CRM (22 médias, 72 journalistes au 3 octobre), avec le PDF en pièce jointe et le lien de la version web. 10 min.
- Relayer dans l'infolettre suivante et sur Facebook; consigner la date d'envoi et les retombées (articles, entrevues) dans le CRM.
Règles communes
- Statuts. Tout fait public porte son statut : documenté, proposé, à confirmer. Les pages « modèle » le disent dans leur bandeau.
- Consentement. Case facultative, jamais précochée; double confirmation avant le premier envoi; preuve conservée (date, page d'origine); retrait appliqué sans délai et consigné. Aucun envoi à l'ancienne base sans vérification des fondements.
- Expéditeur identifié. Chaque infolettre et chaque courriel de campagne donne le nom du CRDAT, une adresse postale (à confirmer) et un moyen de se désabonner.
- Aucun suivi publicitaire. Ni pixel, ni témoin non essentiel, ni outil d'analyse qui reçoit des renseignements personnels. Les repères utm suffisent.
- Une page de campagne = une action. Pas de menu, pas d'autre lien que la promesse; retirée (redirigée) à la fin de la campagne.
- Une seule personne responsable des publications et du registre; les autres proposent.
- Textes signés. Les textes envoyés au nom de Simon ouvrent par « Bonjour ».
Mesurer une campagne sans pixel
| Question | Où regarder |
|---|---|
| Combien de clics sur la publication? | Statistiques de la page Facebook (côté Facebook). |
| Combien de visites sur la page de campagne? | Mesure d'audience sans témoin (par exemple Cloudflare Web Analytics, gratuit, si l'hébergement le permet), par adresse de page. Facultatif. |
| Combien de demandes, et d'où? | Les champs source et utm_* reçus avec chaque demande, reportés dans la colonne « source » du registre maître. |
| La campagne a-t-elle valu la peine? | Demandes reçues ÷ visites, et demandes admises ÷ demandes reçues, comparées d'une campagne à l'autre. Un tableau de deux lignes suffit. |
Décisions ouvertes
| Décision | Ce que la V3 suppose | Ce qu'il faut savoir |
|---|---|---|
| Outil du calendrier régional | Formulaire (Tally ou formulaire du site) + liste mise à jour à la main après vérification. | Au-delà d'une dizaine d'événements par mois : un agenda public partagé (par exemple Google Agenda intégré) ou une extension d'événements si le site retenu en offre une. Mesurer le temps réel d'abord. |
| Bonification de la charte | Bleu CRDAT foncé #036F8C pour le texte; Noir nuit #01060A pour les fonds sombres. | À approuver par Simon et à ajouter à la charte graphique. |
| Composition du CA et titres de l'équipe | Normand Lemieux (président); Guy Trépanier, Marie-Pier Valiquette, Yohan Jalouzot (fonctions à confirmer); Simon Letendre, direction générale (titre à confirmer). | Liste complète, fonctions, graphies, photos et biographies à fournir; consentement de chaque personne à paraître sur le site. |
| Liens utiles | Tourisme A-T, Santé Québec – A-T, UQAT, Cégep A-T, Observatoire A-T. | Liste à compléter; affichage comme « partenaires » seulement après confirmation écrite. |
| Outil d'envoi de l'infolettre | Aucun au lancement : version en ligne + boîte professionnelle pour une petite liste. | Quand un envoi régulier sera confirmé : Cyberimpact (entreprise canadienne, interface en français; offre gratuite jusqu'à 250 contacts avec envois illimités, sans automatisation ni soutien technique, selon sa documentation consultée le 6 octobre 2026) ou un équivalent. À revérifier au choix; vérifier le pays d'hébergement des données. |
| Formulaires des pages de campagne et d'abonnement | Démonstration; mêmes options que le formulaire d'adhésion (question 1 du plan : formulaire du site actuel ou Tally). | Tally gratuit : réponses et export CSV, alerte au propriétaire; courriel de confirmation au répondant réservé à l'offre payante (la double confirmation de l'infolettre exige donc l'outil d'envoi ou l'offre payante). |
| PDF des communiqués | Produit à partir d'un document Word, déposé dans assets/. | Convention de nommage du CRDAT; le PDF et la version web disent la même chose. |
| Adresse postale | « À confirmer » dans le pied des infolettres. | Obligatoire dans chaque message électronique commercial (loi anti-pourriel). |
| Libellés des anneaux | Ceux de la vidéo du 13 septembre (itération pour réflexion), dont « elders ». | À valider avant publication; tout changement exige une nouvelle version de la vidéo. |
| Image de partage | Une image par défaut pour tout le site. | Une image par campagne si on veut un visuel propre; même format 1200 × 630. |
| Mesure d'audience | Aucune. | Facultative; sans témoin; à inscrire dans la politique si elle est ajoutée. |
| Liste des médias | CRM du 3 octobre (22 médias, 72 journalistes). | À tenir à jour; vérifier les adresses avant le premier envoi. |
| Page Facebook | facebook.com/crdat (adresse reprise de la V2). | À confirmer; accès administrateur à vérifier. |
Sources : note de travail de Simon du 25 septembre 2026 (orientations, consentements, limites des offres gratuites), plan simplifié V2 du 25 septembre, prototype V2 du 2 octobre, CRM du 3 octobre (médias), documentation Cyberimpact consultée le 6 octobre 2026. Ce document n'est pas un avis juridique.