more styling update to align with canada.ca

track/templates/en/domains.html

@@ -1,6 +1,6 @@
 {% extends "en/layout-en.html" %}
 
-{% block title %}Check compliance - By Domain{% endblock %}
+{% block title %}Check compliance - By Domain - Canada.ca{% endblock %}
 {% block pageid_en %}domains{% endblock %}
 {% block pageid_fr %}domaines{% endblock %}
 {% block description %}This dashboard reports how federal government websites and web services are meeting good web security practices, as outlined in Information Technology Policy Implementation Notice (ITPIN): Implementing HTTPS for Secure Web Connections.{% endblock description %}

track/templates/en/guidance.html

@@ -1,14 +1,14 @@
 {% extends "en/layout-en.html" %}
 
-{% block title %}Read guidance{% endblock %}
+{% block title %}Read guidance: Track web security compliance - Canada.ca{% endblock %}
 {% block pageid_en %}guidance{% endblock %}
 {% block pageid_fr %}directives{% endblock %}
 {% block description %}Read guidance.{% endblock description %}
 
 {% block content %}
 <section id="main-content" class="flex-1">
     <div class="container mx-auto items-center sm:w-4/5 xl:w-5/6 mt-6 mb-6" aria-labelledby="readguidance">
-        <h1 class="text-5xl border-0 font-black">Read guidance</h1>
+        <h1 class="text-5xl font-black">Read guidance</h1>
         <p class="text-2xl">Help us make government websites more secure. Please complete the following steps to become compliant with the Government of Canada's web security standards. If you have any questions about this process, please <a href="/en/help">contact us</a>.</p>
         <br/>
 

track/templates/en/help.html

@@ -1,14 +1,14 @@
 {% extends "en/layout-en.html" %}
 
-{% block title %}Get help{% endblock %}
+{% block title %}Get help: Track web security compliance - Canada.ca{% endblock %}
 {% block pageid_en %}help{% endblock %}
 {% block pageid_fr %}aide{% endblock %}
 {% block description %}For interpretation of any aspect of Implementing HTTPS for Secure Web Connections: Information Technology Policy Implementation Notice (ITPIN), contact Treasury Board of Canada Secretariat through Public Enquiries.{% endblock description %}
 
 {% block content %}
 <section id="main-content" class="flex-1" aria-label="Get help">
 	<div class="container mx-auto items-center sm:w-4/5 xl:w-5/6 mt-6">
-		<h1 class="text-5xl border-0 font-black">Get help</h1>
+		<h1 class="text-5xl font-black">Get help</h1>
 		<h2 class="text-4xl mb-4">General public</h2>
 		<p class="text-2xl">For interpretation of any aspect of <a class="text-https-blue hover:text-black" href="https://www.canada.ca/en/treasury-board-secretariat/services/information-technology/policy-implementation-notices/implementing-https-secure-web-connections-itpin.html">Implementing HTTPS for Secure Web Connections: Information Technology Policy Implementation Notice (ITPIN)</a>, contact Treasury Board of Canada Secretariat through Public Enquiries.</p>
 		<h2 class="text-4xl mt-4 mb-4">Government of Canada employees</h2>
@@ -24,10 +24,6 @@ <h2 class="text-4xl mt-4 mb-4">Government of Canada employees</h2>
 					{
 					 title: "Track web security compliance",
                      href: "/en/index"
-					},
-					{
-					 title: "Help",
-
 					}
 
 {% endblock %}

track/templates/en/index.html

@@ -1,29 +1,48 @@
 {% extends "en/layout-en.html" %}
 
-{% block title %}Track web security compliance{% endblock %}
+{% block title %}Track web security compliance - Canada.ca{% endblock %}
 
 {% block pageid_en %}index{% endblock %}
 {% block pageid_fr %}index{% endblock %}
 {% block description %}Track how government sites are becoming more secure.{% endblock description %}
 
 {% block content %}
 
-<section id="main-content" class="flex-1 bg-https-light-gray py-6" role="contentinfo" aria-label="Track web security compliance">
+<section id="main-content" class="flex-1  py-6" role="contentinfo" aria-label="Track web security compliance">
 
 		<div class="flex flex-col lg:flex-row mx-auto items-auto  sm:w-4/5 xl:w-5/6">
+
 			<div class="flex-1 mt-6 mr-6">
