Theme page heading fix

Author: BrahimMahadi

Gruntfile.coffee

@@ -1131,7 +1131,7 @@ module.exports = (grunt) ->
 						"!Gemfile.lock"
 
 						# Web contents
-						"!{sites,common,components,templates,design-patterns,wet-boew}/**/*.md"
+						"!{_site,sites,common,components,templates,design-patterns,wet-boew}/**/*.md"
 						# "{sites,components,templatesdesign-patterns}/*/*.{md,html}"
 						# "{sites,components,templatesdesign-patterns}/*.{md, html}"
 						# "!{sites,components,templatesdesign-patterns}/*/**/*.{md,html}"
@@ -1176,6 +1176,7 @@ module.exports = (grunt) ->
 					'!_site/**/*.md'
 					'!_wetboew-demos/**/*.md',
 					'!~sites/**/*.md'
+					'!_site/**/*.md'
 				]
 
 	require( "load-grunt-tasks" )( grunt )

_data/components.json

@@ -2077,7 +2077,7 @@
 		"en": "Features top tasks related to the page it is on.",
 		"fr": "Comprend des tâches principales liées à la page sur laquelle elles se trouvent."
 	},
-	"modified": "2025-10-31",
+	"modified": "2026-06-04",
 	"componentName": "gc-most-requested",
 	"status": "stable",
 	"version": "1.3",
@@ -2208,7 +2208,7 @@
 				"en": "https://design.canada.ca/common-design-patterns/most-requested.html",
 				"fr": "https://conception.canada.ca/configurations-conception-communes/en-demande.html"
 			},
-			"iteration": "_:iteration_mostrequested_4",
+			"iteration": "_:iteration_mostrequested_highlight_1",
 			"example": [
 				{
 					"en": { "href": "gc-most-requested-highlight-en.html", "text": "Most requested with highlight" },
@@ -2220,8 +2220,8 @@
 			],
 			"history": [
 				{
-					"en": "November 2025 - Initial implementation of the variation.",
-					"fr": "Novembre 2025 - Implémentation initiale de la variante."
+					"en": "June 2026 - Initial implementation of the variation.",
+					"fr": "Juin 2026 - Implémentation initiale de la variante."
 				}
 			]
 		}
