Removing main menu

wet-boew · Aug 2, 2024 · 848021e · 848021e
1 parent 91947fc
commit 848021e
Show file tree

Hide file tree

Showing 44 changed files with 1,828 additions and 1,375 deletions.
diff --git a/_data/sites.json b/_data/sites.json
diff --git a/_data/templates.json b/_data/templates.json
@@ -289,6 +289,16 @@
 				"title": "Accueil - Canada.ca",
 				"language": "fr",
 				"path": "home-fr.html"
+			},
+			{
+				"title": "Home with contextual Sign in button - Canada.ca",
+				"language": "en",
+				"path": "home-auth-en.html"
+			},
+			{
+				"title": "Accueil avec bouton contextuel « Se connecter » - Canada.ca",
+				"language": "fr",
+				"path": "home-auth-fr.html"
 			}
 		],
 		"docs": [

diff --git a/_includes/sites/breadcrumbs/breadcrumbs-v1-en.html b/_includes/sites/breadcrumbs/breadcrumbs-v1-en.html
@@ -0,0 +1,19 @@
+<nav id="wb-bc" property="breadcrumb">
+	<h2>You are here:</h2>
+	<div class="container">
+		<ol class="breadcrumb" typeof="BreadcrumbList">
+			<li property="itemListElement" typeof="ListItem">
+				<a property="item" typeof="WebPage" href="https://www.canada.ca/en.html">
+					<span property="name">Canada.ca</span>
+				</a>
+				<meta property="position" content="1">
+			</li>
+			<li property="itemListElement" typeof="ListItem">
+				<a property="item" typeof="WebPage" href="https://wet-boew.github.io/GCWeb/index-en.html">
+					<span property="name">GCWeb</span>
+				</a>
+				<meta property="position" content="2">
+			</li>
+		</ol>
+	</div>
+</nav>
diff --git a/_includes/sites/breadcrumbs/breadcrumbs-v1-fr.html b/_includes/sites/breadcrumbs/breadcrumbs-v1-fr.html
@@ -0,0 +1,19 @@
+<nav id="wb-bc" property="breadcrumb">
+	<h2>Vous êtes ici :</h2>
+	<div class="container">
+		<ol class="breadcrumb" typeof="BreadcrumbList">
+			<li property="itemListElement" typeof="ListItem">
+				<a property="item" typeof="WebPage" href="https://www.canada.ca/fr.html">
+					<span property="name">Canada.ca</span>
+				</a>
+				<meta property="position" content="1">
+			</li>
+			<li property="itemListElement" typeof="ListItem">
+				<a property="item" typeof="WebPage" href="https://wet-boew.github.io/GCWeb/index-fr.html">
+					<span property="name">GCWeb</span>
+				</a>
+				<meta property="position" content="2">
+			</li>
+		</ol>
+	</div>
+</nav>
diff --git a/sites/authentication/_base.scss b/sites/authentication/_base.scss
@@ -3,10 +3,10 @@
  */
 
 #wb-so {
+	flex: 0 0 auto;
 
 	.btn {
 		border-radius: 0px;
-		margin-top: 5px;
 	}
 
 	a.btn-primary:hover {

diff --git a/sites/authentication/_screen-sm-max.scss → ...entication/_screen-sm-max_deprecated.scss b/sites/authentication/_screen-sm-max.scss → ...entication/_screen-sm-max_deprecated.scss
diff --git a/sites/authentication/contextual-signin-en.html b/sites/authentication/contextual-signin-en.html
@@ -18,16 +18,14 @@
 <div class="wb-prettify all-pre hide"></div>
 
 <h2>Expected output code</h2>
-<pre><code>&lt;div class="col-xs-5 col-xs-offset-7 col-md-offset-0 col-md-4"&gt;
-			&lt;section id="wb-so"&gt;
-				&lt;h2 class="wb-inv"&gt;Sign in&lt;/h2&gt;
-				&lt;a class="btn btn-primary" href="https://www.canada.ca/en/revenue-agency/services/e-services/e-services-individuals/account-individuals.html"&gt;Sign in&lt;/a&gt;
-			&lt;/section&gt;
-		&lt;/div&gt;</code></pre>
+<pre><code>&lt;section id="wb-so"&gt;
+	&lt;h2 class="wb-inv"&gt;Sign in&lt;/h2&gt;
+	&lt;a class="btn btn-primary" href="https://www.canada.ca/en/revenue-agency/services/e-services/e-services-individuals/account-individuals.html"&gt;Sign in&lt;/a&gt;
+&lt;/section&gt;</code></pre>
 
 <h2>GCWeb Jekyll - Front matter example</h2>
 <pre><code>"auth": {
-		"type": "contextual",
-		"link": "https://www.canada.ca/en/revenue-agency/services/e-services/e-services-individuals/account-individuals.html",
-		"label": "Sign in"
-	}</code></pre>
+	"type": "contextual",
+	"link": "https://www.canada.ca/en/revenue-agency/services/e-services/e-services-individuals/account-individuals.html",
+	"label": "Sign in"
+}</code></pre>
diff --git a/sites/authentication/contextual-signin-fr.html b/sites/authentication/contextual-signin-fr.html
@@ -18,17 +18,15 @@
 <div class="wb-prettify all-pre hide"></div>
 
 <h2>Code source attendu</h2>
-<pre><code>&lt;div class="col-xs-5 col-xs-offset-7 col-md-offset-0 col-md-4"&gt;
-			&lt;section id="wb-so"&gt;
-				&lt;h2 class="wb-inv"&gt;Se connecter&lt;/h2&gt;
-				&lt;a class="btn btn-primary" href="https://www.canada.ca/fr/agence-revenu/services/services-electroniques/services-electroniques-particuliers/dossier-particuliers.html"&gt;Se connecter
-				&lt;/a&gt;
-			&lt;/section&gt;
-		&lt;/div&gt;</code></pre>
+<pre><code>&lt;section id="wb-so"&gt;
+	&lt;h2 class="wb-inv"&gt;Se connecter&lt;/h2&gt;
+	&lt;a class="btn btn-primary" href="https://www.canada.ca/fr/agence-revenu/services/services-electroniques/services-electroniques-particuliers/dossier-particuliers.html"&gt;Se connecter
+	&lt;/a&gt;
+&lt;/section&gt;</code></pre>
 
 <h2>Exemple de l'initialisation pour GCWeb Jekyll</h2>
 <pre><code>"auth": {
-		"type": "contextual",
-		"link": "https://www.canada.ca/fr/agence-revenu/services/services-electroniques/services-electroniques-particuliers/dossier-particuliers.html"
-		"label": "Se connecter"
-	}</code></pre>
+	"type": "contextual",
+	"link": "https://www.canada.ca/fr/agence-revenu/services/services-electroniques/services-electroniques-particuliers/dossier-particuliers.html"
+	"label": "Se connecter"
+}</code></pre>
diff --git a/sites/authentication/contextual-signin-label-extended-en.html b/sites/authentication/contextual-signin-label-extended-en.html
@@ -19,19 +19,17 @@
 <div class="wb-prettify all-pre hide"></div>
 
 <h2>Expected output code</h2>
