Thematic AI answers: adding thematic

Author: Garneauma

_data/méli-mélo.json

@@ -29,7 +29,8 @@
 				"th-winterlude",
 				"th-zev",
 				"th-empathy",
-        "th-choose-canada"
+        "th-choose-canada",
+        "th-ai-answers"
 			]
 		}
 	],
@@ -104,6 +105,10 @@
 			"nom": "2024-10-datatable-utilities",
 			"mainpage": "index-en.html"
 		},
+    {
+			"nom": "th-ai-answers",
+			"mainpage": "index-en.html"
+		},
 		{
 			"nom": "th-choose-canada",
 			"mainpage": "index.html"

méli-mélo/th-ai-answers/ai-answers.js

@@ -0,0 +1,33 @@
+/**
+ * @title WET-BOEW GC AI answers thematic
+ * @overview AI answers thematic
+ * @license wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
+ * @author @garneauma
+ */
+
+(function() {
+	let topBannerHTMLFR = `<aside class=\"aia-banner\">
+		<h2 class=\"wb-inv\">Outil d'assistance</h2>
+		<div class=\"container\">
+			<div class=\"d-flex align-items-center\">
+				<img src=\"https://canada.ca/content/dam/canada/ai-stars.png\"><p class=\"m-0 py-2 pl-2\"><strong>Besoin d'aide?</strong> <a href=\"https://reponses-ia.alpha.canada.ca\" class=\"text-white\">Essayez une version bêta de Réponses IA</a></p>
+			</div>
+		</div>
+	</aside>`,
+		topBannerHTMLEN = `<aside class=\"aia-banner\">
+			<h2 class=\"wb-inv\">Assistance tool</h2>
+			<div class=\"container\">
+				<div class=\"d-flex align-items-center\">
+					<img src=\"https://canada.ca/content/dam/canada/ai-stars.png\"><p class=\"m-0 py-2 pl-2\"><strong>Need help?</strong> <a href=\"https://ai-answers.alpha.canada.ca\" class=\"text-white\">Try a beta test of AI Answers</a></p>
+				</div>
+			</div>
+		</aside>`;
+
+	if ( document.documentElement.lang == "fr" ) {
+		document.querySelector("header")
+			.insertAdjacentHTML("beforebegin", topBannerHTMLFR);
+	} else {
+		document.querySelector("header")
+			.insertAdjacentHTML("beforebegin", topBannerHTMLEN);
+	}
+})();

méli-mélo/th-ai-answers/images/stars.png

@@ -0,0 +1,13 @@
+---
+title: AI answers thematic
+dateModified: 2025-11-24
+description: AI answers thematic documentation and working example
+lang: en
+altLangPage: index-fr.html
+css:
+- style.css
+script:
+- ai-answers.js
+---
+
+<p>This page serves as an example of for AI answers beta testing top banner.</p>

méli-mélo/th-ai-answers/index-en.html

@@ -0,0 +1,13 @@
+---
+title: Thématique Réponses IA
+dateModified: 2025-11-24
+description: Documentation et exemple pratique de Réponses IA
+lang: fr
+altLangPage: index-en.html
+css:
+- style.css
+script:
+- ai-answers.js
+---
+
+<p>Cette page sert d'exemple pour la bannière supérieure du test bêta de Réponses IA.</p>

méli-mélo/th-ai-answers/index-fr.html

@@ -0,0 +1,24 @@
+---
+feature: thématique
+lang: en
+title: AI Answers theme
+description: Top banner for AI answers beta testing
+componentName: th-empathy
+expiry: November 30, 2026
+mainPage: index-en.html
+cssClass:
+- aia-banner
+jsFunctions:
+- anonymous function
+pages:
+  examples:
+    - title: AI answers thematic
+      language: en
+      path: index0en.html
+    - title: Thématique réponses IA
+      language: fr
+      path: index-fr.html
+sponsor: Marc-André Garneau on behalf of Principal Publisher - ESDC
+
+output: false
+---

méli-mélo/th-ai-answers/meta.md

@@ -0,0 +1,5 @@
+/* AI answers components styles */
+.aia-banner {
+	background: #26374a;
+	color: #fff;
+}