Step by step navigation: adding documentation

wet-boew · Sep 6, 2023 · f8660f5 · f8660f5
1 parent 82e52df
commit f8660f5
Show file tree

Hide file tree

Showing 25 changed files with 850 additions and 206 deletions.
diff --git a/_data/common.json b/_data/common.json
@@ -33,6 +33,41 @@
 		]
 	}
 }
+,{
+	"@context": {
+		"@version": 1.1,
+		"dct": "http://purl.org/dc/terms/",
+		"title": { "@id": "dct:title", "@container": "@language" },
+		"description": { "@id": "dct:description", "@container": "@language" },
+		"modified": "dct:modified"
+	},
+	"title": {
+		"en": "Alignment",
+		"fr": "Alignement"
+	},
+	"description": {
+		"en": "Alignment with custom styles.",
+		"fr": "Alignement avec des styles personalisés."
+	},
+	"modified": "2023-06-19",
+	"componentName": "alignment",
+	"processing": "baseline",
+	"status": "stable",
+	"pages": {
+		"examples": [
+			{
+				"title": "Alignment",
+				"language": "en",
+				"path": "alignment-en.html"
+			},
+			{
+				"title": "Alignement",
+				"language": "fr",
+				"path": "alignment-fr.html"
+			}
+		]
+	}
+}
 ,{
 	"@context": {
 		"@version": 2.0,
@@ -182,4 +217,39 @@
 		]
 	}
 }
+,{
+	"@context": {
+		"@version": 1.1,
+		"dct": "http://purl.org/dc/terms/",
+		"title": { "@id": "dct:title", "@container": "@language" },
+		"description": { "@id": "dct:description", "@container": "@language" },
+		"modified": "dct:modified"
+	},
+	"title": {
+		"en": "Basic HTML",
+		"fr": "HTML simplifiée"
+	},
+	"description": {
+		"en": "Enable Basic HTML Mode",
+		"fr": "Passer à la version HTML simplifiée"
+	},
+	"modified": "2023-08-25",
+	"componentName": "wb-disable",
+	"processing": "baseline",
+	"status": "stable",
+	"pages": {
+		"examples": [
+			{
+				"title": "Basic HTML",
+				"language": "en",
+				"path": "wb-disable-en.html"
+			},
+			{
+				"title": "HTML simplifié",
+				"language": "fr",
+				"path": "wb-disable-fr.html"
+			}
+		]
+	}
+}
 ]
diff --git a/_data/components.json b/_data/components.json
@@ -167,6 +167,18 @@
 				"language": "fr",
 				"path": "gc-features-fr.html"
 			}
+		],
+		"reports": [
+			{
+				"title": "Accessibility assessment #1 - Context-specific features",
+				"language": "en",
+				"path": "reports/a11y-1-en.html"
+			},
+			{
+				"title": "Assessment d'accessibilité #1 - Promotions contextuelles",
+				"language": "fr",
+				"path": "reports/a11y-1-fr.html"
+			}
 		]
 	}
 }
@@ -284,6 +296,64 @@
 		]
 	}
 }
+,{
+	"@context": {
+		"@version": 1.1,
+		"dct": "http://purl.org/dc/terms/",
+		"title": { "@id": "dct:title", "@container": "@language" },
+		"description": { "@id": "dct:description", "@container": "@language" },
+		"modified": "dct:modified"
+	},
+	"title": {
+		"en": "Step by Step navigation",
+		"fr": "Navigation étape par étape"
+	},
+	"description": {
+		"en": "Step by Step navigation designed based on user experience testing",
+		"fr": "Navigation étape par étape conçu d'après des recherches d'expérience utilisateur"
+	},
+	"modified": "2023-06-28",
+	"componentName": "gc-stp-stp",
+	"status": "stable",
+	"pages": {
+		"docs": [
+			{
+				"title": "Step by Step navigation",
+				"language": "en",
+				"path": "gc-stp-stp-doc-en.html"
+			},
+			{
+				"title": "Navigation étape par étape",
+				"language": "fr",
+				"path": "gc-stp-stp-doc-fr.html"
+			}
+		],
+		"examples": [
+			{
+				"title": "Step by Step navigation",
+				"language": "en",
+				"path": "gc-stp-stp-en.html"
+			},
+			{
+				"title": "Navigation étape par étape",
+				"language": "fr",
+				"path": "gc-stp-stp-fr.html"
+			}
+		],
+		"spec": [
+			{
+				"title": "Navigation étape par étape : Système de conception de Canada.ca",
+				"language": "fr",
+				"url": "https://conception.canada.ca/modeles-recommandes/pages-lancement-service.html"
+			},
+			{
+				"title": "Step by Step navigation: Canada.ca design system",
+				"language": "en",
+				"url": "https://design.canada.ca/recommended-templates/service-initiation-pages.html"
+			}
+		]
+	}
+}
 ,{
 	"@context": {
 		"@version": 1.1,

diff --git a/_data/templates.json b/_data/templates.json
@@ -135,6 +135,74 @@
 		]
 	}
 }