-<pre><code>&lt;div class="col-xs-5 col-xs-offset-7 col-md-offset-0 col-md-4"&gt;
-			&lt;section id="wb-so"&gt;
-				&lt;h2 class="wb-inv"&gt;Sign in&lt;/h2&gt;
-				&lt;a class="btn btn-primary" href="https://www.canada.ca/en/revenue-agency/services/e-services/e-services-individuals/account-individuals.html"&gt;&lt;span class="visible-xs"&gt;Sign in&lt;/span&gt;
-				&lt;span class="hidden-xs"&gt;Sign in to [account name]&lt;/span&gt;
-				&lt;/a&gt;
-			&lt;/section&gt;
-		&lt;/div&gt;</code></pre>
+<pre><code>&lt;section id="wb-so"&gt;
+	&lt;h2 class="wb-inv"&gt;Sign in&lt;/h2&gt;
+	&lt;a class="btn btn-primary" href="https://www.canada.ca/en/revenue-agency/services/e-services/e-services-individuals/account-individuals.html"&gt;&lt;span class="visible-xs"&gt;Sign in&lt;/span&gt;
+	&lt;span class="hidden-xs"&gt;Sign in to [account name]&lt;/span&gt;
+	&lt;/a&gt;
+&lt;/section&gt;</code></pre>
 
 <h2>GCWeb Jekyll - Front matter example</h2>
 <pre><code>"auth": {
-		"type": "contextual",
-		"link": "https://www.canada.ca/en/revenue-agency/services/e-services/e-services-individuals/account-individuals.html",
-		"label": "Sign in",
-		"labelExtended": "Sign in to [account name]"
-	}</code></pre>
+	"type": "contextual",
+	"link": "https://www.canada.ca/en/revenue-agency/services/e-services/e-services-individuals/account-individuals.html",
+	"label": "Sign in",
+	"labelExtended": "Sign in to [account name]"
+}</code></pre>
diff --git a/sites/authentication/contextual-signin-label-extended-fr.html b/sites/authentication/contextual-signin-label-extended-fr.html
@@ -19,18 +19,16 @@
 <div class="wb-prettify all-pre hide"></div>
 
 <h2>Code source attendu</h2>