-				<h1 class="text-5xl font-black mb-6 border-0">Track web security compliance</h1>
+				<h1 class="text-5xl font-black mb-6 w-full">Track web security compliance</h1>
 				<h2 class="text-4xl mb-2 font-black">Making government websites more secure</h2>
-				<p class="text-3xl">Canadians rely on the Government of Canada to provide secure digital services. A <a class="text-https-blue hover:text-black" href="https://www.canada.ca/en/treasury-board-secretariat/services/information-technology/policy-implementation-notices/implementing-https-secure-web-connections-itpin.html">new policy notice</a> guides government websites to adopt good web security practices. Track how government sites are becoming more secure.</p>
-
-				<div class="flex">
-					<p class="text-3xl mt-2 lg:mt-6"><a href="/en/organizations/" class="text-https-blue hover:text-black">Check a government website</a></p>
-					<object class="ml-2 lg:mt-4" type="image/svg+xml" tabindex="-1" aria-hidden="true" role="none" data="/static/images/cta-arrow.svg"></object>
-				</div>
+				<p class="text-3xl">Canadians rely on the Government of Canada to provide secure digital services. A new policy notice guides government websites to adopt good web security practices. Track how government sites are becoming more secure.</p>
+                <br/>
+
+
+                <div class="flex-1 flex-col">
+                     <div class="flex flex-row my-4">
+                         <div class="w-1/2 text-left"><h3 class="text-3xl"><a href="/en/organizations">Check compliance</a></h3>
+                          <p class="text-3xl">Which organizations or domains meet requirements</p>
+                         </div>
+                         <div class="w-1/2 text-left"><h3 class="text-3xl"><a href="/en/guidance">Read guidance</a></h3>
+                          <p class="text-3xl">Detailed process for government sites to become compliant</p>
+                         </div>
+                     </div>
+                     <div class="flex flex-row">
+                         <div class="w-1/2 text-left"><h3 class="text-3xl"><a href="https://www.canada.ca/en/treasury-board-secretariat/services/information-technology/policy-implementation-notices/implementing-https-secure-web-connections-itpin.html">Policy notice</a></h3>
+                          <p class="text-3xl">Information Technology Policy<br/>Information Notice: Implementing<br/>HTTPS For Secure Web Connection</p>
+                         </div>
+                         <div class="w-1/2 text-left"><h3 class="text-3xl"><a href="/en/help">Contacts</a></h3>
+                           <p class="text-3xl">For government or the public, get in touch for questions or comments</p>
+                         </div>
+                     </div>
+                </div>
 
 			</div>
-
-			<div class="flex-inline flex-col text-center mx-auto">
+
+			<div class="flex-inline flex-col text-center ">
+
+                <div class="sm:h-24"></div>
 				<div class="compliant"></div>
 				<h3 class="font-bold text-3xl sm:text-2xl">Domains that <br> enforce HTTPS</h3>
 			</div>

track/templates/en/organizations.html

@@ -1,6 +1,6 @@
 {% extends "en/layout-en.html" %}
 
-{% block title %}Check compliance - By Organization{% endblock %}
+{% block title %}Check compliance - By Organization - Canada.ca{% endblock %}
 
 {% block pageid_en %}organizations{% endblock %}
 {% block pageid_fr %}organisations{% endblock %}

track/templates/includes/en/header.html

@@ -1,5 +1,5 @@
 <div class="container mx-auto items-center sm:w-4/5 xl:w-5/6 mt-6">
-	<h1 class="text-5xl font-black border-0">Check compliance</h1>
+	<h1 class="text-5xl font-black">Check compliance</h1>
 	<h2 class="text-4xl font-black mb-4 sm:mb-6 ">Last updated {{ scan_date | display_date("en") }}</h2>
 	<p class="text-3xl mb-6">This dashboard reports how federal government websites and web services are meeting good web security practices, as outlined in <a class="text-https-blue hover:text-black" href="https://www.canada.ca/en/treasury-board-secretariat/services/information-technology/policy-implementation-notices/implementing-https-secure-web-connections-itpin.html">Information Technology Policy Implementation Notice (ITPIN): Implementing HTTPS for Secure Web Connections</a>.</p>
 	<p class="text-3xl mb-8"><a id="modal-btn" class="text-https-blue hover:text-black" href="#">How do I read this table?</a></p>