Home: updating All services button styling

_data/sites.json

@@ -2323,7 +2323,7 @@
 				"en": "https://design.canada.ca/styles/typography.html",
 				"fr": "https://conception.canada.ca/styles/typographie.html"
 			},
-			"iteration": "_:iteration_smpt_1",
+			"iteration": "_:iteration_smpt_2",
 			"example": [
 				{
 					"en": { "href": "main-page-title-stacked-en.html", "text": "Stacked main page title" },
@@ -2401,7 +2401,7 @@
 		},
 		{
 			"@id": "_:implement_mpt_gcweb",
-			"iteration": "_:iteration_mpt_2",
+			"iteration": "_:iteration_mpt_4",
 			"name": {
 				"en": "GCWeb Jekyll",
 				"fr": "GCWeb Jekyll"
@@ -2437,7 +2437,7 @@
 		},
 		{
 			"@id": "_:implement_smpt",
-			"iteration": "_:iteration_smpt_1",
+			"iteration": "_:iteration_smpt_2",
 			"name": {
 				"en": "Standard",
 				"fr": "Standard"
@@ -2473,7 +2473,7 @@
 		},
 		{
 			"@id": "_:implement_smpt_gcweb",
-			"iteration": "_:iteration_smpt_1",
+			"iteration": "_:iteration_smpt_2",
 			"name": {
 				"en": "GCWeb Jekyll",
 				"fr": "GCWeb Jekyll"
@@ -2512,7 +2512,7 @@
 		{
 			"@id": "_:cs_mpt",
 			"name": "Default h1",
-			"baseOnIteration": "_:iteration_mpt_3",
+			"baseOnIteration": "_:iteration_mpt_4",
 			"detectableBy": "Visual inspection can be used to detect the size of the line. The width of the line should be 71px (3.55em) long and the thickness should be 3.6px (0.18em), with the color #af3c43.",
 			"layout": "The line is positioned below the text.",
 			"semantic": "h1",
@@ -2535,7 +2535,7 @@
 		{
 			"@id": "_:cs_smpt",
 			"name": "Stacked main page title",
-			"baseOnIteration": "_:iteration_smpt_1",
+			"baseOnIteration": "_:iteration_smpt_2",
 			"detectableBy": "hgroup > h1#wb-cont",
 			"layout": "The section page title is above the page title. The line is positioned below the page title.",
 			"semantic": "hgroup > p + h1",
@@ -2581,7 +2581,8 @@
 			"fixes": [
 				"Style: Added left/right/top <code>border-*-width: 0;</code> properties to avoid three-sided borders in Safari &lt;= 15.3."
 			],
-			"predecessor": "_:iteration_mpt_2"
+			"predecessor": "_:iteration_mpt_2",
+			"successor": "_:iteration_mpt_4"
 		},
 		{
 			"@id": "_:iteration_mpt_4",
@@ -2590,13 +2591,16 @@
 			"detectableBy": "h1#wb-cont[dir='rtl'], [dir='rtl'] h1#wb-cont",
 			"additions": [
 				"Added right to left support"
-			]
+			],
+			"predecessor": "_:iteration_mpt_3"
+
 		},
 		{
 			"@id": "_:iteration_smpt_1",
 			"name": "Stacked main page title - Iteration 1",
 			"date": "2024-08",
-			"detectableBy": "hgroup > h1#wb-cont"
+			"detectableBy": "hgroup > h1#wb-cont",
+			"successor": "_:iteration_smpt_2"
 		},
 		{
 			"@id": "_:iteration_smpt_2",
@@ -2605,7 +2609,8 @@
 			"detectableBy": "hgroup > h1#wb-cont[dir='ltr'], [dir='ltr'] hgroup > h1#wb-cont",
 			"additions": [
 				"Added right to left support"
-			]
+			],
+			"predecessor": "_:iteration_smpt_1"
 		}
 	]
 }

templates/home/_base.scss

@@ -76,4 +76,22 @@
 		background-repeat: no-repeat;
 		background-size: 38%;
 	}
+
+	// All services button under services and information
+	.home-all-services {
+		margin-bottom: 20px;
+		margin-top: 20px;
+
+		.btn {
+			border: 2px solid #26374a;
+			color:#26374a;
+			font-size: 1.1em;
+			font-weight: bold;
+			padding: .65em 1.1em;
+
+			&:hover {
+				text-decoration: underline;
+			}
+		}
+	}
 }

templates/home/home-en.html

@@ -5,8 +5,6 @@
 dateModified: 2022-09-16
 layout: home
 breadcrumbs: false
-css:
-- test.css
 ---
 
 <div class="bg-cover" data-bgimg-srcset="https://www.canada.ca/content/dam/canada/homepage-bg/bkg-home-banner-spring-1920.jpg 1920w, https://www.canada.ca/content/dam/canada/homepage-bg/bkg-home-banner-spring-1200.jpg 1200w, https://www.canada.ca/content/dam/canada/homepage-bg/bkg-home-banner-spring-992.jpg 992w, https://wet-boew.github.io/vocab/wb/utilities#no-image 767w">
@@ -84,9 +82,9 @@ <h3><a href="https://www.canada.ca/en/services/finance.html">Money and finances<
 				<p>Personal finance, credit reports, fraud protection, paying for education</p>
 			</div>
 		</div>
-		<div>
-			<p class="btn-all-services"><a class="btn" href="https://www.canada.ca/en/services.html">All services</a></p>
-		</div>
+		<p class="home-all-services">
+			<a class="btn" href="https://www.canada.ca/en/services.html">All services</a>
+		</p>
 	</div>
 
 </section>

templates/home/home-fr.html

@@ -80,9 +80,9 @@ <h3><a href="https://www.canada.ca/fr/services/finance.html">Argent et finances<
 				<p>Finances personnelles, dossiers de crédit, se protéger de la fraude, financer votre éducation</p>
 			</div>
 		</div>
-		<div>
-			<a class="btn btn-call-to-action" href="https://www.canada.ca/fr/services.html">Tous les services</a>
-		</div>
+		<p class="home-all-services">
+			<a class="btn" href="https://www.canada.ca/fr/services.html">Tous les services</a>
+		</p>
 	</div>
 </section>