-<pre><code>&lt;div class="col-xs-5 col-xs-offset-7 col-md-offset-0 col-md-4"&gt;
-			&lt;section id="wb-so"&gt;
-				&lt;h2 class="wb-inv"&gt;Se connecter&lt;/h2&gt;
-				&lt;a class="btn btn-primary" href="https://www.canada.ca/fr/agence-revenu/services/services-electroniques/services-electroniques-particuliers/dossier-particuliers.html"&gt;&lt;span class="visible-xs"&gt;Se connecter&lt;/span&gt;
-				&lt;span class="hidden-xs"&gt;Se connecter à [compte]&lt;/span&gt;&lt;/a&gt;
-			&lt;/section&gt;
-		&lt;/div&gt;</code></pre>
+<pre><code>&lt;section id="wb-so"&gt;
+	&lt;h2 class="wb-inv"&gt;Se connecter&lt;/h2&gt;
+	&lt;a class="btn btn-primary" href="https://www.canada.ca/fr/agence-revenu/services/services-electroniques/services-electroniques-particuliers/dossier-particuliers.html"&gt;&lt;span class="visible-xs"&gt;Se connecter&lt;/span&gt;
+	&lt;span class="hidden-xs"&gt;Se connecter à [compte]&lt;/span&gt;&lt;/a&gt;
+&lt;/section&gt;</code></pre>
 
 <h2>Exemple de l'initialisation pour GCWeb Jekyll</h2>
 <pre><code>"auth": {
-		"type": "contextual",
-		"link": "https://www.canada.ca/fr/agence-revenu/services/services-electroniques/services-electroniques-particuliers/dossier-particuliers.html",
-		"label": "Se connecter",
-		"labelExtended": "Se connecter à [compte]"
-	}</code></pre>
+	"type": "contextual",
+	"link": "https://www.canada.ca/fr/agence-revenu/services/services-electroniques/services-electroniques-particuliers/dossier-particuliers.html",
+	"label": "Se connecter",
+	"labelExtended": "Se connecter à [compte]"
+}</code></pre>
diff --git a/sites/authentication/contextual-signin-nolabels-en.html b/sites/authentication/contextual-signin-nolabels-en.html
@@ -17,15 +17,13 @@
 <div class="wb-prettify all-pre hide"></div>
 
 <h2>Expected output code</h2>
-<pre><code>&lt;div class="col-xs-5 col-xs-offset-7 col-md-offset-0 col-md-4"&gt;
-			&lt;section id="wb-so"&gt;
-				&lt;h2 class="wb-inv"&gt;Sign in&lt;/h2&gt;
-				&lt;a class="btn btn-primary" href="https://www.canada.ca/en/revenue-agency/services/e-services/e-services-individuals/account-individuals.html"&gt;Sign in&lt;/a&gt;
-			&lt;/section&gt;
-		&lt;/div&gt;</code></pre>
+<pre><code>&lt;section id="wb-so"&gt;
+	&lt;h2 class="wb-inv"&gt;Sign in&lt;/h2&gt;
+	&lt;a class="btn btn-primary" href="https://www.canada.ca/en/revenue-agency/services/e-services/e-services-individuals/account-individuals.html"&gt;Sign in&lt;/a&gt;
+&lt;/section&gt;</code></pre>
 
 <h2>GCWeb Jekyll - Front matter example</h2>
 <pre><code>"auth": {
-		"type": "contextual",
-		"link": "https://www.canada.ca/en/revenue-agency/services/e-services/e-services-individuals/account-individuals.html"
-	}</code></pre>
+	"type": "contextual",
+	"link": "https://www.canada.ca/en/revenue-agency/services/e-services/e-services-individuals/account-individuals.html"
+}</code></pre>
diff --git a/sites/authentication/contextual-signin-nolabels-fr.html b/sites/authentication/contextual-signin-nolabels-fr.html
@@ -17,15 +17,13 @@
 <div class="wb-prettify all-pre hide"></div>
 
 <h2>Code source attendu</h2>
