Merge pull request #418 from canada-ca/master

Synchronize

_config.yml

@@ -68,6 +68,10 @@
   "urlconception": "https://conception.canada.ca",
   "urlcanadaca": "https://www.canada.ca",
   "urlblogca": "https://blog.canada.ca",
+  "emails": {
+    "dto": "[email protected]",
+    "atip": "[email protected]"
+  },
   "webmaster_verifications": {
     "google": "Nt_CftRIypA9xVS7Znb2VkrsYbtIDuFWHryxSAC6OwM",
     "yandex": "b8834a99b9021b0e"

_sass/components.sass

@@ -1,3 +1,4 @@
+// Sass Document
 .beta-top, .alpha-top
   padding-top: 2px !important
   padding-bottom: 2px !important
@@ -958,18 +959,6 @@ blockquote
 h1
   border-bottom: none
 
-  &#wb-cont::after
-    content: ""
-    /* This is necessary for the pseudo element to work.
-    display: block
-    /* This will put the pseudo element on its own line.
-    width: 70px
-    /* Change this to whatever width you want to have before hover.
-    padding-bottom: 8px
-    /* This creates some space between the element and the border.
-    border-bottom: 0.18em solid #af3c43
-    /* This creates the border. Replace black with whatever color you want.*/
-
   span.stacked
     display: flex
     flex-direction: column-reverse
@@ -1164,4 +1153,3 @@ h1
 @media screen and (max-width: 991px)
   .provisional.contributors ul
     margin-inline-start: 1.5em
-

architecture/templates.md

@@ -87,6 +87,6 @@ title: "Designing content on Canada.ca"
   </section>
   <section>
     <h2 id="help">Help improve this design system</h2>
-    <p>When designing for Canada.ca, keep in mind that the measure of success is more than just conformity to guidelines. It is equally important to help users successfully complete their tasks. Improving the rules is encouraged. Always share your ideas to make things better with the Digital Transformation Office at <a href="mailto:[email protected]">[email protected].</a></p>
+    <p>When designing for Canada.ca, keep in mind that the measure of success is more than just conformity to guidelines. It is equally important to help users successfully complete their tasks. Improving the rules is encouraged. Always share your ideas to make things better with the Digital Transformation Office at <a href="mailto:{{ site.emails.dto }}">{{ site.emails.dto }}.</a></p>
   </section>
 </section>

common-design-patterns/global-footer/site-footer-contextual.md

@@ -191,6 +191,6 @@ title: "Global footer: Contextual band"
     <li><a href="https://github.com/canada-ca/design-system-systeme-conception/issues">Discuss the pattern in GitHub
       issues</a></li>
     <li><a href="https://design-gc-conception.slack.com/join/shared_invite/enQtODE1OTc5Mzg5NzQ4LWQ3MjZjMTdjMjk2ZTZmMTJjYWQ3ZmRiNDYwYjRmN2NjYzQyNjFlNDBlY2FkNWE1ODg2YjExY2QwZmVjN2MwMGM">Join the conversation on Slack</a></li>
-    <li><a href="mailto:[email protected]">Send an email to the Digital Transformation Office</a></li>
+    <li><a href="mailto:{{ site.emails.dto }}">Send an email to the Digital Transformation Office</a></li>
   </ul>
 </section>

common-design-patterns/global-footer/site-footer-main.md

@@ -201,6 +201,6 @@ title: "Global footer: Main band"
     <li><a href="https://github.com/canada-ca/design-system-systeme-conception/issues">Discuss the pattern in GitHub
       issues</a></li>
     <li><a href="https://design-gc-conception.slack.com/join/shared_invite/enQtODE1OTc5Mzg5NzQ4LWQ3MjZjMTdjMjk2ZTZmMTJjYWQ3ZmRiNDYwYjRmN2NjYzQyNjFlNDBlY2FkNWE1ODg2YjExY2QwZmVjN2MwMGM">Join the conversation on Slack</a></li>
-    <li><a href="mailto:[email protected]">Send an email to the Digital Transformation Office</a></li>
+    <li><a href="mailto:{{ site.emails.dto }}">Send an email to the Digital Transformation Office</a></li>
   </ul>
 </section>

common-design-patterns/global-footer/site-footer-sub.md

@@ -204,6 +204,6 @@ title: "Global footer: Sub-footer band"
     <li><a href="https://github.com/canada-ca/design-system-systeme-conception/issues">Discuss the pattern in GitHub
       issues</a></li>
     <li><a href="https://design-gc-conception.slack.com/join/shared_invite/enQtODE1OTc5Mzg5NzQ4LWQ3MjZjMTdjMjk2ZTZmMTJjYWQ3ZmRiNDYwYjRmN2NjYzQyNjFlNDBlY2FkNWE1ODg2YjExY2QwZmVjN2MwMGM">Join the conversation on Slack</a></li>
-    <li><a href="mailto:[email protected]">Send an email to the Digital Transformation Office</a></li>
+    <li><a href="mailto:{{ site.emails.dto }}">Send an email to the Digital Transformation Office</a></li>
   </ul>
 </section>

common-design-patterns/global-header.md

@@ -377,7 +377,7 @@ title: "Global header"
   <li>the flag in the Government of Canada signature more when it’s red</li>
   <li>a white background more than dark mode</li>
 </ul>
-<p>If you want to know more about this research, contact the Digital Transformation Office at <a href="mailto:[email protected]">[email protected]</a>.</p>
+<p>If you want to know more about this research, contact the Digital Transformation Office at <a href="mailto:{{ site.emails.dto }}">{{ site.emails.dto }}</a>.</p>
 <h4>Wayfinding on Canada.ca project</h4>
 <p>We updated the global header for Canada.ca to align with a new overall navigation strategy that came out of the Wayfinding research project.</p>
 <ul>

common-design-patterns/global-header/signature.md

@@ -119,7 +119,7 @@ title: "Government of Canada signature"
 <h3>Research findings</h3>
 <p>Trust and consistency are essential. Our Canada.ca Trust Study and prior research show that a consistent header is necessary to maintaining a trusted brand.</p>
 <p>For example, people trust the page more when the flag in the Government of Canada signature is red.</p>
-<p>If you want to know more about this research, contact the Digital Transformation Office at <a href="mailto:[email protected]">[email protected]</a>.</p>
+<p>If you want to know more about this research, contact the Digital Transformation Office at <a href="mailto:{{ site.emails.dto }}">{{ site.emails.dto }}</a>.</p>
 <h3>Policy rationale</h3>
 <p>The Government of Canada signature is defined by the Federal Identity Program. As a part of the global header, it is a mandatory element under the <cite>Content and Information Architecture Specification.</cite></p>
 <ul>

common-design-patterns/page-feedback.md

@@ -159,7 +159,7 @@ title: "Page feedback tool"
         <p>Consider including this value when you're adding the feedback tool to multiple pages on the same topic, such as “passports” or “employment insurance”.</p>
         <p>This is a unilingual value - enter the English section value to your English and French pages.</p>
         <p>If you would like to add a new section value that is not currently in the Feedback Viewer, contact the Digital Transformation Office. We will add the new section value into the Feedback Viewer.</p>
-        <p>Email: <a href="maito:[email protected]">[email protected]</a></p>
+        <p>Email: <a href="maito:{{ site.emails.dto }}">{{ site.emails.dto }}</a></p>
         <h4><span class="label label-warning">Optional</span> Contact link</h4>
         <p><strong>Only consider adding a contact link if</strong> you have tried to make the page content clearer for how to contact the program or service and users are still using the feedback tool to get a response for their situation.</p>
       </details>
@@ -258,13 +258,13 @@ title: "Page feedback tool"
           <li>Veterans</li>
         </ul>
         <p>If you would like to add a new theme value that is not currently in the Feedback Viewer, contact the Digital Transformation Office. We will add the new theme value into the Feedback Viewer.</p>
-        <p>Email: <a href="maito:[email protected]">[email protected]</a></p>
+        <p>Email: <a href="maito:{{ site.emails.dto }}">{{ site.emails.dto }}</a></p>
         <h4><span class="label label-warning">Optional</span> Add a “section” hidden value in the feedback code</h4>
         <p>This is useful when you want to download feedback for multiple pages at the same time.</p>
         <p>Consider including this value when you're adding the feedback tool to multiple pages on the same topic, such as “passports” or “employment insurance”.</p>
         <p>This is a unilingual value - enter the English section value to your English and French pages.</p>
         <p>If you would like to add a new section value that is not currently in the Feedback Viewer, contact the Digital Transformation Office. We will add the new section value into the Feedback Viewer.</p>
-        <p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
+        <p>Email: <a href="mailto:{{ site.emails.dto }}">{{ site.emails.dto }}</a></p>
         <h4><span class="label label-warning">Optional</span> Contact link</h4>
         <p><strong>Only consider adding a contact link if</strong> you have tried to make the page content clearer for how to contact the program or service and users are still using the feedback tool to get a response for their situation.</p>
       </details>
@@ -274,7 +274,7 @@ title: "Page feedback tool"
     <h3>Accessing and analyzing feedback</h3>
     <p>Feedback can be viewed and downloaded as CSV or Excel files at any time using the Feedback Viewer website.</p>
     <p>The Feedback Viewer is a password protected environment available to all page feedback participants. Contact the DTO to get access to the site.</p>
-    <p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
+    <p>Email: <a href="mailto:{{ site.emails.dto }}">{{ site.emails.dto }}</a></p>
     <p><a href="/feedback/">Full guidance for using and analyzing page feedback</a></p>
   </section>
 </section>

feedback/access-feedback.md

@@ -30,7 +30,7 @@ Feedback can be viewed and downloaded as CSV or Excel files at any time using th
 
 The Feedback Viewer is a password protected environment available to all page feedback participants. Contact the DTO to access to the site.
 
-Email: [[email protected]](mailto:[email protected])
+Email: [{{ site.emails.dto }}](mailto:{{ site.emails.dto }})
 
 ### Feedback Viewer filters
 

feedback/analyze-feedback.md

@@ -197,7 +197,7 @@ For institutions that receive high volumes of feedback, we are piloting alternat
 
 Contact the Digital Transformation Office if you are receiving more feedback that you can manage through manual analysis.
 
-Email: [[email protected]](mailto:[email protected])
+Email: [{{ site.emails.dto }}](mailto:{{ site.emails.dto }})
 
 ## Include other supporting data sources
 

feedback/support.md

@@ -18,10 +18,10 @@ Contact the Digital Transformation Office for questions related to:
 * the Feedback Viewer tool
 * how to analyze feedback
 
-Email: [[email protected]](mailto:[email protected])
+Email: [{{ site.emails.dto }}](mailto:{{ site.emails.dto }})
 
 ## Working Group
 
 The Page Feedback Tool Working Group guides the direction of the tool. Members of the working group provide input and strategize the way forward for the tool.
 
-Email: [[email protected]](mailto:[email protected])
+Email: [{{ site.emails.dto }}](mailto:{{ site.emails.dto }})

find-right-template-design-pattern-web-content.md

@@ -1,19 +1,19 @@
---- 
+---
 altLangPage: "https://conception.canada.ca/trouvez-modeles-configurations-conception-contenu-web.html"
 date: 2021-05-03
 dateModified: 2019-11-28
 description: "A series of questions to help identify what Canada.ca template and/or design pattern is the best fit for the content."
 title: "Find the right template and design patterns for your web content"
 ---
 <div class="home">
-  <section> 
+  <section>
     <!--Wizard embed-->
     <p>Answer the following questions to find out if there is a template or design pattern you could leverage to design user-centered and task-based content.</p>
     <div class="wb-frmvld">
       <form method="get">
         <!-- Wizard Q1 -->
         <div id="question-1" class="wb-fieldflow" data-wb-fieldflow="{
-							&quot;renderas&quot;:&quot;radio&quot;, 
+							&quot;renderas&quot;:&quot;radio&quot;,
 							&quot;noForm&quot;: true,
 							&quot;base&quot;: { &quot;live&quot;: true },
 											&quot;default&quot;: { &quot;action&quot;: &quot;addClass&quot;, &quot;source&quot;:&quot;#result1,#result2,#result3,#result4,#result5,#result6,#result7,#result8,#result9,#result10,#result11,#result12,#result13,#result14,#result15,#result16,#result17,#result18,#result19,#result20,#result21,#result22,#result23,#result24,#result25,#result26,#result27,#result28,#result29,#result30,#result31,#result32,#result33,#result34,#result35&quot;, &quot;class&quot;: &quot;hidden&quot; }
@@ -27,7 +27,7 @@ title: "Find the right template and design patterns for your web content"
             <li data-wb-fieldflow="{&quot;action&quot;: &quot;append&quot;, &quot;source&quot;: &quot;#question-9&quot;}">Consultation with Canadians</li>
           </ul>
         </div>
-        
+
         <!-- Question 2 -->
         <div id="question-2" class="hidden wb-fieldflow-sub" data-wb-fieldflow="{&quot;renderas&quot;:&quot;radio&quot;}">
           <p>What type of information about programs and services?</p>
@@ -47,7 +47,7 @@ title: "Find the right template and design patterns for your web content"
             <li data-wb-fieldflow="{&quot;action&quot;: &quot;removeClass&quot;, &quot;class&quot;: &quot;hidden&quot;, &quot;source&quot;: &quot;#result9&quot;}">None of the above</li>
           </ul>
         </div>
-        
+
         <!-- Question 3 -->
         <div id="question-3" class="hidden wb-fieldflow-sub" data-wb-fieldflow="{&quot;renderas&quot;:&quot;radio&quot;}">
           <p>What type of list of elements?</p>
@@ -59,7 +59,7 @@ title: "Find the right template and design patterns for your web content"
             <li data-wb-fieldflow="{&quot;action&quot;: &quot;removeClass&quot;, &quot;class&quot;: &quot;hidden&quot;, &quot;source&quot;: &quot;#result8&quot;}">List of guidance on legislation</li>
           </ul>
         </div>
-        
+
         <!-- Question 4 -->
         <div id="question-4" class="hidden wb-fieldflow-sub" data-wb-fieldflow="{&quot;renderas&quot;:&quot;radio&quot;}">
           <p>Do you want to give information about an Act or a Regulation? </p>
@@ -68,7 +68,7 @@ title: "Find the right template and design patterns for your web content"
             <li data-wb-fieldflow="{&quot;action&quot;: &quot;removeClass&quot;, &quot;class&quot;: &quot;hidden&quot;, &quot;source&quot;: &quot;#result11&quot;}">Regulation</li>
           </ul>
         </div>
-        
+
         <!-- Question 5 -->
         <div id="question-5" class="hidden wb-fieldflow-sub" data-wb-fieldflow="{&quot;renderas&quot;:&quot;radio&quot;}">
           <p>What type of information about your organization?</p>
@@ -81,7 +81,7 @@ title: "Find the right template and design patterns for your web content"
             <li data-wb-fieldflow="{&quot;action&quot;: &quot;removeClass&quot;, &quot;class&quot;: &quot;hidden&quot;, &quot;source&quot;: &quot;#result9&quot;}">None of the above</li>
           </ul>
         </div>
-        
+
         <!-- Question 6 -->
         <div id="question-6" class="hidden wb-fieldflow-sub" data-wb-fieldflow="{&quot;renderas&quot;:&quot;radio&quot;}">
           <p>Are you a government organization, institution, or a partnering/collaborative arrangement?</p>
@@ -92,7 +92,7 @@ title: "Find the right template and design patterns for your web content"
             <li data-wb-fieldflow="{&quot;action&quot;: &quot;removeClass&quot;, &quot;class&quot;: &quot;hidden&quot;, &quot;source&quot;: &quot;#result14&quot;}">I don't know</li>
           </ul>
         </div>
-        
+
         <!-- Question 7 -->
         <div id="question-7" class="hidden wb-fieldflow-sub" data-wb-fieldflow="{&quot;renderas&quot;:&quot;radio&quot;}">
           <p>What kind of navigation?</p>
@@ -105,7 +105,7 @@ title: "Find the right template and design patterns for your web content"
             <li data-wb-fieldflow="{&quot;action&quot;: &quot;removeClass&quot;, &quot;class&quot;: &quot;hidden&quot;, &quot;source&quot;: &quot;#result9&quot;}">None of the above</li>
           </ul>
         </div>
-        
+
         <!-- Question 8 -->
         <div id="question-8" class="hidden wb-fieldflow-sub" data-wb-fieldflow="{&quot;renderas&quot;:&quot;radio&quot;}">
           <p>What do you want to promote?</p>
@@ -115,7 +115,7 @@ title: "Find the right template and design patterns for your web content"
             <li data-wb-fieldflow="{&quot;action&quot;: &quot;removeClass&quot;, &quot;class&quot;: &quot;hidden&quot;, &quot;source&quot;: &quot;#result23&quot;}">Promote a program or service on an existing page</li>
           </ul>
         </div>
-        
+
         <!-- Question 9 -->
         <div id="question-9" class="hidden wb-fieldflow-sub" data-wb-fieldflow="{&quot;renderas&quot;:&quot;radio&quot;}">
           <p>What do you want to do about consultations? </p>
@@ -125,7 +125,7 @@ title: "Find the right template and design patterns for your web content"
             <li data-wb-fieldflow="{&quot;action&quot;: &quot;removeClass&quot;, &quot;class&quot;: &quot;hidden&quot;, &quot;source&quot;: &quot;#result28&quot;}">Promote the consultation or the results of a consultation</li>
           </ul>
         </div>
-        
+
         <!--Result-->
         <div id="result1" class="hidden">
           <section class="panel panel-primary">
@@ -4584,7 +4584,7 @@ title: "Find the right template and design patterns for your web content"
             <p>When designing content, always focus on the task the user is trying to accomplish.</p>
             <p>Keep in mind that the measure of success is more than just conformity to guidelines. It is equally important to help users successfully complete their tasks.</p>
             <p>Use templates and patterns that help people complete the task, and don't hesitate to be creative.</p>
-            <p>Contact us at <a href="mailto:[email protected]">[email protected]</a> if you want to: </p>
+            <p>Contact us at <a href="mailto:{{ site.emails.dto }}">{{ site.emails.dto }}</a> if you want to: </p>
             <ul>
               <li>give us feedback on this wizard</li>
               <li>ask us a question on the templates and patterns</li>

research-summaries/business-account-research-summary.md

@@ -95,7 +95,7 @@ title: "CRA business registration and account maintenance"
   </details>
 </div>
 <h2>Request the research</h2>
-<p>If you’d like to see the research findings from this project, let us know. Email us at <a href="mailto:[email protected]">[email protected]</a>.</p>
+<p>If you’d like to see the research findings from this project, let us know. Email us at <a href="mailto:{{ site.emails.dto }}">{{ site.emails.dto }}</a>.</p>
 <h2>Let us know what you think</h2>
 <p>Tweet using the hashtag #Canadadotca.</p>
 <h2>Explore further </h2>

research-summaries/caregiving-research-summary.md

@@ -123,7 +123,7 @@ title: "Employment Insurance caregiving benefits"
   <li>Clarified and simplified language helped people understand the content</li>
 </ol>
 <h2>Request the research </h2>
-<p>If you’d like to see the research findings from this project, let us know. Email us at <a href="mailto:[email protected]">[email protected]</a>.</p>
+<p>If you’d like to see the research findings from this project, let us know. Email us at <a href="mailto:{{ site.emails.dto }}">{{ site.emails.dto }}</a>.</p>
 <h2>What do you think? </h2>
 <p>Let us know what you think about this project. Tweet using the hashtag #Canadadotca.</p>
 <h2>Explore further </h2>

research-summaries/citizenship-test-research-summary.md

@@ -104,7 +104,7 @@ title: "Citizenship test optimization project"
   <li>use plain language and verbs to make labels clearer</li>
 </ul>
 <h2>Request the research </h2>
-<p>If you’d like to see the research findings from this project, let us know. Email us at <a href="mailto:[email protected]">[email protected]</a>.</p>
+<p>If you’d like to see the research findings from this project, let us know. Email us at <a href="mailto:{{ site.emails.dto }}">{{ site.emails.dto }}</a>.</p>
 <h2>Let us know what you think</h2>
 <p>Tweet using the hashtag #Canadadotca.</p>
 <h2>Explore further </h2>

research-summaries/conversation-design.md

@@ -572,7 +572,7 @@ We know chat and voice are user interfaces of the future, and the future is now.
 
 ## Request the research
 
-If you’d like to see the detailed research findings from this project, email us at [email protected].
+If you’d like to see the detailed research findings from this project, email us at {{ site.emails.dto }}.
 
 ## Let us know what you think