@@ -2288,7 +2288,7 @@
 				"en": [
 					"Refer to the code sample below.",
 					"The component cannot be located inside another element with the class <code>container</code>.",
-					"This variation must be directly followed be the default variation of the Most requested component. It cannot be implemented on its own."
+					"This variation must be directly followed by the default variation of the Most requested component. It cannot be implemented on its own."
 				],
 				"fr": [
 					"Référez-vous au code qui suit.",
@@ -2318,8 +2318,8 @@
 		{
 			"@id": "_:iteration_mostrequested_highlight_1",
 			"name": "Most requested with highlight - Iteration 1",
-			"date": "2025-11",
-			"detectableBy": ".gc-most-requested.highlight",
+			"date": "2026-06",
+			"detectableBy": ".gc-most-requested+.gc-most-requested",
 			"assets": [
 				{
 					"@type": "source-code",
@@ -2471,10 +2471,10 @@
 		"en": "Used to present sets of links with accompanying descriptions.",
 		"fr": "Utilisé pour présenter des ensembles de liens accompagnés de descriptions."
 	},
-	"modified": "2026-02-17",
+	"modified": "2026-06-04",
 	"componentName": "gc-srvinfo",
 	"status": "stable",
-	"version": "3.3",
+	"version": "3.4",
 	"pages": {
 		"examples": [
 			{
@@ -2488,14 +2488,24 @@
 				"path": "gc-srvinfo-fr.html"
 			},
 			{
-				"title": "Services and information with FieldFlow - Working examples",
+				"title": "Services and information with FieldFlow",
 				"language": "en",
 				"path": "gc-srvinfo-fieldflow-en.html"
 			},
 			{
-				"title": "Services et renseignements avec FieldFlow - Exemples pratiques",
+				"title": "Services et renseignements avec FieldFlow",
 				"language": "fr",
 				"path": "gc-srvinfo-fieldflow-fr.html"
+			},
+			{
+				"title": "Services and information with more information",
+				"language": "en",
+				"path": "gc-srvinfo-more-info-en.html"
+			},
+			{
+				"title": "Services et renseignements avec plus d'informations",
+				"language": "fr",
+				"path": "gc-srvinfo-more-info-fr.html"
 			}
 		],
 		"reports": [
@@ -2539,7 +2549,7 @@
 				"en": "https://design.canada.ca/common-design-patterns/services-information.html",
 				"fr": "https://conception.canada.ca/configurations-conception-communes/services-renseignements.html"
 			},
-			"iteration": "_:iteration_srvinfo_6",
+			"iteration": "_:iteration_srvinfo_8",
 			"example": [
 				{
 					"en": { "href": "gc-srvinfo-en.html", "text": "Services and information" },
@@ -2559,8 +2569,12 @@
 			],
 			"history": [
 				{
-					"en": "December 2025 - Added new pattern with more information block.",
-					"fr": "Décembre 2025 - Ajout d'un nouveau modèle avec un bloc d'informations complémentaires."
+					"en": "June 2026 - Added new pattern with more information block.",
+					"fr": "Juin 2026 - Ajout d'un nouveau modèle avec un bloc d'informations complémentaires."
+				},
+				{
+					"en": "February 2026 - Limited width of single column pattern.",
+					"fr": "Février 2026 - Limitation de la largeur du modèle à une seule colonne."
 				},
 				{
 					"en": "July 2025 - Added new pattern with FieldFlow drop-down list.",
@@ -2596,7 +2610,7 @@
 	"implementation": [
 		{
 			"@id": "_:implement_srvinfo",
-			"iteration": "_:iteration_srvinfo_6",
+			"iteration": "_:iteration_srvinfo_8",
 			"name": {
 				"en": "Standard",
 				"fr": "Standard"
@@ -2659,11 +2673,11 @@
 	],
 	"iteration": [
 		{
-			"@id": "_:iteration_srvinfo_7",
-			"name": "Services and information - Iteration 7 (More information)",
-			"date": "2025-07",
+			"@id": "_:iteration_srvinfo_8",
+			"name": "Services and information - Iteration 8 (More information)",
+			"date": "2026-06",
 			"detectableBy": ".gc-srvinfo .well",
-			"predecessor": "_:iteration_srvinfo_6",
+			"predecessor": "_:iteration_srvinfo_7",
 			"additions": [
 				"Added new pattern with more information block."
 			],
@@ -2672,10 +2686,19 @@
 					"@type": "source-code",
 					"@language": "en",
 					"description": "Code sample",
-					"code": "<section class=\"gc-srvinfo\">\n\t<h2>Services and information</h2>\n\t<div class=\"wb-eqht row\">\n\t\t<div class=\"col-md-6 col-lg-4\">\n\t\t\t<h3><a href=\"#\">[Hyperlink text]</a></h3>\n\t\t\t<p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>\n\t\t</div>\n\t\t<div class=\"col-md-6 col-lg-4\">\n\t\t\t<h3><a href=\"#\">[Hyperlink text]</a></h3>\n\t\t\t<p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>\n\t\t</div>\n\t\t<div class=\"col-md-6 col-lg-4\">\n\t\t\t<h3><a href=\"#\">[Hyperlink text]</a></h3>\n\t\t\t<p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>\n\t\t</div>\n\t</div>\n</section>\n\t<div class=\"well\">\n\t\t<h3>[More information title]</h3>\n\t\t<p>[Additional information related to the services and information presented above]</p>\n\t</div>"
+					"code": "<section class=\"gc-srvinfo\">\n\t<h2>Services and information</h2>\n\t<div class=\"wb-eqht row\">\n\t\t<div class=\"col-md-6 col-lg-4\">\n\t\t\t<h3><a href=\"#\">[Hyperlink text]</a></h3>\n\t\t\t<p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>\n\t\t</div>\n\t\t<div class=\"col-md-6 col-lg-4\">\n\t\t\t<h3><a href=\"#\">[Hyperlink text]</a></h3>\n\t\t\t<p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>\n\t\t</div>\n\t\t<div class=\"col-md-6 col-lg-4\">\n\t\t\t<h3><a href=\"#\">[Hyperlink text]</a></h3>\n\t\t\t<p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>\n\t\t</div>\n\t</div>\n\t<div class=\"well\">\n\t\t<h3>[More information title]</h3>\n\t\t<p>[Additional information related to the services and information presented above]</p>\n\t</div>\n</section>"
 				}
 			]
 		},
+		{
+			"@id": "_:iteration_srvinfo_7",
+			"name": "Services and information - Iteration 7",
+			"date": "2026-02",
+			"detectableBy": ".gc-srvinfo",
+			"predecessor": "_:iteration_srvinfo_6",
+			"successor": "_:iteration_srvinfo_8",
+			"additions": ["Added the CSS class .cnt-wdth-lmtd to the body element to limit the width of the single-column pattern"]
+		},
 		{
 			"@id": "_:iteration_srvinfo_6",
 			"name": "Services and information - Iteration 6 (FieldFlow)",
@@ -2695,14 +2718,6 @@
 				}
 			]
 		},
-		{
-			"@id": "_:iteration_srvinfo_6",
-			"name": "Services and information - Iteration 6",
-			"date": "2026-02",
-			"detectableBy": ".gc-srvinfo",
-			"predecessor": "_:iteration_srvinfo_5",
-			"additions": ["Added the CSS class .cnt-wdth-lmtd to the body element to limit the width of the single-column pattern"]
-		},
 		{
 			"@id": "_:iteration_srvinfo_5",
 			"name": "Services and information - Iteration 5",

_data/templates.json

@@ -2000,7 +2000,7 @@
 		"en": "Theme page template",
 		"fr": "Gabarit de page thème"
 	},
-	"modified": "2025-11-19",
+	"modified": "2026-06-04",
 	"componentName": "theme",
 	"status": "stable",
 	"version": "2.0.3",
@@ -2035,6 +2035,11 @@
 				"title": "Page de thème personnalisée pour IRCC",
 				"language": "fr",
 				"path": "theme-ircc-fr.html"
+			},
+			{
+				"title": "AEM Authoring",
+				"language": "en",
+				"path": "theme-aem-authoring.html"
 			}
 		],
 		"docs": [
@@ -2119,8 +2124,8 @@
 			],
 			"history": [
 				{
-					"en": "November 2025 - Added Featured link and Context-specific features components support. Added custom working example for Immigration and Citizenship.",
-					"fr": "Novembre 2025 - Ajout du support pour les composantes Lien en vedette et Promotions contextuelles. Ajout d'un exemple pratique personnalisé pour Immigration et Citoyenneté."
+					"en": "June 2025 - Added Featured link and Context-specific features components support. Added custom working example for Immigration and Citizenship.",
+					"fr": "Juin 2025 - Ajout du support pour les composantes Lien en vedette et Promotions contextuelles. Ajout d'un exemple pratique personnalisé pour Immigration et Citoyenneté."
 				},
 				{
 					"en": "July 2025 - Minor adjustments for other environments compatibility and addition of wb-navcurrent.",

_includes/templates/theme/theme-nav-en.html

@@ -0,0 +1,28 @@
+<nav id="theme-nav" aria-labelledby="themesMenu">
+	<div class="container">
+		<h2 id="themesMenu" class="wb-inv">Themes menu</h2>
+		<a class="wb-sl" href="#wb-cont">Skip themes menu and go to main content</a>
+		<button id="menu-btn" class="btn btn-primary"><span class="wb-inv">Toggle </span>Menu<span aria-hidden="true" class="glyphicon glyphicon-chevron-down"></span></button>
+		<ul class="list-unstyled">
+			<li><a href="theme-en.html">Jobs</a></li>
+			<li><a href="theme-ircc-en.html">Immigration and citizenship</a></li>
+			<li><a href="https://travel.gc.ca/">Travel and tourism</a></li>
+			<li><a href="theme-business-en.html">Business</a></li>
+			<li><a href="#">Benefits</a></li>
+			<li><a href="#">Health</a></li>
+			<li><a href="#">Taxes</a></li>
+			<li><a href="#">Environment and natural resources</a></li>
+			<li><a href="#">National security and defence</a></li>
+			<li><a href="#">Culture, history and sport</a></li>
+			<li><a href="#">Policing, justice and emergencies</a></li>
+			<li><a href="#">Transport and infrastructure</a></li>
+			<li><a href="#">Canada and the world</a></li>
+			<li><a href="#">Money and finances</a></li>
+			<li><a href="#">Science and innovation</a></li>
+			<li><a href="#">Indigenous Peoples</a></li>
+			<li><a href="#">Veterans and military</a></li>
+			<li><a href="#">Youth</a></li>
+			<li><a href="#">Manage life events</a></li>
+		</ul>
+	</div>
+</nav>

_includes/templates/theme/theme-nav-fr.html

@@ -0,0 +1,28 @@
+<nav id="theme-nav" aria-labelledby="themesMenu">
+	<div class="container">
+		<h2 id="themesMenu" class="wb-inv">Menu de thèmes</h2>
+		<a class="wb-sl" href="#wb-cont">Passer la navigation de thèmes et sauter au contenu principal</a>
+		<button id="menu-btn" class="btn btn-primary"><span class="wb-inv">Basculer le </span>Menu<span aria-hidden="true" class="glyphicon glyphicon-chevron-down"></span></button>
+		<ul class="list-unstyled">
+			<li><a href="theme-fr.html">Emplois</a></li>
+			<li><a href="theme-ircc-fr.html">Immigration et citoyenneté</a></li>
+			<li><a href="https://travel.gc.ca/">Voyage et tourisme</a></li>
+			<li><a href="theme-business-fr.html">Entreprises</a></li>
+			<li><a href="#">Prestations</a></li>
+			<li><a href="#">Santé</a></li>
+			<li><a href="#">Impôts</a></li>
+			<li><a href="#">Environnement et ressources naturelles</a></li>
+			<li><a href="#">Sécurité nationale et défense</a></li>
+			<li><a href="#">Culture, histoire et sport</a></li>
+			<li><a href="#">Services de police, justice et urgences</a></li>
+			<li><a href="#">Transport et infrastructure</a></li>
+			<li><a href="#">Canada et le monde</a></li>
+			<li><a href="#">Argent et finances</a></li>
+			<li><a href="#">Science et innovation</a></li>
+			<li><a href="#">Autochtones</a></li>
+			<li><a href="#">Vétérans et militaires</a></li>
+			<li><a href="#">Jeunesse</a></li>
+			<li><a href="#">Gérer les événements de la vie</a></li>
+		</ul>
+	</div>
+</nav>

components/gc-most-requested/_base.scss

@@ -28,8 +28,9 @@
 	}
 }
 
-// Styles to slightly break the layout for bad implementation
-.container .gc-most-requested {
+// Styles to slightly break the layout for bad implementation. Styles to be used for the AEM authoring theme page.
+// To validate once implemented in MWS
+.container:not(.responsivegrid) .gc-most-requested {
 	background: transparent;
 }
 

components/gc-most-requested/_screen-md-min.scss

@@ -44,8 +44,9 @@
 	}
 }
 
-// Styles to slightly break the layout for bad implementation
-.container .gc-most-requested {
+// Styles to slightly break the layout for bad implementation. Styles to be used for the AEM authoring theme page.
+// To validate once implemented in MWS
+.container:not(.responsivegrid) .gc-most-requested {
 	h2 {
 		float: none;
 	}

components/gc-most-requested/gc-most-requested-highlight-en.html

@@ -1,8 +1,8 @@
 ---
 {
 	"altLangPage": "gc-most-requested-highlight-fr.html",
-	"dateModified": "2025-05-08",
-	"description": "Working examples for the Highlight variant of the Most requested component.",
+	"dateModified": "2026-06-04",
+	"description": "Working example for the Highlight variant of the Most requested component.",
 	"language": "en",
 	"title": "Most requested with highlight",
 	"breadcrumbs": [

components/gc-most-requested/gc-most-requested-highlight-fr.html

@@ -1,7 +1,7 @@
 ---
 {
 	"altLangPage": "gc-most-requested-highlight-en.html",
-	"dateModified": "2025-05-08",
+	"dateModified": "2026-06-04",
 	"description": "Exemple pratique pour la variation En demande avec mise en évidence de la composante En demande",
 	"language": "fr",
 	"title": "En demande avec mise en évidence",

components/gc-most-requested/index.json-ld

@@ -14,7 +14,7 @@
 		"en": "Features top tasks related to the page it is on.",
 		"fr": "Comprend des tâches principales liées à la page sur laquelle elles se trouvent."
 	},
-	"modified": "2025-10-31",
+	"modified": "2026-06-04",
 	"componentName": "gc-most-requested",
 	"status": "stable",
 	"version": "1.3",
@@ -145,7 +145,7 @@
 				"en": "https://design.canada.ca/common-design-patterns/most-requested.html",
 				"fr": "https://conception.canada.ca/configurations-conception-communes/en-demande.html"
 			},
-			"iteration": "_:iteration_mostrequested_4",
+			"iteration": "_:iteration_mostrequested_highlight_1",
 			"example": [
 				{
 					"en": { "href": "gc-most-requested-highlight-en.html", "text": "Most requested with highlight" },
@@ -157,8 +157,8 @@
 			],
 			"history": [
 				{
-					"en": "November 2025 - Initial implementation of the variation.",
-					"fr": "Novembre 2025 - Implémentation initiale de la variante."
+					"en": "June 2026 - Initial implementation of the variation.",
+					"fr": "Juin 2026 - Implémentation initiale de la variante."
 				}
 			]
 		}
@@ -225,7 +225,7 @@
 				"en": [
 					"Refer to the code sample below.",
 					"The component cannot be located inside another element with the class <code>container</code>.",
-					"This variation must be directly followed be the default variation of the Most requested component. It cannot be implemented on its own."
+					"This variation must be directly followed by the default variation of the Most requested component. It cannot be implemented on its own."
 				],
 				"fr": [
 					"Référez-vous au code qui suit.",
@@ -255,8 +255,8 @@
 		{
 			"@id": "_:iteration_mostrequested_highlight_1",
 			"name": "Most requested with highlight - Iteration 1",
-			"date": "2025-11",
-			"detectableBy": ".gc-most-requested.highlight",
+			"date": "2026-06",
+			"detectableBy": ".gc-most-requested+.gc-most-requested",
 			"assets": [
 				{
 					"@type": "source-code",