Update header material (#244)

* Update global-header.html

* Update global-header.html

* Rename global-header.html to global-header.md

* Update breadcrumb-trail.html

* Update language-toggle.html

* Update global-header.md

* Update and rename search-box.html to search-box.md

* Update global-header.md

* Update and rename signature.html to signature.md

* Update and rename site-menu.html to site-menu.md

* Rename breadcrumb-trail.html to breadcrumb-trail.md

* Update global-header.md

* Update global-header.md

* Update global-header.md

* Add files via upload

* Add files via upload

* Delete 01-global-header-campaign-desktop-en.png

* Delete 01-global-header-campaign-small-en.png

* Delete 01-sign-in-mobile-en.jpg

* Delete 01-sign-in-desktop-en.jpg

* Delete 01-global-header-transactional-small-en.png

* Delete 01-global-header-transactional-desktop-en.png

* Update global-header.md

* Update breadcrumb-trail.md

* Add files via upload

* Add files via upload

* Update language-toggle.html

* Rename language-toggle.html to language-toggle.md

* Update search-box.md

* Add files via upload

* Update search-box.md

* Update signature.md

* Add files via upload

* Add files via upload

* Update site-menu.md

* Update global-header.md

Removed link to GCweb documentation

* Add files via upload

* Update language-toggle.md

* Update breadcrumb-trail.md

Removed a line of text, removed quick implementation guide

* Update language-toggle.md

Updated an image description and removed link to quick implementation guide

* Update search-box.md

Removed link to quick implementation guide

* Update signature.md

Removed link to GCWeb quick implementation

* Update site-menu.md

Removed GCWeb quick guide, updated blog link

* Update site-menu.md

Removed 'an entire theme' as per Peter's request

* Update breadcrumb-trail.md

* Update language-toggle.md

* Update search-box.md

* Update global-header.md

* Update signature.md

* Update site-menu.md

* Update global-header.md

Added cite tags

* Update breadcrumb-trail.md

Added cite tags

* Update language-toggle.md

Added cite tags

* Update search-box.md

Added cite tags

* Update signature.md

Added cite tags

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update global-header.md

* Update breadcrumb-trail.md

* Update language-toggle.md

* Update search-box.md

* Update signature.md

* Update site-menu.md

* Update site-menu.md

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update global-header.md

* Update site-menu.md

* Update breadcrumb-trail.md

* Update patterns-01-en.json

* Update global-header.md

* Update site-menu.md

Added a line: Links to the theme pages will remain available through the main band of the global footer and the breadcrumb trail.

* Update global-header.md

* Update _config.yml

* Update contextual-signin.html

Updated the pattern

* Update contextual-signin.html

Fixed bulleted list

* Update contextual-signin.html

Updated images

* Update breadcrumb-trail.md

Removed bulleted list

* Update signature.md

Removed bullets under content specs

* Update breadcrumb-trail.md

* Update signature.md

* Update contextual-signin.html
Update contextual-signin.html
Update contextual-signin.html
Update contextual-signin.html
Update contextual-signin.html
Update contextual-signin.html

* Update contextual-signin.html

* Add files via upload

* Update and rename contextual-signin.html to contextual-signin.md

* Add files via upload

* Update contextual-signin.md

* Add files via upload

* Delete 01a-signin-button-mobile-fr.png

* Create contextual-signin.md

* Update contextual-signin.md

* Delete contextual-signin.md

* Update search-box.md

* Update search-box.md

* Update contextual-signin.md

* Update contextual-signin.md

* Update contextual-signin.md

* Update breadcrumb-trail.md

* Update breadcrumb-trail.md

* Update breadcrumb-trail.md

* Update language-toggle.md

* Update search-box.md

* Update signature.md

* Update site-menu.md

* Update _config.yml

* Update _config.yml

* Update global-header.md

* Update breadcrumb-trail.md

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update _config.yml

* Update default.html

* Update breadcrumb-trail.md

* Update contextual-signin.md

* Update contextual-signin.md

* Update global-header.md

* Update global-header files

* Migration: Content and Information Architecture Specification (#200)

* Create usage-canadaca-design.md

* Rename usage-canadaca-design.md to architecture/usage-canadaca-design-01.md

* Create usage-canadaca-design-02.md

* Update usage-canadaca-design-02.md

* Update usage-canadaca-design-02.md

* Update usage-canadaca-design-02.md

* Rename usage-canadaca-design-02.md to usage-canadaca-design-02.html

* Update usage-canadaca-design-02.html

* Update usage-canadaca-design-02.html

* Create template-en.md

* Update template-en.md

* Create usage-canadaca-design.md

* Update template-en.md

* Create mandatory-elements.md

* Create canada-content-information-architecture-specification.md

* Create organizing-content.md

* Create templates.md

* Update canada-content-information-architecture-specification.md

* Update usage-canadaca-design.md

* Update usage-canadaca-design.md

* Update mandatory-elements.md

* Update organizing-content.md

* Update templates.md

* Delete usage-canadaca-design-01.md

* Delete usage-canadaca-design-02.html

* Delete template-en.md

* Update canada-content-information-architecture-specification.md

* Update canada-content-information-architecture-specification.md

* Update mandatory-elements.md

* Update organizing-content.md

* Update templates.md

* Update usage-canadaca-design.md

* Update canada-content-information-architecture-specification.md

* Update mandatory-elements.md

* Update organizing-content.md

* Update templates.md

* Update usage-canadaca-design.md

* migration files

* Update canada-content-information-architecture-specification.md

* Update canada-content-information-architecture-specification.md

* Update mandatory-elements.md

* Update organizing-content.md

* Update templates.md

* Update usage-canadaca-design.md

* Update README.md

* Create m.md

* Add files via upload

* Delete m.md

* Update organizing-content.md

* Update organizing-content.md

* Update mandatory-elements.md

* Update templates.md

* Update usage-canadaca-design.md

* Delete conceptual-overview-fra.png

* Update mandatory-elements.md

* Update organizing-content.md

* Update templates.md

* Update usage-canadaca-design.md

* Update README.md

* Update README.md

* Update canada-content-information-architecture-specification.md

* Update _config.yml

Adding default breadcrumbs for architecture section

* Update _config.yml

Adding default breadcrumbs for architecture section

---------

Co-authored-by: David Elisma <david.elisma@tbs-sct.gc.ca>

* Update site-footer-content.html (#245)

Fixing typo in the language toggle link which was giving a 404. No change needed on the French side, bc it is already working correctly

* Create contact-us

* Update contact-us/index.md

Co-authored-by: LPipes4 <laura.piper@tbs-sct.gc.ca>

* Update contact-us/index.md

Co-authored-by: LPipes4 <laura.piper@tbs-sct.gc.ca>

* Create contact-us

* Update templates.md (#248)

* fix links and tags

* Update templates.md

* Update support.md (#246)

Anchor links weren't working - possibly because there were capitals in the anchor??  Removed them.  

Only a problem on the english page.

* Update insights.md (#243)

Fixing a typo in the first on this page bullet

* fix broken links in IA Spec (#250)

* fix issue 249

* Update mandatory-elements.md

* Update canada-content-information-architecture-specification.md

* Update canada-content-information-architecture-specification.md

* Update usage-canadaca-design.md

* Update mandatory-elements.md

* Update templates.md

* Update mandatory-elements.md

* Update organizing-content.md

* Update usage-canadaca-design.md

* Update mandatory-elements.md

* Update organizing-content.md

* Update usage-canadaca-design.md

---------

Co-authored-by: Peter Crane <peter.crane@tbs-sct.gc.ca>

* Update patterns-01-en.json

* Update patterns-01-en.json

* Update site-footer-contextual.html

Updated design specs

* Update site-footer-contextual.html

Updated footer specs

* Update site-footer-main.html

Updated footer specs

* Update site-footer-main.html

* Update site-footer-contextual.html

* update html

* Update theme-topic.html

* fix spacing

* fix mixed content

* Update labels.html

* fix broken feedback widget

* fixed broken images and removed problem classes

* Update latest-news.html

missing an s on http link

* Page was missing feedback submit script

* Fixed hidden character in date modified

* Added missing s in http

* added fontawesome link

* Update monitoring.html

Updating link to new TSS content

* added s to http

* added s to http

* Update .gitignore

* Update global-header.md

* Update breadcrumb-trail.md

* Update contextual-signin.md

* Update language-toggle.md

* Update search-box.md

* Update signature.md

* Update site-menu.md

* Update breadcrumb-trail.md

* Update contextual-signin.md

* Update language-toggle.md

* Update search-box.md

* Update signature.md

* Update site-menu.md

* Update breadcrumb-trail.md

* Update contextual-signin.md

* Update language-toggle.md

* Update search-box.md

* Update signature.md

* Update _config.ymal

---------

Co-authored-by: donohuech <118768603+donohuech@users.noreply.github.com>
Co-authored-by: delisma <david.elisma@tbs-sct.gc.ca>
Co-authored-by: Peter Smith <peter.smith@tbs-sct.gc.ca>
Co-authored-by: LPipes4 <laura.piper@tbs-sct.gc.ca>
Co-authored-by: Jennifer Mealing <jennifermealingdesign@gmail.com>
Co-authored-by: Lana Stewart <58343190+LanaStewa@users.noreply.github.com>
Co-authored-by: Lana Stewart <lana.stewart@tbs-sct.gc.ca>

_config.yml

@@ -23,11 +23,14 @@ url: "https://design.canada.ca"
 # Page front matter defaults
 defaults:
   - scope:
-      path: "" # Ensure it's applied to all pages
+      path: "**/*.md" # Ensure it's applied to all pages
     values:
       css:
         - /css/split-h1.css
         - https://use.fontawesome.com/releases/v5.15.4/css/all.css
+        - /css/blog.css
+        - /css/custom.css
+      layout: default
       pageclass: cnt-wdth-lmtd
   - scope:
       path: "survey"
@@ -39,7 +42,6 @@ defaults:
         link: https://www.canada.ca/en/analytics.html
       - title: GC Task Success Survey
         link: survey/index.html
-      layout: default
   - scope:
       path: "architecture"
     values:
@@ -50,3 +52,27 @@ defaults:
           link: https://www.canada.ca/en/government/about/design-system.html
         - title: Information architecture specification
           link: https://design.canada.ca/architecture/canada-content-information-architecture-specification.html
+  - scope:
+      path: "common-design-patterns/*.md"
+    values:
+      breadcrumbs:
+        - title: About Canada.ca
+          link: https://www.canada.ca/en/government/about.html
+        - title: Canada.ca design system
+          link: https://www.canada.ca/en/government/about/design-system.html
+        - title: Template and pattern library for Canada.ca
+          link: https://www.canada.ca/en/government/about/design-system/pattern-library.html
+  - scope:
+      path: "common-design-patterns/global-header/*.md"
+    values:
+      breadcrumbs:
+        - title: About Canada.ca
+          link: https://www.canada.ca/en/government/about.html
+        - title: Canada.ca design system
+          link: https://www.canada.ca/en/government/about/design-system.html
+        - title: Template and pattern library for Canada.ca
+          link: https://www.canada.ca/en/government/about/design-system/pattern-library.html
+        - title: Global header
+          link: https://design.canada.ca/common-design-patterns/global-header.html
+      permalink: /common-design-patterns/:basename:output_ext
+

_layouts/default.html

@@ -15,12 +15,12 @@
 		{%- if page.section-title or site.title -%}
 		<h1 property="name" id="wb-cont" property="name headline" dir="ltr">
 			<span class="stacked">
-				<span>{{ page-title }}</span>: <span>{%- if page.section-title -%}{{ page.section-title }}{%- else -%}{{ site.title[ page.language ] }}{%- endif -%}</span>
+				<span>{{ page-title }}</span>: <span>{%- if page.section-title -%}{{ page.section-title }}{%- else -%}{{ site.title }}{%- endif -%}</span>
 			</span>
 		</h1>
 		{%- else -%}
 		<h1 class="gc-thickline" id="wb-cont">{{ page-title }}</h1>
 		{%- endif -%}
 		{{ content }}
 		{% include page-details/footer.html %}
-	</main>
+	</main>

common-design-patterns/global-header/breadcrumb-trail.md

@@ -0,0 +1,220 @@
+---
+altLangPage: "https://conception.canada.ca/configurations-conception-communes/fil-ariane.html"
+date: 2017-10-05
+dateModified: 2023-06-26
+description: "Guidance about using breadcrumbs on Canada.ca. The breadcrumb trail provides a series of navigational links that gives people a sense of where they are in relation to the site structure."
+title: "Breadcrumb trail"
+---
+<div class="row">
+  <div class="col-md-12 pull-left">
+    <ul class="list-inline small mrgn-bttm-sm" id="list-inline-desktop-only">
+      <li class="mrgn-rght-lg"> Last updated: {{ page.dateModified }}</li>
+    </ul>
+  </div>
+</div>
+<p><span class="label label-danger">Mandatory on standard and campaign pages</span></p>
+<p>The breadcrumb trail is a horizontal series of links that gives people a sense of where they are in relation to Canada.ca's navigation model.  It represents the location of a page in relation to its parent and provides a clear way to navigate to higher levels in the site structure.</p>
+<div class="pattern-demo mrgn-tp-lg">
+  <figure class="mrgn-bttm-sm"><img src="../../images/01-breadcrumbs-main-en.png" class="img-responsive" alt=""></figure>
+</div>
+<section>
+  <h2>On this page</h2>
+  <ul>
+    <li><a href="#when">When to use</a></li>
+    <li><a href="#avoid">What to avoid</a></li>
+    <li><a href="#content">Content and design</a></li>
+    <li><a href="#implementation">How to implement</a></li>
+    <li><a href="#research">Research and rationale</a></li>
+    <li><a href="#changes">Latest changes</a></li>
+  </ul>
+</section>
+<h2 id="when">When to use</h2>
+<p>The breadcrumb trail is mandatory on all pages, except transactional pages.</p>
+<h2 id="avoid">What to avoid</h2>
+<p>Don't program the breadcrumb trail to be generated dynamically based on a visitor's journey to a page. It should represent the location of a page as it stands in relation to the site's navigation model.</p>
+<p>Avoid long link labels that push content down on mobile. Use shortened versions of multi-word page titles when possible.</p>
+<p>Don't display the current page at the end of the breadcrumb trail (linked or unlinked). It increases the length of the breadcrumb unnecessarily, especially on mobile. The heading of the page is enough to let people know where they are.</p>
+<h2 id="content">Content and design</h2>
+<p>Find content and design specifications and visual examples.</p>
+<h3>Content specifications</h3>
+  <p>Align the breadcrumb trail to the left directly below the menu button (or the divider line if there is no menu button).</p>
+<p>Use “Canada.ca” as the text of the first breadcrumb link on standard and campaign pages.</p>
+    <ul>
+      <li>Link to the Canada.ca home page in the language of the current page.</li>
+    </ul>
+  <p>You can use either “Home” or the name of the process or application as the text of the first breadcrumb link on transactional pages that use a breadcrumb trail.</p>
+    <ul>
+      <li>Link to the starting page of the process or the landing page of the application.</li>
+    </ul>
+  <p>Use a single right chevron icon to separate each breadcrumb link.</p>
+<p>Reflect the title of the page in the breadcrumb label.</p>
+    <ul>
+      <li>Shorten breadcrumb labels where possible to improve readability and reduce space.</li>
+    </ul>
+<p>For example, these breadcrumbs:</p>
+<div class="container">
+  <p class="breadcrumb">Canada.ca <span class="glyphicon glyphicon-chevron-right small"></span> Immigration and citizenship <span class="glyphicon glyphicon-chevron-right small"></span> Canadian citizenship <span class="glyphicon glyphicon-chevron-right small"></span> Apply for Canadian citizenship <span class="glyphicon glyphicon-chevron-right small"></span> Prepare for the Canadian citizenship test and interview</p>
+</div>
+<p>Can be shortened to this:</p>
+<div class="container">
+  <p class="breadcrumb">Canada.ca <span class="glyphicon glyphicon-chevron-right small"></span> Immigration and citizenship <span class="glyphicon glyphicon-chevron-right small"></span> Canadian citizenship <span class="glyphicon glyphicon-chevron-right small"></span> Apply <span class="glyphicon glyphicon-chevron-right small"></span> Prepare for the test and interview</p>
+</div>
+
+  <h4>Accessibility</h4>
+    <p>Include “You are here:” as invisible help text.</p>
+  <h4>Interactions</h4>
+    <p>When selected, each breadcrumb should bring the user to a unique page.</p>
+  <h3>Design specifications</h3>
+  <p>Design specifications for the breadcrumbs are:</p>
+  <ul>
+    <li>Type: link</li>
+    <li>Position: top left</li>
+    <li>Font: Noto sans</li>
+    <li>Size: 16px</li>
+    <li>Text colour:
+      <ul>
+        <li>default link: #284162</li>
+        <li>selected link (on hover or focus): #0535d2</li>
+        <li>visited link: #7834bc</li>
+      </ul>
+    </li>
+    <li>Spacing
+      <ul>
+        <li>vertical padding: 13px</li>
+        <li>horizontal padding: 2px</li>
+        <li>margin top: 15px</li>
+        <li>line-height: 23px</li>
+      </ul>
+    </li>
+    <li>Icon: glyphicon-chevron-right</li>
+  </ul>
+  <h4>Accessibility</h4>
+  <p>Code breadcrumbs as an ordered list.</p>
+  <h4>Breadcrumb structure</h4>
+  <p>Here are some examples of breadcrumbs for different locations on Canada.ca:</p>
+
+<h5 class="mrgn-tp-lg">Theme pages, institutional and organizational pages</h5>
+<div class="container">
+  <p class="breadcrumb">Canada.ca</p>
+</div>
+<h5>First-level topic pages</h5>
+<div class="container">
+  <p class="breadcrumb">Canada.ca <span class="glyphicon glyphicon-chevron-right small"></span> [Parent theme]</p>
+</div>
+<h5>Second-level topic pages</h5>
+<div class="container">
+  <p class="breadcrumb">Canada.ca <span class="glyphicon glyphicon-chevron-right small"></span> [Parent theme] <span class="glyphicon glyphicon-chevron-right small"></span> [Parent topic]</p>
+</div>
+<h5>Corporate, program or policy content pages</h5>
+<div class="container">
+  <p class="breadcrumb">Canada.ca <span class="glyphicon glyphicon-chevron-right small"></span> [Institutional profile page]</p>
+</div>
+<h5>Partnering and collaborative arrangement profile pages</h5>
+<div class="container">
+  <p class="breadcrumb">Canada.ca</p>
+</div>
+<h5>Basic search pages</h5>
+<div class="container">
+  <p class="breadcrumb">Canada.ca</p>
+</div>
+<h5>Advanced search pages</h5>
+<div class="container">
+  <p class="breadcrumb">Canada.ca <span class="glyphicon glyphicon-chevron-right small"></span> [Basic search]</p>
+</div>
+
+  <h5>Campaigns and promotions</h5>
+  <p>Promotion campaigns don't need a breadcrumb trail. If you add one, it can lead back to the topic tree, the Institutional/Organizational profile, or to the Home page of Canada.ca.</p>
+
+<h5 class="mrgn-tp-lg">News</h5>
+<div class="container">
+  <p class="breadcrumb">Canada.ca <span class="glyphicon glyphicon-chevron-right small"></span> [Institutional profile page]</p>
+</div>
+<h5 class="mrgn-tp-lg">Application</h5>
+<div class="container">
+  <p class="breadcrumb">Home</p>
+</div>
+
+  <h3>Visual examples</h3>
+  <div class="pattern-demo mrgn-tp-lg">
+    <figure>
+      <figcaption><b>Global header with breadcrumb trail  - large screen</b></figcaption>
+      <img src="../../images/01-breadcrumbs-main-en.png" class="img-responsive" alt=" ">
+      <details class="mrgn-tp-md">
+        <summary class="wb-toggle small" data-toggle="{&quot;print&quot;:&quot;on&quot;}">Image description: global header with breadcrumb trail  - large screen</summary>
+        <p class="mrgn-tp-lg">The breadcrumbs appear under the menu button in a horizontal line.</p>
+      </details>
+    </figure>
+  </div>
+  <div class="pattern-demo mrgn-tp-lg">
+    <figure>
+      <figcaption><b>Global header – small screen</b></figcaption>
+      <img src="../../images/01-breadcrumbs-sm-en.png" class="img-responsive" alt=" ">
+      <details class="mrgn-tp-md">
+        <summary class="wb-toggle small" data-toggle="{&quot;print&quot;:&quot;on&quot;}">Image description: global header with breadcrumb trail  - small screen</summary>
+        <p class="mrgn-tp-lg">The breadcrumbs appear under the menu button.</p>
+      </details>
+    </figure>
+  </div>
+  <h2 id="implementation">How to implement</h2>
+  <p>Find working examples for implementing the breadcrumbs.</p>
+  <h3>GCweb (WET) theme implementation reference</h3>
+  <p>The implementation reference includes how to configure each element of the header.</p>
+  <ul>
+    <li><a href="https://wet-boew.github.io/GCWeb/sites/breadcrumbs/breadcrumbs-en.html">Breadcrumbs - GCWeb (WET) documentation</a></li>
+    <li><a href="https://wet-boew.github.io/GCWeb/sites/header/header-docs-en.html">GCWeb (WET) header documentation</a></li>
+  </ul>
+  <h3>Implementations</h3>
+  <p>Determine what best suits the type of page you're creating. Refer to your implementation's guidance if you want to exclude breadcrumbs.</p>
+  <div class="row">
+    <div class="col-md-8">
+      <div class="wb-tabs mrgn-tp-lg">
+        <div class="tabpanels">
+          <details id="004" open="open">
+            <summary><strong>GC-AEM</strong></summary>
+            <p class="mrgn-tp-lg">For the Government of Canada Adobe Experience Manager (AEM):</p>
+            <ul>
+              <li><a href="https://www.gcpedia.gc.ca/gcwiki/images/9/9a/AEM-6.5-Documentation-Unit-3-7-Changing-the-Default-Breadcrumb.pdf">Changing the default breadcrumb (PDF - GCPedia link - only available on the Government of Canada network)</a></li>
+              <li><a href="https://www.gcpedia.gc.ca/wiki/AEM_GC-specific_Documentation_6.5">AEM/Managed Web Service documentation (GCPedia link - only available on the Government of Canada network)</a></li>
+            </ul>
+          </details>
+          <details id="005">
+            <summary><strong>CDTS</strong></summary>
+            <p class="mrgn-tp-lg">For the Centrally Deployed Templates Solution (CDTS):</p>
+            <ul>
+              <li><a href="https://cdts.service.canada.ca/app/cls/WET/gcweb/v4_0_47/cdts/samples/breadcrumbs-en.html">Breadcrumbs - CDTS documentation </a></li>
+              <li><a href="https://cenw-wscoe.github.io/sgdc-cdts/docs/index-en.html">CDTS documentation</a></li>
+            </ul>
+          </details>
+          <details id="006">
+            <summary><strong>Drupal WxT</strong></summary>
+            <p class="mrgn-tp-lg">For Drupal WxT:</p>
+            <ul>
+              <li><a href="https://drupalwxt.github.io/en/">Drupal WxT documentation</a></li>
+            </ul>
+          </details>
+        </div>
+      </div>
+    </div>
+  </div>
+  <h2 id="research">Research and rationale</h2>
+  <p>Consult research findings and policy rationale.</p>
+  <h3>Research findings</h3>
+  <ul>
+  <li><a href="https://blog.canada.ca/2020/08/10/CanadaDotCa-trusted-source.html">Canada.ca is a trusted source</a><br>
+    Explains the decision to use “Canada.ca” as the label for the first link in the breadcrumb</li>
+  <li><a href="https://blog.canada.ca/research-summaries/wayfinding-on-canada-ca.html">Wayfinding on Canada.ca research summary</a><br>
+    Research showing that people navigating on the site use breadcrumb links nearly twice as often as they use the Theme and topic menu</li>
+  </ul>
+    <h3>Policy rationale</h3>
+  <p>The spacing specifications for the breadcrumb links are designed so that touch targets meet WCAG AAA requirements.</p>
+  <p>As part of the global header, the breadcrumb is a mandatory element under the <cite>Content and Information Architecture Specification.</cite></p>
+  <ul>
+    <li><a href="https://www.canada.ca/en/treasury-board-secretariat/services/government-communications/canada-content-information-architecture-specification/mandatory-elements.html">Mandatory elements of the design system</a></li>
+  </ul>
+  <h2 id="changes">Latest changes</h2>
+  <dl class="dl-horizontal">
+    <dt>
+      <time datetime="2023-06-26" class="link-muted">2023-06-26</time>
+    </dt>
+    <dd>Updated the guidance to include advice on what to avoid, content and design specifications, visual examples, implementation guidance, research findings and policy rationale</dd>
+  </dl>