Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion .markdownlint.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
{
"default": true,
"MD010": false,
"MD013": false,
"MD025": false,
"MD026": false,
Expand Down
1,220 changes: 610 additions & 610 deletions index-en.md

Large diffs are not rendered by default.

1,360 changes: 680 additions & 680 deletions index-fr.md

Large diffs are not rendered by default.

16 changes: 8 additions & 8 deletions index.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,12 +33,12 @@
---

<div class="row wb-eqht-grd">
<section class="col-sm-6 text-sm-right">
<h2 class="hght-inhrt h4">GCWeb, the Canada.ca theme</h2>
<p><a href="index-en.html" class="btn btn-primary">English</a></p>
</section>
<section class="col-sm-6" lang="fr">
<h2 class="hght-inhrt h4">GCWeb, le thème de Canada.ca</h2>
<p><a href="index-fr.html" class="btn btn-primary">Français</a></p>
</section>
<section class="col-sm-6 text-sm-right">
<h2 class="hght-inhrt h4">GCWeb, the Canada.ca theme</h2>
<p><a href="index-en.html" class="btn btn-primary">English</a></p>
</section>
<section class="col-sm-6" lang="fr">
<h2 class="hght-inhrt h4">GCWeb, le thème de Canada.ca</h2>
<p><a href="index-fr.html" class="btn btn-primary">Français</a></p>
</section>
</div>
6 changes: 3 additions & 3 deletions méli-mélo/@sample/index-fr.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,9 +39,9 @@ Un CSS personnalisé a été compilé par le thème jekyll. La grosseur de la po

{::nomarkdown}
<div class="well">
<p class="wb-bonjour">Exemple 1</p>
<p>Exemple 2 (<em class="wb-bonjour">à l'intérieur d'un em</em>)</p>
<p class="wb-bonjour" data-wb-bonjour='{ "surpassetoi": true }'>Exemple 3 avec paramètre</p>
<p class="wb-bonjour">Exemple 1</p>
<p>Exemple 2 (<em class="wb-bonjour">à l'intérieur d'un em</em>)</p>
<p class="wb-bonjour" data-wb-bonjour='{ "surpassetoi": true }'>Exemple 3 avec paramètre</p>
</div>
{:/}

Expand Down
2 changes: 1 addition & 1 deletion sites/footers/contextual-example-en.md
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ The global (site-wide) footer at the bottom of each web page contains up to 3 ba
<figcaption class="h3">Expected output code - Contextual band and link variations</figcaption>
{%- include variable-core.liquid -%}
{% highlight html %}
{%- include footers/footer.html -%}
{%- include footers/footer.html -%}
{% endhighlight %}
</figure>

Expand Down
2 changes: 1 addition & 1 deletion sites/footers/contextual-example-fr.md
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ Le pied de page général (à l'échelle du site) situé au bas de chaque page W
<figcaption class="h3">Code final attendu - Pied de page sans la bande principale</figcaption>
{%- include variable-core.liquid -%}
{% highlight html %}
{%- include footers/footer.html -%}
{%- include footers/footer.html -%}
{% endhighlight %}
</figure>

Expand Down
2 changes: 1 addition & 1 deletion sites/footers/footers-en.md
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ The following changes have been made since **version 2.0**:
<figcaption class="h3">Expected output code - Complete footer</figcaption>
{%- include variable-core.liquid -%}
{% highlight html %}
{%- include footers/footer.html -%}
{%- include footers/footer.html -%}
{% endhighlight %}
</figure>

Expand Down
2 changes: 1 addition & 1 deletion sites/footers/no-footer-contextual-en.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ The contextual band is optional on all page types (standard, transactional, camp
<figcaption class="h3">Expected output code - Footer with no contextual band</figcaption>
{%- include variable-core.liquid -%}
{% highlight html %}
{%- include footers/footer.html -%}
{%- include footers/footer.html -%}
{% endhighlight %}
</figure>

Expand Down
2 changes: 1 addition & 1 deletion sites/footers/no-footer-contextual-fr.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ La bande contextuelle est facultative sur tous les types de page (régulière, t
<figcaption class="h3">Code final attendu - Pied de page sans la bande contextuelle</figcaption>
{%- include variable-core.liquid -%}
{% highlight html %}
{%- include footers/footer.html -%}
{%- include footers/footer.html -%}
{% endhighlight %}
</figure>

Expand Down
2 changes: 1 addition & 1 deletion sites/footers/no-footer-main-en.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ On **transactional** and **campaign** pages, the main band is optional.
<figcaption class="h3">Expected output code - Footer with no main band</figcaption>
{%- include variable-core.liquid -%}
{% highlight html %}
{%- include footers/footer.html -%}
{%- include footers/footer.html -%}
{% endhighlight %}
</figure>

Expand Down
2 changes: 1 addition & 1 deletion sites/footers/no-footer-main-fr.md
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ Sur les pages **transactionnelles** et de **campagne**, la bande principale est
<figcaption class="h3">Code final attendu - Pied de page sans la bande principale</figcaption>
{%- include variable-core.liquid -%}
{% highlight html %}
{%- include footers/footer.html -%}
{%- include footers/footer.html -%}
{% endhighlight %}
</figure>

Expand Down
2 changes: 1 addition & 1 deletion sites/footers/no-footers-en.md
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ The sub-footer band is mandatory on all page types, but on **transactional** and
<figcaption class="h3">Expected output code - Minimum footer with only sub-footer band and no optional links</figcaption>
{%- include variable-core.liquid -%}
{% highlight html %}
{%- include footers/footer.html -%}
{%- include footers/footer.html -%}
{% endhighlight %}
</figure>

Expand Down
2 changes: 1 addition & 1 deletion sites/footers/no-footers-fr.md
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ La bande sous pied de page est obligatoire sur toutes les types de pages, mais s
<figcaption class="h3">Code final attendu - Pied de page minimum avec la bande sous pied de page uniquement et sans les liens facultatifs</figcaption>
{%- include variable-core.liquid -%}
{% highlight html %}
{%- include footers/footer.html -%}
{%- include footers/footer.html -%}
{% endhighlight %}
</figure>

Expand Down
2 changes: 1 addition & 1 deletion sites/footers/only-footer-contextual-en.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ On **transactional** and **campaign** pages, the main band is optional. You can
<figcaption class="h3">Expected output code - Footer with no main band and no optional links in sub-footer band</figcaption>
{%- include variable-core.liquid -%}
{% highlight html %}
{%- include footers/footer.html -%}
{%- include footers/footer.html -%}
{% endhighlight %}
</figure>

Expand Down
2 changes: 1 addition & 1 deletion sites/footers/only-footer-contextual-fr.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ Sur les pages **transactionnelles** et de **campagne**, la bande principale est
<figcaption class="h3">Code final attendu - Pied de page sans la bande principale et sans les liens facultatifs dans la bande sous pied de page</figcaption>
{%- include variable-core.liquid -%}
{% highlight html %}
{%- include footers/footer.html -%}
{%- include footers/footer.html -%}
{% endhighlight %}
</figure>

Expand Down
2 changes: 1 addition & 1 deletion sites/footers/only-footer-corporate-en.md
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ The sub-footer band is mandatory on all page types (standard, transactional, cam
<figcaption class="h3">Expected output code - Sub-footer only</figcaption>
{%- include variable-core.liquid -%}
{% highlight html %}
{%- include footers/footer.html -%}
{%- include footers/footer.html -%}
{% endhighlight %}
</figure>

Expand Down
2 changes: 1 addition & 1 deletion sites/footers/only-footer-corporate-fr.md
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ La bande sous pied de page est obligatoire sur toutes les types de pages (régul
<figcaption class="h3">Code final attendu - Bande sous pied de page uniquement</figcaption>
{%- include variable-core.liquid -%}
{% highlight html %}
{%- include footers/footer.html -%}
{%- include footers/footer.html -%}
{% endhighlight %}
</figure>

Expand Down
2 changes: 1 addition & 1 deletion sites/footers/only-footer-main-en.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ On **transactional** and **campaign** pages, you can omit the Social media, Mobi
<figcaption class="h3">Expected output code - Footer with no contextual band and no optional links in sub-footer band</figcaption>
{%- include variable-core.liquid -%}
{% highlight html %}
{%- include footers/footer.html -%}
{%- include footers/footer.html -%}
{% endhighlight %}
</figure>

Expand Down
2 changes: 1 addition & 1 deletion sites/footers/only-footer-main-fr.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ Sur les pages **transactionnelles** et de **campagne**, vous pouvez omettre les
<figcaption class="h3">Code final attendu - Pied de page sans la bande contextuelle et sans les liens facultatifs dans la bande sous pied de page</figcaption>
{%- include variable-core.liquid -%}
{% highlight html %}
{%- include footers/footer.html -%}
{%- include footers/footer.html -%}
{% endhighlight %}
</figure>

Expand Down
4 changes: 2 additions & 2 deletions sites/main-page-title/main-page-title-align-right-en.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,6 @@ breadcrumbs: [
<p>Main title of a page with a short bold red underline aligned on the right.</p>

<pre><code>
&lt;h1 id="wb-cont" dir="rtl">Main page title aligned on the right&lt;/h1>
&lt;p>Main title of a page with a short bold red underline aligned on the right.&lt;/p>
&lt;h1 id="wb-cont" dir="rtl">Main page title aligned on the right&lt;/h1>
&lt;p>Main title of a page with a short bold red underline aligned on the right.&lt;/p>
</code></pre>
4 changes: 2 additions & 2 deletions sites/main-page-title/main-page-title-align-right-fr.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,6 @@ breadcrumbs: [
<p>Titre principal d'une page avec un court soulignement rouge en gras aligné à droite.</p>

<pre><code>
&lt;h1 id="wb-cont" dir="rtl">Titre principal de la page aligné à droite&lt;/h1>
&lt;p>Titre principal d'une page avec un court soulignement rouge en gras aligné à droite.&lt;/p>
&lt;h1 id="wb-cont" dir="rtl">Titre principal de la page aligné à droite&lt;/h1>
&lt;p>Titre principal d'une page avec un court soulignement rouge en gras aligné à droite.&lt;/p>
</code></pre>
8 changes: 4 additions & 4 deletions sites/main-page-title/main-page-title-div-align-right-en.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,10 @@ breadcrumbs: [
---

<div dir="rtl">
<h1 id="wb-cont">Main page title in a div aligned on the right</h1>
<p>Main page title aligned on the right using dir="rtl" on the parent div</p>
<h1 id="wb-cont">Main page title in a div aligned on the right</h1>
<p>Main page title aligned on the right using dir="rtl" on the parent div</p>
</div>
<pre><code>&lt;div dir="rtl">
&lt;h1 id="wb-cont">Main page title in a div aligned on the right&lt;/h1>
&lt;p>Main page title aligned on the right using dir="rtl" on the parent div&lt;/p>
&lt;h1 id="wb-cont">Main page title in a div aligned on the right&lt;/h1>
&lt;p>Main page title aligned on the right using dir="rtl" on the parent div&lt;/p>
&lt;div></code></pre>
8 changes: 4 additions & 4 deletions sites/main-page-title/main-page-title-div-align-right-fr.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,10 @@ breadcrumbs: [
---

<div dir="rtl">
<h1 id="wb-cont">Titre principal dans une div alignée à droite</h1>
<p>Titre principale aligné à droite en utilisant dir="rtl" sur le div parent</p>
<h1 id="wb-cont">Titre principal dans une div alignée à droite</h1>
<p>Titre principale aligné à droite en utilisant dir="rtl" sur le div parent</p>
</div>
<pre><code>&lt;div dir="rtl">
&lt;h1 id="wb-cont">Titre principal dans une div alignée à droite&lt;/h1>
&lt;p>Titre principale aligné à droite en utilisant dir="rtl" sur le div parent&lt;/p>
&lt;h1 id="wb-cont">Titre principal dans une div alignée à droite&lt;/h1>
&lt;p>Titre principale aligné à droite en utilisant dir="rtl" sur le div parent&lt;/p>
&lt;div></code></pre>
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ breadcrumbs: [
<hr>
<pre><code>&lt;div dir="rtl">
&lt;hgroup id="wb-cont">
&lt;p>GCWeb technical documentation&lt;/p>
&lt;h1>Stacked main page title in a div aligned on the right&lt;/h1>
&lt;p>GCWeb technical documentation&lt;/p>
&lt;h1>Stacked main page title in a div aligned on the right&lt;/h1>
&lt;/hgroup>
&lt;/div></code></pre>
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ breadcrumbs: [
<hr>
<pre><code>&lt;div dir="rtl">
&lt;hgroup id="wb-cont">
&lt;p>Titre principal superposé dans une div alignée à droite&lt;/p>
&lt;h1>Titre principal superposé aligné à droite&lt;/h1>
&lt;p>Titre principal superposé dans une div alignée à droite&lt;/p>
&lt;h1>Titre principal superposé aligné à droite&lt;/h1>
&lt;/hgroup>
&lt;/div></code></pre>
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,11 @@ breadcrumbs: [
---

<hgroup id="wb-cont" dir="rtl">
<p>GCWeb technical documentation</p>
<h1>Stacked main page title aligned on the right</h1>
<p>GCWeb technical documentation</p>
<h1>Stacked main page title aligned on the right</h1>
</hgroup>

<pre><code>&lt;hgroup id="wb-cont" dir="rtl">
&lt;p>GCWeb technical documentation&lt;/p>
&lt;h1>Stacked main page title aligned on the right&lt;/h1>
&lt;p>GCWeb technical documentation&lt;/p>
&lt;h1>Stacked main page title aligned on the right&lt;/h1>
&lt;/hgroup></code></pre>
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,11 @@ breadcrumbs: [
---

<hgroup id="wb-cont" dir="rtl">
<p>Documentation technique GCWeb</p>
<h1>Titre principal superposé aligné à droite</h1>
<p>Documentation technique GCWeb</p>
<h1>Titre principal superposé aligné à droite</h1>
</hgroup>

<pre><code>&lt;hgroup id="wb-cont" dir="rtl">
&lt;p>Documentation technique GCWeb&lt;/p>
&lt;h1>Titre principal superposé aligné à droite&lt;/h1>
&lt;p>Documentation technique GCWeb&lt;/p>
&lt;h1>Titre principal superposé aligné à droite&lt;/h1>
&lt;/hgroup></code></pre>
24 changes: 12 additions & 12 deletions templates/content-page/content-en.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,20 +13,20 @@ share: true
<h2 id="cnt-wdth-lmtd">Section with limited width content</h2>
<p>Add the CSS class name <code>.cnt-wdth-lmtd</code> to a sectioning element <code>&lt;section class="cnt-wdth-lmtd"&gt;...&lt;section&gt;</code> inside the main content of your page. More guidance are provided in the Content and IA specification.</p>
<section class="cnt-wdth-lmtd">
<h3>Section example with limited width content</h3>
<p>Different example text. Different example text. Different example text. Different example text. Different example text. Different example text. Different example text. Different example text. This is a very long word pneumonoultramicroscopicsilicovolcanoconiosis.</p>
<h3>Section example with limited width content</h3>
<p>Different example text. Different example text. Different example text. Different example text. Different example text. Different example text. Different example text. Different example text. This is a very long word pneumonoultramicroscopicsilicovolcanoconiosis.</p>
</section>
<h2 id="call-to-action">Call to action button</h2>
<p>Add the CSS class name <code>.btn-call-to-action</code> to a your button or link that define the main call for action for a page. For example the initiation button/link in a service initiation pages. More guidance are provided in the Content and IA specification.</p>
<div class="row">
<div class="col-sm-6">
<h3>Link</h3>
<p class="mrgn-bttm-0"><a class="btn btn-call-to-action" href="#">[Call to action]</a></p>
<pre><code>&lt;p&gt;&lt;a class="btn <strong>btn-call-to-action</strong>" href="#"&gt;[Call to action]&lt;/a&gt;&lt;/p&gt;</code></pre>
</div>
<div class="col-sm-6">
<h3>Button</h3>
<button class="btn btn-call-to-action" type="button">[Call to action]</button>
<pre><code>&lt;button class="btn <strong>btn-call-to-action</strong>" type="button"&gt;[Call to action]&lt;/button&gt;</code></pre>
</div>
<div class="col-sm-6">
<h3>Link</h3>
<p class="mrgn-bttm-0"><a class="btn btn-call-to-action" href="#">[Call to action]</a></p>
<pre><code>&lt;p&gt;&lt;a class="btn <strong>btn-call-to-action</strong>" href="#"&gt;[Call to action]&lt;/a&gt;&lt;/p&gt;</code></pre>
</div>
<div class="col-sm-6">
<h3>Button</h3>
<button class="btn btn-call-to-action" type="button">[Call to action]</button>
<pre><code>&lt;button class="btn <strong>btn-call-to-action</strong>" type="button"&gt;[Call to action]&lt;/button&gt;</code></pre>
</div>
</div>
24 changes: 12 additions & 12 deletions templates/content-page/content-fluid-en.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,20 +13,20 @@ share: true
<h2 id="cnt-wdth-lmtd">Section with limited width content</h2>
<p>Add the CSS class name <code>.cnt-wdth-lmtd</code> to a sectioning element <code>&lt;section class="cnt-wdth-lmtd"&gt;...&lt;section&gt;</code> inside the main content of your page. More guidance are provided in the Content and IA specification.</p>
<section class="cnt-wdth-lmtd">
<h3>Section example with limited width content</h3>
<p>Different example text. Different example text. Different example text. Different example text. Different example text. Different example text. Different example text. Different example text.</p>
<h3>Section example with limited width content</h3>
<p>Different example text. Different example text. Different example text. Different example text. Different example text. Different example text. Different example text. Different example text.</p>
</section>
<h2 id="call-to-action">Call to action button</h2>
<p>Add the CSS class name <code>.btn-call-to-action</code> to a your button or link that define the main call for action for a page. For example the initiation button/link in a service initiation pages. More guidance are provided in the Content and IA specification.</p>
<div class="row">
<div class="col-sm-6">
<h3>Link</h3>
<p class="mrgn-bttm-0"><a class="btn btn-call-to-action" href="#">[Call to action]</a></p>
<pre><code>&lt;p&gt;&lt;a class="btn <strong>btn-call-to-action</strong>" href="#"&gt;[Call to action]&lt;/a&gt;&lt;/p&gt;</code></pre>
</div>
<div class="col-sm-6">
<h3>Button</h3>
<button class="btn btn-call-to-action" type="button">[Call to action]</button>
<pre><code>&lt;button class="btn <strong>btn-call-to-action</strong>" type="button"&gt;[Call to action]&lt;/button&gt;</code></pre>
</div>
<div class="col-sm-6">
<h3>Link</h3>
<p class="mrgn-bttm-0"><a class="btn btn-call-to-action" href="#">[Call to action]</a></p>
<pre><code>&lt;p&gt;&lt;a class="btn <strong>btn-call-to-action</strong>" href="#"&gt;[Call to action]&lt;/a&gt;&lt;/p&gt;</code></pre>
</div>
<div class="col-sm-6">
<h3>Button</h3>
<button class="btn btn-call-to-action" type="button">[Call to action]</button>
<pre><code>&lt;button class="btn <strong>btn-call-to-action</strong>" type="button"&gt;[Call to action]&lt;/button&gt;</code></pre>
</div>
</div>
24 changes: 12 additions & 12 deletions templates/content-page/content-fluid-fr.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,20 +13,20 @@ share: true
<h2 id="cnt-wdth-lmtd">Section avec une largeur de contenu limitée</h2>
<p>Ajouter la classe CSS <code>.cnt-wdth-lmtd</code> à l'élément de section <code>&lt;section class="cnt-wdth-lmtd"&gt;...&lt;section&gt;</code> à l'intérieur du contenu principal de votre page. De plus amples renseignements sont disponibles dans la spécification du contenu et de l'architecture de l'information pour Canada.ca.</p>
<section class="cnt-wdth-lmtd">
<h3>Exemple de section avec une largeur de contenu limitée</h3>
<p>Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent.</p>
<h3>Exemple de section avec une largeur de contenu limitée</h3>
<p>Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent.</p>
</section>
<h2 id="call-to-action">Bouton d'appel à l'action</h2>
<p>Ajouter la classe CSS <code>.btn-call-to-action</code> à votre bouton ou lien qui définie l'appel à l'action principal de la page. Par example le bouton ou le lien de lancement d'une page de lancements d'un service. De plus amples renseignements sont disponibles dans la spécification du contenu et de l'architecture de l'information pour Canada.ca.</p>
<div class="row">
<div class="col-sm-6">
<h3>Lien</h3>
<p class="mrgn-bttm-0"><a class="btn btn-call-to-action" href="#">[Appel à l'action]</a></p>
<pre><code>&lt;p&gt;&lt;a class="btn <strong>btn-call-to-action</strong>" href="#"&gt;[Appel à l'action]&lt;/a&gt;&lt;/p&gt;</code></pre>
</div>
<div class="col-sm-6">
<h3>Bouton</h3>
<button class="btn btn-call-to-action" type="button">[Appel à l'action]</button>
<pre><code>&lt;button class="btn <strong>btn-call-to-action</strong>" type="button"&gt;[Appel à l'action]&lt;/button&gt;</code></pre>
</div>
<div class="col-sm-6">
<h3>Lien</h3>
<p class="mrgn-bttm-0"><a class="btn btn-call-to-action" href="#">[Appel à l'action]</a></p>
<pre><code>&lt;p&gt;&lt;a class="btn <strong>btn-call-to-action</strong>" href="#"&gt;[Appel à l'action]&lt;/a&gt;&lt;/p&gt;</code></pre>
</div>
<div class="col-sm-6">
<h3>Bouton</h3>
<button class="btn btn-call-to-action" type="button">[Appel à l'action]</button>
<pre><code>&lt;button class="btn <strong>btn-call-to-action</strong>" type="button"&gt;[Appel à l'action]&lt;/button&gt;</code></pre>
</div>
</div>
Loading