Thématiques promotionnelles du GC
Code CSS et/ou Javascript personnalisé à utiliser pour des thématiques promotionnelles du GC. Voir la liste des projets de thématiques promotionnelles ci-dessous.
Du support est offert durant les « code sprint » hebdomadaire de WET-BOEW qui ont lieu à distance tous les mardis après-midis.
Règles pour un projet thématique promotionnel approprié du GC
La plupart des informations recueillies à partir des règles décrites ci-dessus doivent être placées dans un fichier méta accompagné au projet. Voir projet de la fête du Canada comme exemple.
Gardez à l'esprit que toutes les fonctionnalités actives de n'importe quel projet thématique promotionnel du GC vont être fusionnées en un seul fichier CSS et un seul fichier JS, comme les compilations méli-mélo. Ce cadre pour les projets thématiques promotionnels du GC est exclu de l'API publique de GCWeb. Toute modification ou suppression va seulement déclencher une version corrective de GCWeb. Cela signifie que les auteurs sont entièrement responsables mais ne sont pas tenus de documenter les modifications ultérieures qu'ils apporteraient à leur projet.
Approche d'amélioration progressive
Si une fonctionnalité thématique est supprimée d'une page web, cette page ne sera pas brisée et pourra toujours être parcourue sans aucun problème fonctionnel ou de conception ni de problèmes d'accessibilité causés par une telle suppression. Si les fonctionnalités utilisent des utilitaire CSS, ces fonctionnalités devront être documentées via des notes d'implémentation comme les notes d'implémentation de la fête du Canada sur sa page Détails.
Date d'expiration
Une fonctionnalité thématique promotionnelle doit comporter une date d’expiration qui ne dépasse pas un (1) an suivant sa mise en œuvre initiale. Au besoin, une prolongation peut être accordée avec l’accord des parties concernées. Afin de demander une prolongation, le responsable de la thématique doit soumettre une demande officielle à l'Éditeur Principal via le formulaire en ligne du Bureau de service et/ou participer à une séance de consultation aux Heures de service de la BOEW afin de discuter de la demande et d’obtenir une approbation. Lors du processus de renouvellement, l’équipe des responsable de la WET-BOEW peut :
- Demander des preuves supplémentaires pour appuyer la prolongation ;
- Exiger le retrait de certaines sous-fonctionnalités ;
- Proposer la conversion de la thématique en fonctionnalité expérimentale ou son intégration comme fonctionnalité stable.
Note : Il incombe aux responsables de thématiques de connaître la date d’expiration et de la gérer en conséquence. Si aucun intérêt pour un renouvellement n’est exprimé une fois la date d’expiration atteinte ou dépassée, la thématique sera retirée. La thématique corporative par défaut de Canada.ca sera alors automatiquement appliqué lors du chargement des pages.
Fonctionnalité thématique à long terme
Lors du renouvellement d'une thématique, l'équipe WET-BOEW analysera si la fonctionnalité doit devenir ou non une fonctionnalité à long terme. Dans l’éventualité où elle deviendrait une fonctionnalité à long terme, un plan d’action inspiré de la fonctionnalité expérimentale devra être fourni. L'objectif et le résultat exacts seraient adaptés au cas par cas via une discussion et un accord préalable entre toutes les parties prenantes impliquées. Des retards peuvent survenir et sont à prévoir dans de telles situations.
Mesure d'implémentation temporaire
Nous sommes actuellement en train d'adapter notre script de construction pour prendre en charge ces fonctionnalités thématiques promotionnelles du GC de manière autonome. En tant que mesure intérimaire, nous allons utiliser la compilation méli-mélo nommée "gc-thematic" pour permettre aux départements de commencer à utiliser ce cadre pour leurs besoins de campagne promotionnelle du GC.
Liste actuelle des projets thématiques promotionnels du GC
- Empathy theme - (Exp. November 30, 2026)
- CSS:
empathy - CSS:
btn-empathy - CSS:
text-empathy - JS:
init - on detection of .provisional.gc-empathy
- CSS:
- Vitality theme - (Exp. November 30, 2026)
- CSS:
vitality - CSS:
btn-vitality - CSS:
text-vitality - CSS:
bg-vitality
- CSS:
- Zero Emission Vehicles (ZEV) Theme - (Exp. May 31, 2026)
- CSS:
bg-zev-purple - CSS:
bg-zev-green - CSS:
btn-zev-purple - CSS:
btn-zev-green - CSS:
panel-zev-green - CSS:
panel-zev-purple
- CSS:
- Canada Day theme - (Exp. June 30, 2024)
- CSS:
bg-canadaday - CSS:
panel-canadaday - CSS:
brdr-canadaday - CSS:
bg-canadaday-beige - CSS:
canadaday - CSS:
panel-canadaday-card - CSS:
panel-canadaday-card-compact
- CSS:
- Choose Canada theme - (Exp. March 30, 2026)
- CSS:
choose-canada-banner - CSS:
choose-canada-card - CSS:
card-body (scope: choose-canada-card) - CSS:
card-title (scope: choose-canada-card)
- CSS:
- Winterlude theme - (Exp. February 1, 2026)
- CSS:
bg-winterlude - CSS:
panel-winterlude - CSS:
brdr-winterlude - CSS:
bg-winterlude-lightblue - CSS:
winterlude
- CSS:
Liste de toutes les classes CSS par ordre alphabétique
bg-canadadaybg-canadaday-beigebg-vitalitybg-winterludebg-winterlude-lightbluebg-zev-greenbg-zev-purplebrdr-canadadaybrdr-winterludebtn-empathybtn-vitalitybtn-zev-greenbtn-zev-purplecanadadaycard-body (scope: choose-canada-card)card-title (scope: choose-canada-card)choose-canada-bannerchoose-canada-cardempathypanel-canadadaypanel-canadaday-cardpanel-canadaday-card-compactpanel-winterludepanel-zev-greenpanel-zev-purpletext-empathytext-vitalityvitalitywinterlude
Liste de toutes les fonctions JavaScript par ordre alphabétique
init - on detection of .provisional.gc-empathy}
Fichier méta des thèmes promotionnels du GC
---
feature: thématique
lang: en
title: Titre de l'utilisation thématique
description: Brève description du style ajouté
componentName: th-thematicName
expiry: Mois DD, YYYY
cssClass:
- Liste des classes CSS
jsFunctions:
- Liste des fonctions JavaScript
a11yStatement: >
Déclaration d'accessibilité, décrivez ce qui a été testé, incluez toutes les remarques/instructions à suivre par les implémenteurs pour maintenir la conformité en matière d'accessibilité, pendant et après l'expiration thématique.
Testé par (Nom de la personne - AAAA-MM-JJ).
peNote:
- Notes et instructions d'amélioration progressive
pages:
examples:
- title: Titre de la page
language: en
path: index.html
sponsor: Département - Nom du représentant (@ nom d'utilisateur GitHub)
output: false
---
feature- Obligatoire : Doit avoir la valeur exacte
thématique title- Obligatoire : Nom technique du projet
expiry- Obligatoire : Date d'expiration à laquelle la fonctionnalité du projet peut être enlevée en toute sécurité
output- Obligatoire : Doit avoir la valeur exacte
false a11yStatement- Obligatoire : Déclaration de conformité en matière d'accessibilité
sponsor- Obligatoire : Nom du ministère parrain et nom du représentant avec point de contact
pages- Obligatoire : Liste des pages d'exemple pour la thématique
peNote- Optionnel : Remarque et instructions pour implémenter le thème suivant l'approche de conception d'amélioration progressive
cssClass- Optionnel : Tableau des noms de classes CSS que le projet définit
jsFunctions- Optionnel : Tableau des noms de fonctions JavaScript publiques que le projet définit
Voir aussi : fonctionnalités méli-mélo pour le code personnalisé étant dans un stade préliminaire d'expérimentation.
Détails de la page
- Date de modification :