-<pre><code>&lt;div class="col-xs-5 col-xs-offset-7 col-md-offset-0 col-md-4"&gt;
-			&lt;section id="wb-so"&gt;
-				&lt;h2 class="wb-inv"&gt;Se connecter&lt;/h2&gt;
-				&lt;a class="btn btn-primary" href="https://www.canada.ca/fr/agence-revenu/services/services-electroniques/services-electroniques-particuliers/dossier-particuliers.html"&gt;Se connecter&lt;/a&gt;
-			&lt;/section&gt;
-		&lt;/div&gt;</code></pre>
+<pre><code>&lt;section id="wb-so"&gt;
+	&lt;h2 class="wb-inv"&gt;Se connecter&lt;/h2&gt;
+	&lt;a class="btn btn-primary" href="https://www.canada.ca/fr/agence-revenu/services/services-electroniques/services-electroniques-particuliers/dossier-particuliers.html"&gt;Se connecter&lt;/a&gt;
+&lt;/section&gt;</code></pre>
 
 <h2>Exemple de l'initialisation pour GCWeb Jekyll</h2>
 <pre><code>"contextSignin": {
-		"type": "contextual",
-		"link": "https://www.canada.ca/fr/agence-revenu/services/services-electroniques/services-electroniques-particuliers/dossier-particuliers.html"
-	}</code></pre>
+	"type": "contextual",
+	"link": "https://www.canada.ca/fr/agence-revenu/services/services-electroniques/services-electroniques-particuliers/dossier-particuliers.html"
+}</code></pre>
diff --git a/sites/authentication/contextual-signin-nomenu-en.html b/sites/authentication/contextual-signin-nomenu-en.html
@@ -32,8 +32,8 @@ <h2>Expected output code</h2>
 
 <h2>GCWeb Jekyll - Front matter example</h2>
 <pre><code>"nomenu": true,
-		auth": {
-		"type": "contextual",
-		"link": "https://www.canada.ca/en/revenue-agency/services/e-services/e-services-individuals/account-individuals.html",
-		"label": "Sign in"
-	}</code></pre>
+	auth": {
+	"type": "contextual",
+	"link": "https://www.canada.ca/en/revenue-agency/services/e-services/e-services-individuals/account-individuals.html",
+	"label": "Sign in"
+}</code></pre>
diff --git a/sites/authentication/contextual-signin-nomenu-fr.html b/sites/authentication/contextual-signin-nomenu-fr.html
@@ -32,8 +32,8 @@ <h2>Code source attendu</h2>
 
 <h2>Exemple de l'initialisation pour GCWeb Jekyll</h2>
 <pre><code>"nomenu": true,
-		"auth": {
-		"type": "contextual",
-		"link": "https://www.canada.ca/fr/agence-revenu/services/services-electroniques/services-electroniques-particuliers/dossier-particuliers.html"
-		"label": "Se connecter"
-	}</code></pre>
+	"auth": {
+	"type": "contextual",
+	"link": "https://www.canada.ca/fr/agence-revenu/services/services-electroniques/services-electroniques-particuliers/dossier-particuliers.html"
+	"label": "Se connecter"
+}</code></pre>
diff --git a/sites/breadcrumbs/_breadcrumb.scss b/sites/breadcrumbs/_breadcrumb.scss
@@ -4,22 +4,24 @@
  */
 
 #wb-bc {
+	flex: 1 0 0%;
+	padding-right: 10px;
+
 	ol {
-		margin-top: 15px;
+		margin-top: 10px;
 		padding-left: 0px;
 		padding-right: 0px;
 	}
 	li {
+		padding: 0;
 
 		&:before {
 			content: "\e080";
-			padding: 0 4px 0 0;
+			margin-left: 7px;
+			margin-right: 5px;
+			padding: 0;
 			position: relative;
 		}
-
-		&:first-child a {
-			padding-left: 0;
-		}
 	}
 	a {
 		padding: 5px 0;