diff --git a/_data/sites.json b/_data/sites.json
index a05249f37f..cb58a4fa6f 100644
--- a/_data/sites.json
+++ b/_data/sites.json
@@ -445,9 +445,10 @@
"en": "Indicates the location of the current page in relation to its parent in the site structure to reinforce a visitor’s current location in the Canada.ca user navigation model.",
"fr": "L’objectif du fil d'Ariane est de renforcer l’emplacement actuel des visiteurs dans le modèle de navigation de l’utilisateur du site Canada.ca."
},
- "modified": "2023-09-06",
+ "modified": "2024-08-01",
"componentName": "breadcrumbs",
"status": "stable",
+ "version": "2.0",
"pages": {
"docs": [
{
@@ -461,7 +462,186 @@
"path": "breadcrumbs-fr.html"
}
]
- }
+ },
+ "dependencies": "No dependency.",
+ "a11yGuidance": "No accessibility guidance",
+ "variations": [
+ {
+ "name": {
+ "en": "Breadcrumb trail - default",
+ "fr": "Fil d'Ariane - par défaut"
+ },
+ "status": "stable",
+ "description": {
+ "en": "The breadcrumb trail is a horizontal series of links that gives people a sense of where they are in relation to Canada.ca's navigation model. It represents the location of a page in relation to its parent and provides a clear way to navigate to higher levels in the site structure.",
+ "fr": "Le fil d’Ariane est une série horizontale de liens qui permet aux gens de se situer par rapport au modèle de navigation du site Canada.ca. Il représente l’emplacement d’une page par rapport à son parent et donne un moyen clair de naviguer vers les niveaux supérieurs de la structure du site."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/breadcrumb-trail.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/fil-ariane.html"
+ },
+ "iteration": "_:iteration_bc_3",
+ "example": [
+ {
+ "en": { "href": "../../content-page/content-en.html", "text": "Content page (breadcrumb trail at top of page)" },
+ "fr": { "href": "../../content-page/content-fr.html", "text": "Page de contenu (fil d'Ariane au haut de la page)" }
+ }
+ ],
+ "implementation": [
+ "_:implement_bc"
+ ],
+ "history": [
+ {
+ "en": "August 2024 - Removing container from the breadcrumb trail.",
+ "fr": "Août 2024 - Retrait du conteneur situé à l'intérieur du fil d'Ariane."
+ },
+ {
+ "en": "March 2023 - Updating icon between breadcrumb items.",
+ "fr": "Mars 2023 - Mise à jour de l'icône entre les items du fil d'Ariane."
+ },
+ {
+ "en": "January 2020 - Start of components version tracking.",
+ "fr": "Janvier 2020 - Début du suivi de version des composants."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_bc",
+ "iteration": "_:iteration_bc_3",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the code sample below.",
+ "The first item is always “Canada.ca”, which always links to the Canada.ca home page in the current language",
+ "The current page is never displayed at the end of the breadcrumb trail",
+ "Use a chevron right icon () to separate levels",
+ "Longer page titles are to be shortened where possible to reduce the space required to display the trail"
+ ],
+ "fr": [
+ "Référez-vous à l'exemple de code ci-dessous.",
+ "Le fil d'Ariane commence toujours par « Canada.ca », qui est toujours un lien vers la page d'accueil de Canada.ca dans la langue actuelle.",
+ "La page en cours n’est jamais affichée à la fin de la piste de navigation.",
+ "Utilisez une icône de chevron à droite () pour séparer les niveaux",
+ "Les longs titres de page doivent être raccourcis dans la mesure du possible, pour permettre de réduire l’espace horizontal nécessaire pour afficher la piste."
+ ]
+ },
+ "notes": {
+ "en": [
+ "Each page or section name on the Canada.ca site should be associated with a shortened version of the name, for the purposes of breadcrumb and other navigation systems. For example, when on the “Planning a business” page in the Business and industry theme, the breadcrumb trail will be: Canada.ca > Business > Starting a business",
+ "The page title should not be included within the breadcrumbs list items."
+ ],
+ "fr": [
+ "Le nom de chaque page ou section dans le site Canada.ca doit être associé à une version raccourcie du nom, aux fins du fil d'Ariane et d’autres systèmes de navigation. Par exemple, lorsqu'une personne est sur la page « Planification d'entreprise » dans le thème « Entreprises et industrie » le fil d'Ariane sera : Canada.ca > Entreprises > Lancer une entreprise",
+ "Le titre de la page ne dois pas être inclus parmis la liste de fil d'arianne."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": ""
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code :",
+ "code": ""
+ }
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_bc_3",
+ "name": "Breadcrumb trail - Iteration 3",
+ "date": "2020-08",
+ "detectableBy": "#wb-bc:not(:has(.container))",
+ "breaking": [
+ "The container has been removed."
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": ""
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_bc_2",
+ "name": "Breadcrumb trail - Iteration 2",
+ "date": "2023-03",
+ "detectableBy": "#wb-bc",
+ "fixes": [
+ "Styles: changing levels separator from a greater-than sign (>) to a chevron right icon"
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": ""
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_bc_1",
+ "name": "Breadcrumb trail - Iteration 1",
+ "date": "2020-01",
+ "detectableBy": "#wb-bc",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": ""
+ }
+ ]
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_bc",
+ "name": "Breadcrumb trail",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_bc_3",
+ "detectableBy": "#wb-bc:not(:has(.container))",
+ "layout": "The breadcrumb items are displayed horizontally.",
+ "semantic": "nav > h2 + (ol > li*n > (a + meta[property=position]))",
+ "static": [
+ "You are here:",
+ "Vous êtes ici :"
+ ],
+ "schema": [
+ "Array of breadcrumb item objects containing the following properties:",
+ "STRING: name",
+ "STRING: url"
+ ],
+ "style": "The levels separator is a chevron right icon.",
+ "include": {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Include with logic in Liquid.",
+ "code": {
+ "@type": [ "@id", "rdf:HTML" ],
+ "@value": "includes/breadcrumbs.html"
+ }
+ }
+ }
+ ]
}
,{
"@context": {
@@ -2023,7 +2203,7 @@
},
"modified": "2023-10-25",
"componentName": "gcweb-menu",
- "status": "stable",
+ "status": "demoted",
"pages": {
"docs": [
{
@@ -2049,14 +2229,16 @@
},
"title": {
"en": "Header",
- "fr": "Entête"
+ "fr": "En-tête"
},
"description": {
"en": "Documentation on how to use the header.",
"fr": "Documentation sur l'utilisation de l'entête."
},
- "modified": "2024-03-29",
+ "version": "4.0",
+ "modified": "2024-08-01",
"componentName": "header",
+ "componentType": "container",
"status": "stable",
"pages": {
"docs": [
@@ -2093,7 +2275,397 @@
"path": "reports/a11y-8-fr.html"
}
]
- }
+ },
+ "dependencies": {
+ "en": [
+ { "title": "Language toggle link", "url": "https://wet-boew.github.io/GCWeb/sites/language/language-en.html", "component": "language" },
+ { "title": "Breadcrumb trail", "url": "https://wet-boew.github.io/GCWeb/sites/breadcrumbs/breadcrumbs-en.html", "component": "breadcrumbs" },
+ { "title": "Authentication patterns", "url": "https://wet-boew.github.io/GCWeb/sites/authentication/authentication-en.html", "component": "authentication" }
+ ],
+ "fr": [
+ { "title": "Lien pour changer de langue", "url": "https://wet-boew.github.io/GCWeb/sites/language/language-fr.html", "component": "language" },
+ { "title": "Fil d'Ariane", "url": "https://wet-boew.github.io/GCWeb/sites/breadcrumbs/breadcrumbs-fr.html", "component": "breadcrumbs" },
+ { "title": "Modèles d'authentification", "url": "https://wet-boew.github.io/GCWeb/sites/authentication/authentication-fr.html", "component": "authentication" }
+ ]
+ },
+ "a11yGuidance": "no accessibility guidance",
+ "variations": [
+ {
+ "name": {
+ "en": "Header",
+ "fr": "En-tête"
+ },
+ "status": "stable",
+ "description": {
+ "en": "This component may contain the following components: Language toggle link, Breadcrumb trail, and Authentication patterns. It also contains the following untracked elements: Branding and Search",
+ "fr": "Ce composant peut contenir les composants suivants : Lien pour changer de langue, Fil d'Ariane et Modèles d'authentification. Il contient également les éléments non suivis suivants : Image de marque et Recherche"
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/global-header.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/en-tete-general.html"
+ },
+ "iteration": "_:iteration_header_4",
+ "example": [
+ {
+ "en": { "href": "../../templates/content-page/content-en.html", "text": "Content page" },
+ "fr": { "href": "../../templates/content-page/content-fr.html", "text": "Page de contenu" }
+ },
+ {
+ "en": { "href": "../authentication/contextual-signin-en.html", "text": "Content page including Authentication section" },
+ "fr": { "href": "../authentication/contextual-signin-en.html", "text": "Page de contenu incluant la section d'authentification" }
+ }
+ ],
+ "implementation": [
+ "_:implement_header",
+ "_:implement_header_3_to_4",
+ "_:implement_header_gcweb"
+ ],
+ "history": [
+ {
+ "en": "August 2024 - The GCWeb menu has been removed. The Breadcrumbs container has been moved to the Header component",
+ "fr": "Août 2024 - Le Menu GCWeb a été retiré. Le conteneur anciennement situé dans le composant Fil d'Ariane a été déplacé vers le composant En-tête."
+ },
+ {
+ "en": "October 2022 - Changed Menu column to make consistent whether there is a Sign in button or not (always col-md-8). Changed the value for col-xs-5 and col-xs-offset-7 have been adjusted to a \"6\" so the button text doesn't break and stays on one line for every viewport.",
+ "fr": "Octobre 2022 - Colonne de menu modifiée pour rendre cohérent s'il y a ou non un bouton d'authentification (toujours col-md-8). La valeur de col-xs-5 et col-xs-offset-7 a été modifiée à \"6\" afin que le texte du bouton ne soit pas coupé et reste sur une ligne pour toutes les largeurs d'écran."
+ },
+ {
+ "en": "May 2022 - The container has been moved outside of the GCWeb menu component.",
+ "fr": "Mai 2022 - Le conteneur a été déplacé à l'extérieur du composant Menu GCWeb."
+ },
+ {
+ "en": "June 2020 - Initial implementation of the variation.",
+ "fr": "Juin 2020 - Implémentation initiale de la variante."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_header",
+ "iteration": "_:iteration_header_4",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the code sample below."
+ ],
+ "fr": [
+ "Référez-vous à l'exemple de code ci-dessous."
+ ]
+ },
+ "notes": {
+ "en": [
+ "As of version 4.0, the Header no longer includes the GCWeb menu.",
+ "As of version 4.0, the container located in the Breadcrumbs component has been removed and the Breadrumb component has been moved to the container located right after the <hr>."
+ ],
+ "fr": [
+ "Depuis la version 4.0, l'En-tête n'inclut plus le menu GCWeb.",
+ "Depuis la version 4.0, le conteneur situé dans le composant Fil d'Ariane a été retiré et le composant Fil d'Ariane a été déplacé à l'intérieur du conteneur situé juste après le <hr>."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": "\n\t
\n"
+ }
+ ]
+ }
+ },
+ {
+ "@id": "_:implement_header_3_to_4",
+ "iteration": "_:iteration_header_4",
+ "name": {
+ "en": "Migrating from v3.0 to v4.0",
+ "fr": "Migration de v3.0 vers v4.0"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers or publishers trying to migrate their page from using the page details version 3.0 to 4.0.",
+ "fr": "Cette implémentation est destinée aux développeurs ou aux éditeurs qui tentent de migrer leur page de la version 3.0 vers la version 4.0."
+ },
+ "instructions": {
+ "en": [
+ "Remove the <div class=\"row\"> from inside the <div class=\"container\"> located right after the <hr>.",
+ "Remove the <nav class=\"gcweb-menu\">.",
+ "Remove the <div class=\"container\"> from inside the <nav id=\"wb-bc\">.",
+ "Move the <nav id=\"wb-bc\"> inside the <div class=\"container\"> located right after the <hr>."
+ ],
+ "fr": [
+ "Supprimez le <div class=\"row\"> situé à l'intérieur du <div class=\"container\"> situé juste après le <hr>.",
+ "Supprimez le <nav class=\"gcweb-menu\">.",
+ "Supprimez le <div class=\"container\"> situé à l'intérieur du <nav id=\"wb-bc\">.",
+ "Déplacez le <nav id=\"wb-bc\"> à l'intérieur du <div class=\"container\"> situé juste après le <hr>."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Version 3.0:",
+ "code": "\n\t
The purpose of the breadcrumb trail is to reinforce a visitor’s current location in the Canada.ca user navigation model. It indicates the location of the current page in relation to its parent in the site structure. It also provides a simple method to navigate to higher levels in the site structure.
-
-
Evaluation and report
-
There is no evaluation and report available for this component.
Here is a list of changes that happened since the previous iteration:
-
-
-
Breaking
-
n/a
-
-
-
Additions
-
n/a
-
-
-
Fixes
-
-
-
Styles: changing levels separator from a greater-than sign (>) to a chevron right icon ()
-
-
-
-
-
-
Working example(s)
-
Refer to the breadcrumb trail at the top of this page.
-
-
How to implement
-
-
The first item is always “Canada.ca”, which always links to the Canada.ca home page in the current language
-
The current page is never displayed at the end of the breadcrumb trail
-
Use a chevron right icon () to separate levels
-
Longer page titles are to be shortened where possible to reduce the space required to display the trail
-
-
Each page or section name on the Canada.ca site should be associated with a shortened version of the name, for the purposes of breadcrumb and other navigation systems.
-
For example, when on the “Planning a business” page in the Business and industry theme, the breadcrumb trail will be:
-
Canada.ca > Business > Starting a business
-
Note: GCWeb vX.0 are no longuer compatible with the pre 2019 megamenu pattern (GCWEB v4.x) that was taking the full page width.
-
Recommendation: The page title should not be included within the breadcrumbs list items.
-
-
Code sample (same as iteration 1)
-
Here is the html output with structured data in RDFa format for the above breadcrumb example:
L’objectif du fil d'Ariane est de renforcer l’emplacement actuel des visiteurs dans le modèle de navigation de l’utilisateur du site Canada.ca. Il indique l’emplacement de la page actuelle par rapport à son parenr dans la structure du site. Il fournit également aux utilisateurs une méthode simple pour accéder à des sections supérieures de la structure du site.
-
-
Évaluation et rapport
-
Il n'y a pas d'évaluation ni de rapport disponible pour cette composante.
Voici une liste des changements qui se sont produits depuis l'itération précédente :
-
-
-
Majeurs
-
n/a
-
-
-
Additions
-
n/a
-
-
-
Correctifs
-
-
-
Styles: Modification du séparateur de niveaux d'un signe « plus grand que » (>) à une icône de chevron à droite ()
-
-
-
-
-
-
Exemple(s) pratique(s)
-
Veuillez vous référer au fil d'Ariane au haut de cette page.
-
-
Comment mettre en œuvre
-
-
Le fil d'Ariane commence toujours par « Canada.ca », qui est toujours un lien vers la page d'accueil de Canada.ca dans la langue actuelle.
-
La page en cours n’est jamais affichée à la fin de la piste de navigation.
-
Utilisez une icône de chevron à droite () pour séparer les niveaux
-
Les longs titres de page doivent être raccourcis dans la mesure du possible, pour permettre de réduire l’espace horizontal nécessaire pour afficher la piste.
-
-
Le nom de chaque page ou section dans le site Canada.ca doit être associé à une version raccourcie du nom, aux fins du fil d'Ariane et d’autres systèmes de navigation.
-
Par exemple, lorsqu'une personne est sur la page « Planification d'entreprise » dans le thème « Entreprises et industrie » le fil d'Ariane sera :
-
Canada.ca > Entreprises > Lancer une entreprise
-
Note: GCWeb vX.0 n'est plus compatible avec le modèle de mégamenu antérieur à 2019 (GCWEB v4.x) qui prenait toute la largeur de la page.
-
Recommendation: Le titre de la page ne dois pas être inclus parmis la liste de fil d'arianne.
-
-
Exemple de code (identique à l'itération 1)
-
Voici la sortie html avec des données structurées au format RDFa pour l'exemple de fil d'Ariane ci-dessus :
Voici la sortie html avec des données structurées au format RDFa pour l'exemple de fil d'Ariane ci-dessus :
- {%- highlight html -%}
-
- {%- endhighlight -%}
-
diff --git a/sites/breadcrumbs/includes/breadcrumbs.html b/sites/breadcrumbs/includes/breadcrumbs.html
index 2272334e81..709c4b4d35 100644
--- a/sites/breadcrumbs/includes/breadcrumbs.html
+++ b/sites/breadcrumbs/includes/breadcrumbs.html
@@ -1,30 +1,17 @@
{%- unless page.pageclass contains "home" or page.breadcrumbs == false or layout.breadcrumbs == false -%}
{% endunless %}
diff --git a/sites/breadcrumbs/index.json-ld b/sites/breadcrumbs/index.json-ld
index 35675ba972..08f5191bc5 100644
--- a/sites/breadcrumbs/index.json-ld
+++ b/sites/breadcrumbs/index.json-ld
@@ -14,9 +14,10 @@
"en": "Indicates the location of the current page in relation to its parent in the site structure to reinforce a visitor’s current location in the Canada.ca user navigation model.",
"fr": "L’objectif du fil d'Ariane est de renforcer l’emplacement actuel des visiteurs dans le modèle de navigation de l’utilisateur du site Canada.ca."
},
- "modified": "2023-09-06",
+ "modified": "2024-08-01",
"componentName": "breadcrumbs",
"status": "stable",
+ "version": "2.0",
"pages": {
"docs": [
{
@@ -30,5 +31,184 @@
"path": "breadcrumbs-fr.html"
}
]
- }
+ },
+ "dependencies": "No dependency.",
+ "a11yGuidance": "No accessibility guidance",
+ "variations": [
+ {
+ "name": {
+ "en": "Breadcrumb trail - default",
+ "fr": "Fil d'Ariane - par défaut"
+ },
+ "status": "stable",
+ "description": {
+ "en": "The breadcrumb trail is a horizontal series of links that gives people a sense of where they are in relation to Canada.ca's navigation model. It represents the location of a page in relation to its parent and provides a clear way to navigate to higher levels in the site structure.",
+ "fr": "Le fil d’Ariane est une série horizontale de liens qui permet aux gens de se situer par rapport au modèle de navigation du site Canada.ca. Il représente l’emplacement d’une page par rapport à son parent et donne un moyen clair de naviguer vers les niveaux supérieurs de la structure du site."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/breadcrumb-trail.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/fil-ariane.html"
+ },
+ "iteration": "_:iteration_bc_3",
+ "example": [
+ {
+ "en": { "href": "../../content-page/content-en.html", "text": "Content page (breadcrumb trail at top of page)" },
+ "fr": { "href": "../../content-page/content-fr.html", "text": "Page de contenu (fil d'Ariane au haut de la page)" }
+ }
+ ],
+ "implementation": [
+ "_:implement_bc"
+ ],
+ "history": [
+ {
+ "en": "August 2024 - Removing container from the breadcrumb trail.",
+ "fr": "Août 2024 - Retrait du conteneur situé à l'intérieur du fil d'Ariane."
+ },
+ {
+ "en": "March 2023 - Updating icon between breadcrumb items.",
+ "fr": "Mars 2023 - Mise à jour de l'icône entre les items du fil d'Ariane."
+ },
+ {
+ "en": "January 2020 - Start of components version tracking.",
+ "fr": "Janvier 2020 - Début du suivi de version des composants."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_bc",
+ "iteration": "_:iteration_bc_3",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the code sample below.",
+ "The first item is always “Canada.ca”, which always links to the Canada.ca home page in the current language",
+ "The current page is never displayed at the end of the breadcrumb trail",
+ "Use a chevron right icon () to separate levels",
+ "Longer page titles are to be shortened where possible to reduce the space required to display the trail"
+ ],
+ "fr": [
+ "Référez-vous à l'exemple de code ci-dessous.",
+ "Le fil d'Ariane commence toujours par « Canada.ca », qui est toujours un lien vers la page d'accueil de Canada.ca dans la langue actuelle.",
+ "La page en cours n’est jamais affichée à la fin de la piste de navigation.",
+ "Utilisez une icône de chevron à droite () pour séparer les niveaux",
+ "Les longs titres de page doivent être raccourcis dans la mesure du possible, pour permettre de réduire l’espace horizontal nécessaire pour afficher la piste."
+ ]
+ },
+ "notes": {
+ "en": [
+ "Each page or section name on the Canada.ca site should be associated with a shortened version of the name, for the purposes of breadcrumb and other navigation systems. For example, when on the “Planning a business” page in the Business and industry theme, the breadcrumb trail will be: Canada.ca > Business > Starting a business",
+ "The page title should not be included within the breadcrumbs list items."
+ ],
+ "fr": [
+ "Le nom de chaque page ou section dans le site Canada.ca doit être associé à une version raccourcie du nom, aux fins du fil d'Ariane et d’autres systèmes de navigation. Par exemple, lorsqu'une personne est sur la page « Planification d'entreprise » dans le thème « Entreprises et industrie » le fil d'Ariane sera : Canada.ca > Entreprises > Lancer une entreprise",
+ "Le titre de la page ne dois pas être inclus parmis la liste de fil d'arianne."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": ""
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code :",
+ "code": ""
+ }
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_bc_3",
+ "name": "Breadcrumb trail - Iteration 3",
+ "date": "2020-08",
+ "detectableBy": "#wb-bc:not(:has(.container))",
+ "breaking": [
+ "The container has been removed."
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": ""
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_bc_2",
+ "name": "Breadcrumb trail - Iteration 2",
+ "date": "2023-03",
+ "detectableBy": "#wb-bc",
+ "fixes": [
+ "Styles: changing levels separator from a greater-than sign (>) to a chevron right icon"
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": ""
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_bc_1",
+ "name": "Breadcrumb trail - Iteration 1",
+ "date": "2020-01",
+ "detectableBy": "#wb-bc",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": ""
+ }
+ ]
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_bc",
+ "name": "Breadcrumb trail",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_bc_3",
+ "detectableBy": "#wb-bc:not(:has(.container))",
+ "layout": "The breadcrumb items are displayed horizontally.",
+ "semantic": "nav > h2 + (ol > li*n > (a + meta[property=position]))",
+ "static": [
+ "You are here:",
+ "Vous êtes ici :"
+ ],
+ "schema": [
+ "Array of breadcrumb item objects containing the following properties:",
+ "STRING: name",
+ "STRING: url"
+ ],
+ "style": "The levels separator is a chevron right icon.",
+ "include": {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Include with logic in Liquid.",
+ "code": {
+ "@type": [ "@id", "rdf:HTML" ],
+ "@value": "includes/breadcrumbs.html"
+ }
+ }
+ }
+ ]
}
diff --git a/sites/breadcrumbs/samples/breadcrumbs-v1-en.html b/sites/breadcrumbs/samples/breadcrumbs-v1-en.html
new file mode 100644
index 0000000000..0aac0cbccc
--- /dev/null
+++ b/sites/breadcrumbs/samples/breadcrumbs-v1-en.html
@@ -0,0 +1,19 @@
+
diff --git a/sites/breadcrumbs/samples/breadcrumbs-v1-fr.html b/sites/breadcrumbs/samples/breadcrumbs-v1-fr.html
new file mode 100644
index 0000000000..1e83b7bd3d
--- /dev/null
+++ b/sites/breadcrumbs/samples/breadcrumbs-v1-fr.html
@@ -0,0 +1,19 @@
+
diff --git a/sites/gcweb-menu/gcweb-menu-docs-en.html b/sites/gcweb-menu/gcweb-menu-docs-en.html
index 33f89968fb..3e4d919453 100644
--- a/sites/gcweb-menu/gcweb-menu-docs-en.html
+++ b/sites/gcweb-menu/gcweb-menu-docs-en.html
@@ -12,13 +12,18 @@
Status
-
Stable
+
Demoted
Type
Canada.ca site functionality
Last review
-
2024-06-21
+
2024-08-01
+
+
GCWeb menu demoted
+
As of version 15.5.0 of GCWeb, the GCWeb menu has been demoted. The header version 4.0 should be used where the GCWeb menu has been removed.
+
+
Purpose
This is the main menu for navigating throughout various sections of Canada.ca.
Depuis la version 15.5.0 de GCWeb, le menu GCWeb a été rétrogradé. La version de l'en-tête 4.0 doit être utilisée dans laquelle le menu GCWeb a été supprimé.
+
+
Objectif
Menu principal afin de naviguer les diverses sections de Canada.ca.
- {% if page.altLangPage %}{% include language/inc-languagetoggle.html %}{% endif %}
+ {% if page.altLangPage %}{% include language/languagetoggle.html %}{% endif %}
{% include headers-includes/brand.html %}
{% unless page.nositesearch %}{% include headers-includes/sitesearch.html %}{% endunless %}
@@ -55,7 +57,7 @@
{%- endif -%}
- {% include breadcrumbs/breadcrumbs.html %}
+ {% include sites/breadcrumbs/breadcrumbs-v1-en.html %}
{%- capture page-title -%}
{%- if page.titleH1 -%}
diff --git a/sites/header/deprecated/header-auth-v2.html b/sites/header/deprecated/header-auth-v2.html
index b396edb54d..a9c0be80f6 100644
--- a/sites/header/deprecated/header-auth-v2.html
+++ b/sites/header/deprecated/header-auth-v2.html
@@ -7,7 +7,8 @@
"link": "#",
"label": "My Account",
"labelExtended": "Sign in to [account name]"
- }
+ },
+ "altLangPage": "#"
}
---
{%- include variable-core.liquid -%}
@@ -36,7 +37,7 @@
- {% if page.altLangPage %}{% include language/inc-languagetoggle.html %}{% endif %}
+ {% if page.altLangPage %}{% include language/languagetoggle.html %}{% endif %}
{% include headers-includes/brand.html %}
{% unless page.nositesearch %}{% include headers-includes/sitesearch.html %}{% endunless %}
@@ -67,7 +68,7 @@
{%- endif -%}
- {% include breadcrumbs/breadcrumbs.html %}
+ {% include sites/breadcrumbs/breadcrumbs-v1-en.html %}
{%- capture page-title -%}
{%- if page.titleH1 -%}
diff --git a/sites/header/deprecated/header-v1.html b/sites/header/deprecated/header-v1.html
index c726bb0f85..30929186b1 100644
--- a/sites/header/deprecated/header-v1.html
+++ b/sites/header/deprecated/header-v1.html
@@ -1,7 +1,8 @@
---
{
"layout": null,
- "title": "Header version 1.0"
+ "title": "Header version 1.0",
+ "altLangPage": "#"
}
---
{%- include variable-core.liquid -%}
@@ -39,7 +40,7 @@
{% include gcweb-menu/sitemenu-v2.html %}
{%- endunless -%}
- {% include breadcrumbs/breadcrumbs.html %}
+ {% include sites/breadcrumbs/breadcrumbs-v1-en.html %}
diff --git a/sites/header/deprecated/header-v2.html b/sites/header/deprecated/header-v2.html
index d4ee3d0525..c50a1beaa4 100644
--- a/sites/header/deprecated/header-v2.html
+++ b/sites/header/deprecated/header-v2.html
@@ -1,7 +1,8 @@
---
{
"layout": null,
- "title": "Header version 2.0"
+ "title": "Header version 2.0",
+ "altLangPage": "#"
}
---
{%- include variable-core.liquid -%}
@@ -30,7 +31,7 @@
- {% if page.altLangPage %}{% include language/inc-languagetoggle.html %}{% endif %}
+ {% if page.altLangPage %}{% include language/languagetoggle.html %}{% endif %}
{% include headers-includes/brand.html %}
{% unless page.nositesearch %}{% include headers-includes/sitesearch.html %}{% endunless %}
@@ -61,7 +62,7 @@
{%- endif -%}
- {% include breadcrumbs/breadcrumbs.html %}
+ {% include sites/breadcrumbs/breadcrumbs-v1-en.html %}
{%- capture page-title -%}
{%- if page.titleH1 -%}
diff --git a/sites/header/header-docs-en.html b/sites/header/header-docs-en.html
index 8b7003f74a..1708d06a98 100644
--- a/sites/header/header-docs-en.html
+++ b/sites/header/header-docs-en.html
@@ -3,473 +3,9 @@
"title": "Header",
"language": "en",
"altLangPage": "header-docs-fr.html",
- "secondlevel": false,
- "dateModified": "2022-11-01",
- "share": "true"
+ "dateModified": "2024-08-01",
+ "layout": "documentation",
+ "index_json": "index.json-ld",
+ "description": "The global header is at the top of each web page from the Government of Canada."
}
---
-
-
-
-
Status
-
Stable
-
Type
-
Canada.ca site functionality
-
Last review
-
2022-08-31
-
-
-
Purpose
-
Displays the portion of the header section that's underneath the banner.
This version requires the implementation of the gcweb-menu version 3.0 where the <div class="container"> has been relocated in the header so outside the "gcweb-menu" component.
-
-
Here is a code sample showing all the commonly included components where some may require some customization by your web content management system such as the breadcrumb component.
The difference with version 3.0 is the value for col-xs-5 and col-xs-offset-7 have been adjusted to a "6" so the button text don't brake and stays on one line for every viewports from extra-extra-small to extra-large (xxs, xxs, sm, md, lg and xl).
The header version 3.0 including the authentication section is deprecated but still supported and requires the implementation of the gcweb-menu version 2.0 where the <div class="container"> has been relocated in the header so outside the "gcweb-menu" component.
The header version 2.0 is deprecated but still supported and requires the implementation of the gcweb-menu version 2.0 where the <div class="container"> has been relocated in the header so outside the "gcweb-menu" component.
This version requires the implementation of the gcweb-menu version 2.0 where the <div class="container"> has been relocated in the header so outside the "gcweb-menu" component.
Cette version requière l'implémentation de la version 3.0 du menu GCWeb ou le code <div class="container"> a été relocalisé dans l'en-tête donc l'extérieur du composant "gcweb-menu".
-
-
Voici un exemple de code démontrant tous les composants communs inclus, d'où quelques-uns nécessitent une configuration par votre système de gestion de contenu web tel que le composant du fil d'Ariane.
Incluant la section d'authentification (optionnelle)
-
La différence avec la verion 3.0 est que la valeur pour col-xs-5 et col-xs-offset-7 a été ajusté à un "6" afin que le texte du bouton ne brise pas et demeure sur une seule ligne pour toutes les fenêtre d'affichage d'extra-extra-petite à extra-large (xs, xxs, sm, md, lg et xl).
Incluant la section d'authentification (optionnelle)
-
La version 3.0 de l'en-tête incluant la section d'authentification est obsolète mais toujours supportée et requière l'implémentation de la version 2.0 du menu GCWeb ou le code <div class="container"> a été relocalisé dans l'en-tête donc l'extérieur du composant "gcweb-menu".
La version 2.0 de l'en-tête est obsolète mais toujours supportée et requière l'implémentation de la version 2.0 du menu GCWeb ou le code <div class="container"> a été relocalisé dans l'en-tête donc l'extérieur du composant "gcweb-menu".
Cette version requière l'implémentation de la version 2.0 du menu GCWeb ou le code <div class="container"> a été relocalisé dans l'en-tête donc l'extérieur du composant "gcweb-menu".
- {% include authentication/authentication.html %}
-
- {%- endif -%}
-
+ {% include breadcrumbs/breadcrumbs.html %}
+ {%- if page.auth -%}
+ {% include authentication/authentication.html %}
+ {%- endif -%}
{% endunless %}
- {% include breadcrumbs/breadcrumbs.html %}
+ {% if page.layout == "application" %}
+
+ {% include breadcrumbs/breadcrumbs.html %}
+
+ {% endif %}
diff --git a/sites/header/index.json-ld b/sites/header/index.json-ld
index 72bd04d112..cb3121ef3d 100644
--- a/sites/header/index.json-ld
+++ b/sites/header/index.json-ld
@@ -8,14 +8,16 @@
},
"title": {
"en": "Header",
- "fr": "Entête"
+ "fr": "En-tête"
},
"description": {
"en": "Documentation on how to use the header.",
"fr": "Documentation sur l'utilisation de l'entête."
},
- "modified": "2024-03-29",
+ "version": "4.0",
+ "modified": "2024-08-01",
"componentName": "header",
+ "componentType": "container",
"status": "stable",
"pages": {
"docs": [
@@ -52,5 +54,395 @@
"path": "reports/a11y-8-fr.html"
}
]
- }
+ },
+ "dependencies": {
+ "en": [
+ { "title": "Language toggle link", "url": "https://wet-boew.github.io/GCWeb/sites/language/language-en.html", "component": "language" },
+ { "title": "Breadcrumb trail", "url": "https://wet-boew.github.io/GCWeb/sites/breadcrumbs/breadcrumbs-en.html", "component": "breadcrumbs" },
+ { "title": "Authentication patterns", "url": "https://wet-boew.github.io/GCWeb/sites/authentication/authentication-en.html", "component": "authentication" }
+ ],
+ "fr": [
+ { "title": "Lien pour changer de langue", "url": "https://wet-boew.github.io/GCWeb/sites/language/language-fr.html", "component": "language" },
+ { "title": "Fil d'Ariane", "url": "https://wet-boew.github.io/GCWeb/sites/breadcrumbs/breadcrumbs-fr.html", "component": "breadcrumbs" },
+ { "title": "Modèles d'authentification", "url": "https://wet-boew.github.io/GCWeb/sites/authentication/authentication-fr.html", "component": "authentication" }
+ ]
+ },
+ "a11yGuidance": "no accessibility guidance",
+ "variations": [
+ {
+ "name": {
+ "en": "Header",
+ "fr": "En-tête"
+ },
+ "status": "stable",
+ "description": {
+ "en": "This component may contain the following components: Language toggle link, Breadcrumb trail, and Authentication patterns. It also contains the following untracked elements: Branding and Search",
+ "fr": "Ce composant peut contenir les composants suivants : Lien pour changer de langue, Fil d'Ariane et Modèles d'authentification. Il contient également les éléments non suivis suivants : Image de marque et Recherche"
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/global-header.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/en-tete-general.html"
+ },
+ "iteration": "_:iteration_header_4",
+ "example": [
+ {
+ "en": { "href": "../../templates/content-page/content-en.html", "text": "Content page" },
+ "fr": { "href": "../../templates/content-page/content-fr.html", "text": "Page de contenu" }
+ },
+ {
+ "en": { "href": "../authentication/contextual-signin-en.html", "text": "Content page including Authentication section" },
+ "fr": { "href": "../authentication/contextual-signin-en.html", "text": "Page de contenu incluant la section d'authentification" }
+ }
+ ],
+ "implementation": [
+ "_:implement_header",
+ "_:implement_header_3_to_4",
+ "_:implement_header_gcweb"
+ ],
+ "history": [
+ {
+ "en": "August 2024 - The GCWeb menu has been removed. The Breadcrumbs container has been moved to the Header component",
+ "fr": "Août 2024 - Le Menu GCWeb a été retiré. Le conteneur anciennement situé dans le composant Fil d'Ariane a été déplacé vers le composant En-tête."
+ },
+ {
+ "en": "October 2022 - Changed Menu column to make consistent whether there is a Sign in button or not (always col-md-8). Changed the value for col-xs-5 and col-xs-offset-7 have been adjusted to a \"6\" so the button text doesn't break and stays on one line for every viewport.",
+ "fr": "Octobre 2022 - Colonne de menu modifiée pour rendre cohérent s'il y a ou non un bouton d'authentification (toujours col-md-8). La valeur de col-xs-5 et col-xs-offset-7 a été modifiée à \"6\" afin que le texte du bouton ne soit pas coupé et reste sur une ligne pour toutes les largeurs d'écran."
+ },
+ {
+ "en": "May 2022 - The container has been moved outside of the GCWeb menu component.",
+ "fr": "Mai 2022 - Le conteneur a été déplacé à l'extérieur du composant Menu GCWeb."
+ },
+ {
+ "en": "June 2020 - Initial implementation of the variation.",
+ "fr": "Juin 2020 - Implémentation initiale de la variante."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_header",
+ "iteration": "_:iteration_header_4",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the code sample below."
+ ],
+ "fr": [
+ "Référez-vous à l'exemple de code ci-dessous."
+ ]
+ },
+ "notes": {
+ "en": [
+ "As of version 4.0, the Header no longer includes the GCWeb menu.",
+ "As of version 4.0, the container located in the Breadcrumbs component has been removed and the Breadrumb component has been moved to the container located right after the <hr>."
+ ],
+ "fr": [
+ "Depuis la version 4.0, l'En-tête n'inclut plus le menu GCWeb.",
+ "Depuis la version 4.0, le conteneur situé dans le composant Fil d'Ariane a été retiré et le composant Fil d'Ariane a été déplacé à l'intérieur du conteneur situé juste après le <hr>."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": "\n\t
\n"
+ }
+ ]
+ }
+ },
+ {
+ "@id": "_:implement_header_3_to_4",
+ "iteration": "_:iteration_header_4",
+ "name": {
+ "en": "Migrating from v3.0 to v4.0",
+ "fr": "Migration de v3.0 vers v4.0"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers or publishers trying to migrate their page from using the page details version 3.0 to 4.0.",
+ "fr": "Cette implémentation est destinée aux développeurs ou aux éditeurs qui tentent de migrer leur page de la version 3.0 vers la version 4.0."
+ },
+ "instructions": {
+ "en": [
+ "Remove the <div class=\"row\"> from inside the <div class=\"container\"> located right after the <hr>.",
+ "Remove the <nav class=\"gcweb-menu\">.",
+ "Remove the <div class=\"container\"> from inside the <nav id=\"wb-bc\">.",
+ "Move the <nav id=\"wb-bc\"> inside the <div class=\"container\"> located right after the <hr>."
+ ],
+ "fr": [
+ "Supprimez le <div class=\"row\"> situé à l'intérieur du <div class=\"container\"> situé juste après le <hr>.",
+ "Supprimez le <nav class=\"gcweb-menu\">.",
+ "Supprimez le <div class=\"container\"> situé à l'intérieur du <nav id=\"wb-bc\">.",
+ "Déplacez le <nav id=\"wb-bc\"> à l'intérieur du <div class=\"container\"> situé juste après le <hr>."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Version 3.0:",
+ "code": "\n\t
\n"
+ }
+ ]
+ }
+ },
+ {
+ "@id": "_:implement_header_gcweb",
+ "iteration": "_:iteration_header_4",
+ "name": {
+ "en": "GCWeb Jekyll",
+ "fr": "GCWeb Jekyll"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers trying to implement this component within a GCWeb Jekyll site.",
+ "fr": "Cette implémentation est destinée aux développeurs essayant d'implémenter ce composant dans un site GCWeb Jekyll."
+ },
+ "instructions": {
+ "en": [
+ "To show the language toggle link, in the page's front-matter, set the property altLangPage to the URL of the alternative language's page.",
+ "To hide the search bar, in the page's front-matter, set the property nositesearch to true.",
+ "To hide the breadcrumb trail, in the page's front-matter, set the property breadcrumbs to false. For more information on how to define the breadcrumb links, refer to the breadcrumbs documentation.",
+ "To show the authentication link, in the page's front-matter, set the property auth to an object containing the URL and label of the link. For more information on how to define the authentication link, refer to the authentication pattern documentation."
+ ],
+ "fr": [
+ "Pour afficher le lien pour changer de langue, dans l'en-tête de la page, définissez la propriété altLangPage à l'URL de la page de la langue alternative.",
+ "Pour cacher la barre de recherche, dans l'en-tête de la page, définissez la propriété nositesearch à true.",
+ "Pour cacher le fil d'Ariane, dans l'en-tête de la page, définissez la propriété breadcrumbs à false. Pour plus d'informations sur la façon de définir les liens du fil d'Ariane, consultez la documentation du fil d'Ariane.",
+ "Pour afficher le lien d'authentification, dans l'en-tête de la page, définissez la propriété auth à un objet contenant l'URL et l'étiquette du lien. Pour plus d'informations sur la façon de définir les liens d'authentification', consultez la documentation du modèle d'authentification."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": "---\n{\n\t\"altLangPage\": \"page-url.html\",\n\t\"nositesearch\": true,\n\t\"breadcrumbs\": false,\n\t\"auth\": {\n\t\t\"type\": \"contextual\",\n\t\t\"link\": \"page-url.html\",\n\t\t\"label\": \"Sign in\"\n\t}\n}\n---"
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code :",
+ "code": "---\n{\n\t\"altLangPage\": \"page-url.html\",\n\t\"nositesearch\": true,\n\t\"breadcrumbs\": false,\n\t\"auth\": {\n\t\t\"type\": \"contextual\",\n\t\t\"link\": \"page-url.html\",\n\t\t\"label\": \"Sign in\"\n\t}\n}\n---"
+ }
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_header_4",
+ "name": "Header - Iteration 4",
+ "date": "2024-08",
+ "detectableBy": "#wb-bnr:not(:has(+ hr + .container > .row))",
+ "predecessor": "_:iteration_header_3",
+ "breaking": [
+ "Removing GCWeb menu"
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Include with logic in liquid",
+ "code": {
+ "@type": [ "rdf:HTML", "@id" ],
+ "@value": "includes/header.html"
+ }
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_header_3",
+ "name": "Header - Iteration 3",
+ "date": "2022-10",
+ "detectableBy": "#wb-bnr + hr + .container > .row > .col-md-8",
+ "successor": "_:iteration_header_4",
+ "predecessor": "_:iteration_header_2",
+ "breaking": [
+ "Changed Menu column to make consistent whether there is a Sign in button or not (always col-md-8).",
+ "Changed the value for col-xs-5 and col-xs-offset-7 have been adjusted to a \"6\" so the button text doesn't break and stays on one line for every viewport."
+ ],
+ "example": {
+ "en": [
+ {
+ "href": "demoted/header-v3.html",
+ "text": "Header version 3"
+ },
+ {
+ "href": "demoted/header-auth-v3.html",
+ "text": "Header version 3 with authentication link"
+ }
+ ],
+ "fr": [
+ {
+ "href": "demoted/header-v3.html",
+ "text": "Header version 3"
+ },
+ {
+ "href": "demoted/header-auth-v3.html",
+ "text": "Header version 3 with authentication link"
+ }
+ ]
+ }
+ },
+ {
+ "@id": "_:iteration_header_2",
+ "name": "Header - Iteration 2",
+ "date": "2022-05",
+ "detectableBy": "#wb-bnr + hr + .container > .row > .col-md-12",
+ "successor": "_:iteration_header_3",
+ "predecessor": "_:iteration_header_1",
+ "breaking": [
+ "The container has been moved outside of the GCWeb menu component."
+ ],
+ "example": {
+ "en": [
+ {
+ "href": "deprecated/header-v2.html",
+ "text": "Header version 2"
+ },
+ {
+ "href": "deprecated/header-auth-v2.html",
+ "text": "Header version 2 with authentication link"
+ }
+ ],
+ "fr": [
+ {
+ "href": "deprecated/header-v2.html",
+ "text": "Header version 2"
+ },
+ {
+ "href": "deprecated/header-auth-v2.html",
+ "text": "Header version 2 with authentication link"
+ }
+ ]
+ }
+ },
+ {
+ "@id": "_:iteration_header_1",
+ "name": "Header - Iteration 1",
+ "date": "2020-06",
+ "detectableBy": "#wb-bnr + .gcweb-menu",
+ "successor": "_:iteration_header_2",
+ "example": {
+ "en": [
+ {
+ "href": "deprecated/header-v1.html",
+ "text": "Header version 1"
+ }
+ ],
+ "fr": [
+ {
+ "href": "deprecated/header-v1.html",
+ "text": "Header version 1"
+ }
+ ]
+ }
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_header_4",
+ "name": "Header - version 4.0",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_header_4",
+ "detectableBy": "#wb-bnr:not(:has(+ hr + .container > .row))",
+ "layout": [
+ "Language toggle link on the top right",
+ "Branding on the left, Search on the right",
+ "Horizontal divider",
+ "Breadcrumbs on the left, Authentication pattern on the right"
+ ],
+ "style": "Horizontal divider is 1px and light-gray",
+ "semantic": "\n\t\n\t\n\t\n\t\n\t\n\t\n",
+ "include": {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Include with logic in Liquid.",
+ "code": {
+ "@type": [ "@id", "rdf:HTML" ],
+ "@value": "includes/header.html"
+ }
+ },
+ "logic": "Not applicable",
+ "guidance": "Not applicable",
+ "context": "Not applicable",
+ "configuration": [
+ "Show or hide the alternative language link and define the alternative language page URL",
+ "Show or hide the search bar",
+ "Show or hide the breadcrumbs and defined the breadcrumbs item(s)",
+ "Show or hide the authentication pattern and define the authentication link(s)"
+ ]
+ },
+ {
+ "@id": "_:cs_header_3",
+ "name": "Header - version 3.0",
+ "status": "demoted",
+ "baseOnIteration": "_:iteration_header_3",
+ "detectableBy": "#wb-bnr + hr + .container > .row > .col-md-8",
+ "layout": [
+ "Language toggle link on the top right",
+ "Branding on the left, Search on the right",
+ "Horizontal divider",
+ "Breadcrumbs on the left, Authentication pattern on the right"
+ ],
+ "style": "Horizontal divider is 3px and dark-blue",
+ "semantic": "\n\t\n\t\n\t\n\t\n\t\n\t\n",
+ "logic": "Not applicable",
+ "guidance": "Not applicable",
+ "context": "Not applicable",
+ "configuration": [
+ "Show or hide the alternative language link and define the alternative language page URL",
+ "Show or hide the search bar",
+ "Show or hide the breadcrumbs and defined the breadcrumbs item(s)",
+ "Show or hide the authentication pattern and define the authentication link(s)"
+ ]
+ },
+ {
+ "@id": "_:cs_header_2",
+ "name": "Header - version 2.0",
+ "status": "deprecated",
+ "baseOnIteration": "_:iteration_header_2",
+ "detectableBy": "#wb-bnr + hr + .container > .row > .col-md-12"
+ },
+ {
+ "@id": "_:cs_header_1",
+ "name": "Header - version 1.0",
+ "status": "deprecated",
+ "baseOnIteration": "_:iteration_header_1",
+ "detectableBy": "#wb-bnr + .gcweb-menu"
+ }
+ ]
}
diff --git a/sites/layouts/documentation.html b/sites/layouts/documentation.html
index 74b6674b40..849f34712b 100644
--- a/sites/layouts/documentation.html
+++ b/sites/layouts/documentation.html
@@ -641,7 +641,7 @@
+