+,{
+	"@context": {
+		"@version": 1.1,
+		"dct": "http://purl.org/dc/terms/",
+		"title": { "@id": "dct:title", "@container": "@language" },
+		"description": { "@id": "dct:description", "@container": "@language" },
+		"modified": "dct:modified"
+	},
+		"title": {
+		"en": "Content page",
+		"fr": "Page de contenu"
+	},
+	"description": {
+		"en": "Blank content pages with text sample.",
+		"fr": "Pages de contenu vides avec exemple de texte."
+	},
+	"modified": "2023-08-24",
+	"componentName": "content-page",
+	"status": "stable",
+	"pages": {
+		"examples": [
+			{
+				"title": "Content page",
+				"language": "en",
+				"type": "general",
+				"path": "content-en.html"
+			},
+			{
+				"title": "Page de contenu",
+				"language": "fr",
+				"path": "content-fr.html"
+			},
+
+			{
+				"title": "Fluid content page",
+				"language": "en",
+				"path": "content-fluid-en.html"
+			},
+			{
+				"title": "Page de contenu fluide",
+				"language": "fr",
+				"path": "content-fluid-fr.html"
+			},
+
+			{
+				"title": "Content page - Limited width content",
+				"language": "en",
+				"path": "content-limit-en.html"
+			},
+			{
+				"title": "Page de contenu - Largeur de contenu limitée",
+				"language": "fr",
+				"path": "content-limit-fr.html"
+			},
+
+			{
+				"title": "Content page - GCWeb 4.0.29 font stylee",
+				"language": "en",
+				"path": "content-gcweb-4-0-29-font-style-en.html"
+			},
+			{
+				"title": "Page de contenu - Police de caractère de GCWeb 4.0.29",
+				"language": "fr",
+				"path": "content-gcweb-4-0-29-font-style-fr.html"
+			}
+		]
+		}
+		}
 ,{
 	"@context": {
 		"@version": 1.1,
@@ -201,51 +269,6 @@
 	"status": "stable",
 	"pages": {
 		"examples": [
-			{
-				"title": "Content page",
-				"language": "en",
-				"type": "general",
-				"path": "content-en.html"
-			},
-			{
-				"title": "Page de contenu",
-				"language": "fr",
-				"path": "content-fr.html"
-			},
-
-			{
-				"title": "Fluid content page",
-				"language": "en",
-				"path": "content-fluid-en.html"
-			},
-			{
-				"title": "Page de contenu fluide",
-				"language": "fr",
-				"path": "content-fluid-fr.html"
-			},
-
-			{
-				"title": "Content page - Limited width content",
-				"language": "en",
-				"path": "content-limit-en.html"
-			},
-			{
-				"title": "Page de contenu - Largeur de contenu limitée",
-				"language": "fr",
-				"path": "content-limit-fr.html"
-			},
-
-			{
-				"title": "Content page - GCWeb 4.0.29 font stylee",
-				"language": "en",
-				"path": "content-gcweb-4-0-29-font-style-en.html"
-			},
-			{
-				"title": "Page de contenu - Police de caractère de GCWeb 4.0.29",
-				"language": "fr",
-				"path": "content-gcweb-4-0-29-font-style-fr.html"
-			},
-
 			{
 				"title": "Stay connected",
 				"language": "en",

diff --git a/components/baseline/_base.scss b/components/baseline/_base.scss
@@ -2,11 +2,28 @@
  * Components styles
  */
 
-// Step by step navigation used on Advanced service template
-.gc-stp-stp {
-	border-bottom: solid 1px #ccc;
-	margin-bottom: 30px;
-	margin-top: 15px;
+// Download link box
+.gc-dwnld {
+
+	.gc-dwnld-txt {
+		text-decoration: underline;
+
+		&:hover {
+			text-decoration: none;
+		}
+
+		span {
+			display: block;
+		}
+	}
+
+	.gc-dwnld-img {
+		margin-bottom: 0;
+	}
+
+	p {
+		margin-bottom:0;
+	}
 }
 
 // theme default color

diff --git a/components/gc-stp-stp/_base.scss b/components/gc-stp-stp/_base.scss
@@ -0,0 +1,20 @@
+/*
+ *
+ * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
+ * wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
+ *
+ *
+ *	GC Step by step navigation
+*/
+
+.gc-stp-stp {
+	border-bottom: solid 1px #ccc;
+	margin-bottom: 30px;
+	margin-top: 15px;
+
+	ul:not(.col-md-12), ol:not(.col-md-12) {
+		margin-left: 0;
+		margin-right: 0;
+		padding-left: 0;
+	}
+}
diff --git a/components/gc-stp-stp/_screen-sm-min.scss b/components/gc-stp-stp/_screen-sm-min.scss
@@ -0,0 +1,16 @@
+/*
+ *
+ * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
+ * wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
+ *
+ *
+ *	GC Step by step navigation
+*/
+
+.gc-stp-stp {
+	ul, ol {
+		&:not(.lst-spcd) li {
+			margin-bottom: 10px;
+		}
+	}
+}