From 32ebe655093eec6d93f5a25b40699d5188e82d08 Mon Sep 17 00:00:00 2001 From: Mihai Polerca Date: Mon, 22 Jul 2024 10:04:26 -0400 Subject: [PATCH 01/15] Build - update ruby to v.3.3.0, install webrick (#2381) --- Dockerfile | 3 ++- Gemfile | 1 + 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/Dockerfile b/Dockerfile index 77df248a4e..013346cbc0 100644 --- a/Dockerfile +++ b/Dockerfile @@ -1,5 +1,5 @@ -ARG RUBY_VERSION=2.7.3 +ARG RUBY_VERSION=3.3.0 FROM ruby:$RUBY_VERSION RUN apt-get update \ @@ -15,6 +15,7 @@ RUN apt-get update \ jekyll-github-metadata \ minitest \ && gem install rake html-proofer \ + && gem install webrick \ && mkdir -p /usr/src/app \ && rm -rf /usr/lib/ruby/gems/*/cache/*.gem diff --git a/Gemfile b/Gemfile index d04cedfe97..7d48da77b6 100644 --- a/Gemfile +++ b/Gemfile @@ -12,3 +12,4 @@ gem 'minitest' #gem "scss_lint" gem "html-proofer" gem "rake" +gem "webrick" From c8653f3847489980a7c7d9d0c3ac26b5a2c2c26d Mon Sep 17 00:00:00 2001 From: Garneauma Date: Mon, 22 Jul 2024 10:05:33 -0400 Subject: [PATCH 02/15] Minor - Contributors: stabilizing component (#2374) --- _data/components.json | 174 ++++++++++++++++++ .../gc-contributors/gc-contributors.html | 7 + components/_provisional.scss | 21 --- components/gc-contributors/_base.scss | 18 ++ .../gc-contributors/_gc-contributors.scss | 0 .../gc-contributors/_screen-md-min.scss | 31 ++++ .../gc-contributors-doc-en.html | 9 + .../gc-contributors-doc-fr.html | 9 + .../gc-contributors/gc-contributors-en.html | 21 +++ .../gc-contributors/gc-contributors-fr.html | 21 +++ components/gc-contributors/index.json-ld | 174 ++++++++++++++++++ .../samples/gc-contributors.html | 7 + components/provisional-en.html | 4 +- components/provisional-fr.html | 4 +- sites/theme.scss | 5 +- templates/theme-topic/_screen-md-min.scss | 27 --- templates/theme-topic/_screen-sm-max.scss | 26 --- 17 files changed, 477 insertions(+), 81 deletions(-) create mode 100644 _includes/components/gc-contributors/gc-contributors.html create mode 100644 components/gc-contributors/_base.scss delete mode 100644 components/gc-contributors/_gc-contributors.scss create mode 100644 components/gc-contributors/_screen-md-min.scss create mode 100644 components/gc-contributors/gc-contributors-doc-en.html create mode 100644 components/gc-contributors/gc-contributors-doc-fr.html create mode 100644 components/gc-contributors/gc-contributors-en.html create mode 100644 components/gc-contributors/gc-contributors-fr.html create mode 100644 components/gc-contributors/index.json-ld create mode 100644 components/gc-contributors/samples/gc-contributors.html delete mode 100644 templates/theme-topic/_screen-md-min.scss delete mode 100644 templates/theme-topic/_screen-sm-max.scss diff --git a/_data/components.json b/_data/components.json index 517adc096f..b720dc729c 100644 --- a/_data/components.json +++ b/_data/components.json @@ -229,6 +229,180 @@ ] } } +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Contributors", + "fr": "Collaborateurs" + }, + "description": { + "en": "Links to institutions or organizations that support the content on the page.", + "fr": "Liens menant aux institutions ou aux organisations qui soutiennent le contenu sur la page." + }, + "modified": "2024-05-28", + "componentName": "gc-contributors", + "status": "stable", + "version": "1.0.0", + "pages": { + "docs": [ + { + "title": "Contributors", + "language": "en", + "path": "gc-contributors-doc-en.html" + }, + { + "title": "Collaborateurs", + "language": "fr", + "path": "gc-contributors-doc-fr.html" + } + ], + "examples": [ + { + "title": "Contributors", + "language": "en", + "path": "gc-contributors-en.html" + }, + { + "title": "Collaborateurs", + "language": "fr", + "path": "gc-contributors-fr.html" + } + ] + }, + "a11yGuidance": "No accessibility guidance.", + "variations": [ + { + "name": { + "en": "Contributors - default", + "fr": "Collaborateurs - par défaut" + }, + "status": "stable", + "description": { + "en": "Links to institutions or organizations that support the content on the page.", + "fr": "Liens menant aux institutions ou aux organisations qui soutiennent le contenu sur la page." + }, + "iteration": "_:iteration_contributors_2", + "example": [ + { + "en": { "href": "gc-contributors-en.html", "text": "Contributors" }, + "fr": { "href": "gc-contributors-fr.html", "text": "Collaborateurs" } + } + ], + "implementation": [ + "_:implement_contributors" + ], + "history": [ + { + "en": "May 2024 - Stabilizing component.", + "fr": "Mai 2024 - Stabilisation du composant." + }, + { + "en": "January 2021 - Initial provisional implementation to gather user experience data.", + "fr": "Janvier 2021 - Implémentation provisoire initiale pour recueillir des données sur l'expérience utilisateur." + } + ] + } + ], + "implementation": [ + { + "@id": "_:implement_contributors", + "iteration": "_:iteration_contributors_2", + "name": { + "en": "Standard", + "fr": "Standard" + }, + "introduction": { + "en": "This implementation is meant for developers/publishers adding the component manually.", + "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement." + }, + "instructions": { + "en": [ + "Refer to the following code sample." + ], + "fr": [ + "Référez-vous au code qui suit." + ] + }, + "sample": { + "en": [ + { + "@type": "source-code", + "description": "Code sample:", + "code": "
\n\t

From:

\n\t\n
" + } + ], + "fr": [ + { + "@type": "source-code", + "description": "Exemple de code :", + "code": "
\n\t

De :

\n\t\n
" + } + ] + } + } + ], + "iteration": [ + { + "@id": "_:iteration_contributors_2", + "name": "Contributors - Iteration 2", + "date": "2024-05", + "detectableBy": ".gc-contributors:not(.provisional)", + "additions": [ + "Stabilized component" + ], + "assets": [ + { + "@type": "source-code", + "@language": "en", + "description": "Code sample", + "code": "
\n\t

From:

\n\t\n
" + } + ], + "predecessor": "_:iteration_contributors_1" + }, + { + "@id": "_:iteration_contributors_1", + "name": "Contributors - Iteration 1", + "date": "2021-01", + "detectableBy": ".provisional.gc-contributors", + "assets": [ + { + "@type": "source-code", + "@language": "en", + "description": "Code sample", + "code": "
\n\t

From:

\n\t\n
" + } + ], + "successor": "_:iteration_contributors_2" + } + ], + "changesets": [ + { + "@id": "_:cs_contributors", + "name": "Contributors", + "status": "stable", + "baseOnIteration": "_:iteration_contributors_2", + "detectableBy": ".gc-contributors", + "layout": "Title and list are displayed inline on medium screens and up. They are displayed vertically on smaller screens.", + "semantic": "section>h2+ul>li*n>a", + "style": "The

font size is smaller. The links are bolded.", + "static": [ + "From:", + "De :" + ], + "schema": [ + "Array of contributors objects", + "contributors object: contributor name, contributor link" + ] + } + ] +} ,{ "@context": { "@version": 1.1, diff --git a/_includes/components/gc-contributors/gc-contributors.html b/_includes/components/gc-contributors/gc-contributors.html new file mode 100644 index 0000000000..9dcae91339 --- /dev/null +++ b/_includes/components/gc-contributors/gc-contributors.html @@ -0,0 +1,7 @@ +
+

{% if page.language == "en" %}From:{% else %}De :{% endif %}

+ +
diff --git a/components/_provisional.scss b/components/_provisional.scss index 07454bb57a..d395e04519 100644 --- a/components/_provisional.scss +++ b/components/_provisional.scss @@ -162,25 +162,4 @@ overflow: hidden; width: calc(50vw - 15px); } - - /* Contributors */ - &.gc-contributors { - margin-top: 38px; - - h2, ul { - display: inline; - font-size: $small-size; - margin-top: 0; - } - - ul { - padding-inline-start: 0; - - li { - display: inline-block; - font-weight: $bold-weight; - margin-right: .7em; - } - } - } } diff --git a/components/gc-contributors/_base.scss b/components/gc-contributors/_base.scss new file mode 100644 index 0000000000..7f15da4f55 --- /dev/null +++ b/components/gc-contributors/_base.scss @@ -0,0 +1,18 @@ +/* Contributors */ + +.gc-contributors { + margin-top: 38px; + + h2, ul { + font-size: $small-size; + margin-top: 0; + } + + ul { + padding-inline-start: 20px; + + li { + font-weight: $bold-weight; + } + } +} diff --git a/components/gc-contributors/_gc-contributors.scss b/components/gc-contributors/_gc-contributors.scss deleted file mode 100644 index e69de29bb2..0000000000 diff --git a/components/gc-contributors/_screen-md-min.scss b/components/gc-contributors/_screen-md-min.scss new file mode 100644 index 0000000000..2f1b5c50b6 --- /dev/null +++ b/components/gc-contributors/_screen-md-min.scss @@ -0,0 +1,31 @@ +/* + WET-BOEW + @title: Medium view and over (screen only) + @desc: Variable $screen-md-min >= 992px +*/ + +.gc-contributors { + display: flex; + + h2 { + line-height: 1.8em; + } + + ul { + padding-inline-start: 5px; + + li { + display: inline-block; + margin-right: .5em; + + &::after { + content: "\2022"; + margin-left: .7em; + } + + &:last-child::after { + content: none; + } + } + } +} diff --git a/components/gc-contributors/gc-contributors-doc-en.html b/components/gc-contributors/gc-contributors-doc-en.html new file mode 100644 index 0000000000..5eac724ffd --- /dev/null +++ b/components/gc-contributors/gc-contributors-doc-en.html @@ -0,0 +1,9 @@ +--- +title: Contributors +description: Documentation for the Contributors component +language: en +altLangPage: gc-contributors-doc-fr.html +dateModified: 2024-05-28 +layout: documentation +index_json: index.json-ld +--- diff --git a/components/gc-contributors/gc-contributors-doc-fr.html b/components/gc-contributors/gc-contributors-doc-fr.html new file mode 100644 index 0000000000..60a553b22a --- /dev/null +++ b/components/gc-contributors/gc-contributors-doc-fr.html @@ -0,0 +1,9 @@ +--- +title: Collaborateurs +description: Documentation pour la composante Collaborateurs +language: fr +altLangPage: gc-contributors-doc-en.html +dateModified: 2024-05-28 +layout: documentation +index_json: index.json-ld +--- diff --git a/components/gc-contributors/gc-contributors-en.html b/components/gc-contributors/gc-contributors-en.html new file mode 100644 index 0000000000..5cf959bda6 --- /dev/null +++ b/components/gc-contributors/gc-contributors-en.html @@ -0,0 +1,21 @@ +--- +{ + "title": Contributors, + "description": Working example for the Contributors component, + "language": en, + "altLangPage": gc-contributors-fr.html, + "dateModified": 2024-05-28, + "breadcrumbs": [ + { "title": "Contributors - Documentation", "link": "components/gc-contributors/gc-contributors-doc-en.html" } + ] +} +--- + + +

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum incidunt recusandae quae omnis laudantium mollitia minima! Vel laudantium quae dolorem et error, quas exercitationem ut. Facilis dolores nemo ullam sequi quod ea praesentium rem, consequuntur qui, sed reiciendis commodi excepturi aperiam obcaecati odit minima maiores? Nostrum illo adipisci iste consectetur.

+ +

Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio tenetur, atque odit, recusandae iure illo deleniti culpa, pariatur iste suscipit doloremque quisquam reprehenderit sequi iusto! Molestiae itaque ipsa aliquid rerum atque, consequuntur vel nihil optio cumque in dolorem. Sint voluptates ipsa dicta sequi reiciendis corporis eaque ipsam omnis, quasi quo velit illo unde perspiciatis! Eaque minima, facilis corporis aperiam ea aut suscipit nulla, magni dolorem distinctio aspernatur in cupiditate? Rem nihil dolores rerum, sequi, veritatis, nobis minima adipisci qui veniam vel repudiandae. Et consectetur hic veritatis, tenetur officia architecto quos quas magnam tempora voluptatum quaerat doloremque ipsa porro harum suscipit.

+ +{% highlight html %}{%- include_relative samples/gc-contributors.html -%}{% endhighlight %} + +{%- include_relative samples/gc-contributors.html -%} diff --git a/components/gc-contributors/gc-contributors-fr.html b/components/gc-contributors/gc-contributors-fr.html new file mode 100644 index 0000000000..e690ade9d8 --- /dev/null +++ b/components/gc-contributors/gc-contributors-fr.html @@ -0,0 +1,21 @@ +--- +{ + "title": Collaborateurs, + "description": Exemple pratique de la composante Collaborateurs, + "language": fr, + "altLangPage": gc-contributors-en.html, + "dateModified": 2024-05-28, + "breadcrumbs": [ + { "title": "Collaborateurs - Documentation", "link": "components/gc-contributors/gc-contributors-doc-fr.html" } + ] +} +--- + + +

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum incidunt recusandae quae omnis laudantium mollitia minima! Vel laudantium quae dolorem et error, quas exercitationem ut. Facilis dolores nemo ullam sequi quod ea praesentium rem, consequuntur qui, sed reiciendis commodi excepturi aperiam obcaecati odit minima maiores? Nostrum illo adipisci iste consectetur.

+ +

Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio tenetur, atque odit, recusandae iure illo deleniti culpa, pariatur iste suscipit doloremque quisquam reprehenderit sequi iusto! Molestiae itaque ipsa aliquid rerum atque, consequuntur vel nihil optio cumque in dolorem. Sint voluptates ipsa dicta sequi reiciendis corporis eaque ipsam omnis, quasi quo velit illo unde perspiciatis! Eaque minima, facilis corporis aperiam ea aut suscipit nulla, magni dolorem distinctio aspernatur in cupiditate? Rem nihil dolores rerum, sequi, veritatis, nobis minima adipisci qui veniam vel repudiandae. Et consectetur hic veritatis, tenetur officia architecto quos quas magnam tempora voluptatum quaerat doloremque ipsa porro harum suscipit.

+ +{% highlight html %}{%- include_relative samples/gc-contributors.html -%}{% endhighlight %} + +{%- include_relative samples/gc-contributors.html -%} diff --git a/components/gc-contributors/index.json-ld b/components/gc-contributors/index.json-ld new file mode 100644 index 0000000000..1778060ff0 --- /dev/null +++ b/components/gc-contributors/index.json-ld @@ -0,0 +1,174 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Contributors", + "fr": "Collaborateurs" + }, + "description": { + "en": "Links to institutions or organizations that support the content on the page.", + "fr": "Liens menant aux institutions ou aux organisations qui soutiennent le contenu sur la page." + }, + "modified": "2024-05-28", + "componentName": "gc-contributors", + "status": "stable", + "version": "1.0.0", + "pages": { + "docs": [ + { + "title": "Contributors", + "language": "en", + "path": "gc-contributors-doc-en.html" + }, + { + "title": "Collaborateurs", + "language": "fr", + "path": "gc-contributors-doc-fr.html" + } + ], + "examples": [ + { + "title": "Contributors", + "language": "en", + "path": "gc-contributors-en.html" + }, + { + "title": "Collaborateurs", + "language": "fr", + "path": "gc-contributors-fr.html" + } + ] + }, + "a11yGuidance": "No accessibility guidance.", + "variations": [ + { + "name": { + "en": "Contributors - default", + "fr": "Collaborateurs - par défaut" + }, + "status": "stable", + "description": { + "en": "Links to institutions or organizations that support the content on the page.", + "fr": "Liens menant aux institutions ou aux organisations qui soutiennent le contenu sur la page." + }, + "iteration": "_:iteration_contributors_2", + "example": [ + { + "en": { "href": "gc-contributors-en.html", "text": "Contributors" }, + "fr": { "href": "gc-contributors-fr.html", "text": "Collaborateurs" } + } + ], + "implementation": [ + "_:implement_contributors" + ], + "history": [ + { + "en": "May 2024 - Stabilizing component.", + "fr": "Mai 2024 - Stabilisation du composant." + }, + { + "en": "January 2021 - Initial provisional implementation to gather user experience data.", + "fr": "Janvier 2021 - Implémentation provisoire initiale pour recueillir des données sur l'expérience utilisateur." + } + ] + } + ], + "implementation": [ + { + "@id": "_:implement_contributors", + "iteration": "_:iteration_contributors_2", + "name": { + "en": "Standard", + "fr": "Standard" + }, + "introduction": { + "en": "This implementation is meant for developers/publishers adding the component manually.", + "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement." + }, + "instructions": { + "en": [ + "Refer to the following code sample." + ], + "fr": [ + "Référez-vous au code qui suit." + ] + }, + "sample": { + "en": [ + { + "@type": "source-code", + "description": "Code sample:", + "code": "
\n\t

From:

\n\t\n
" + } + ], + "fr": [ + { + "@type": "source-code", + "description": "Exemple de code :", + "code": "
\n\t

De :

\n\t\n
" + } + ] + } + } + ], + "iteration": [ + { + "@id": "_:iteration_contributors_2", + "name": "Contributors - Iteration 2", + "date": "2024-05", + "detectableBy": ".gc-contributors:not(.provisional)", + "additions": [ + "Stabilized component" + ], + "assets": [ + { + "@type": "source-code", + "@language": "en", + "description": "Code sample", + "code": "
\n\t

From:

\n\t\n
" + } + ], + "predecessor": "_:iteration_contributors_1" + }, + { + "@id": "_:iteration_contributors_1", + "name": "Contributors - Iteration 1", + "date": "2021-01", + "detectableBy": ".provisional.gc-contributors", + "assets": [ + { + "@type": "source-code", + "@language": "en", + "description": "Code sample", + "code": "
\n\t

From:

\n\t\n
" + } + ], + "successor": "_:iteration_contributors_2" + } + ], + "changesets": [ + { + "@id": "_:cs_contributors", + "name": "Contributors", + "status": "stable", + "baseOnIteration": "_:iteration_contributors_2", + "detectableBy": ".gc-contributors", + "layout": "Title and list are displayed inline on medium screens and up. They are displayed vertically on smaller screens.", + "semantic": "section>h2+ul>li*n>a", + "style": "The

font size is smaller. The links are bolded.", + "static": [ + "From:", + "De :" + ], + "schema": [ + "Array of contributors objects", + "contributors object: contributor name, contributor link" + ] + } + ] +} diff --git a/components/gc-contributors/samples/gc-contributors.html b/components/gc-contributors/samples/gc-contributors.html new file mode 100644 index 0000000000..9dcae91339 --- /dev/null +++ b/components/gc-contributors/samples/gc-contributors.html @@ -0,0 +1,7 @@ +
+

{% if page.language == "en" %}From:{% else %}De :{% endif %}

+ +
diff --git a/components/provisional-en.html b/components/provisional-en.html index f1bdfc4fec..f4e5291132 100644 --- a/components/provisional-en.html +++ b/components/provisional-en.html @@ -156,8 +156,8 @@

Provisional feature removal first notice

New layout and design pattern. To support the theme/topic beta template.

v9.1.0 diff --git a/components/provisional-fr.html b/components/provisional-fr.html index 300cf12cd7..64d9352298 100644 --- a/components/provisional-fr.html +++ b/components/provisional-fr.html @@ -158,8 +158,8 @@

Provisional feature removal first notice

Nouvel arrangement et model de conception. Pour supporter le gabarit beta thème/sujet.

v9.1.0 diff --git a/sites/theme.scss b/sites/theme.scss index 97702d35b0..c3aa3bbe4f 100644 --- a/sites/theme.scss +++ b/sites/theme.scss @@ -171,6 +171,7 @@ @import "../components/redacted"; @import "../components/dshbrd/base"; @import "../components/triangle-up"; +@import "../components/gc-contributors/base"; @import "../components/gc-follow-us/base"; @import "../components/gc-minister/base"; @import "../components/gc-most-requested/base"; @@ -272,7 +273,6 @@ @import "../components/gc-srvinfo/screen-sm-max"; @import "../templates/home/screen-sm-max"; - @import "../templates/theme-topic/screen-sm-max"; @import "../templates/institutional-landing/screen-sm-max"; } @@ -328,11 +328,10 @@ @import "wet-boew/src/plugins/feeds/screen-md-min"; @import "wet-boew/src/plugins/tabs/screen-md-min"; @import "../components/social-media-icons/screen-md-min"; + @import "../components/gc-contributors/screen-md-min"; @import "../components/gc-subway/screen-md-min"; @import "../components/gc-most-requested/screen-md-min"; - @import "../templates/theme-topic/screen-md-min"; - @import "wet-boew/src/base/proximity/screen-md-min"; } diff --git a/templates/theme-topic/_screen-md-min.scss b/templates/theme-topic/_screen-md-min.scss deleted file mode 100644 index ce9a91e5f1..0000000000 --- a/templates/theme-topic/_screen-md-min.scss +++ /dev/null @@ -1,27 +0,0 @@ -/* - WET-BOEW - @title: Medium view and over (screen only) - @desc: Variable $screen-md-min >= 992px - */ - -/* PROVISIONAL features */ -.provisional { - - /* Contributors */ - &.gc-contributors ul li { - - &:first-child:before { - content: none; - } - - &:before { - content: "\2022"; - margin-right: .7em; - } - } - - /* Follow us */ - &.gc-followus h2 { - margin-top: 0 !important; - } -} diff --git a/templates/theme-topic/_screen-sm-max.scss b/templates/theme-topic/_screen-sm-max.scss deleted file mode 100644 index 95b7d1aaab..0000000000 --- a/templates/theme-topic/_screen-sm-max.scss +++ /dev/null @@ -1,26 +0,0 @@ -/* - WET-BOEW - @title: Small view and under (screen only) - @desc: Variable $screen-sm-max <= 991 px - */ - -/* PROVISIONAL features */ -.provisional { - - /* Contributors */ - &.gc-contributors { - - h2, ul { - display: block; - } - - ul { - padding-inline-start: 20px; - - li { - display: list-item; - margin-right: 0; - } - } - } -} From af9b4a2e8bbe5beb9687552444b8c0dd321a53c0 Mon Sep 17 00:00:00 2001 From: Brahim Mahadi Wachilli Date: Mon, 22 Jul 2024 10:12:53 -0400 Subject: [PATCH 03/15] Minor - GC-intro-block: Added half-width image (#2382) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * GC-intro-block: Added half-width image * Moving back to design patterns --------- Co-authored-by: Marc-André Garneau --- _data/design-patterns.json | 141 ++++++++++++++---- ...ge.html => gc-intro-full-width-image.html} | 2 +- .../gc-intro/gc-intro-half-width-image.html | 10 ++ design-patterns/gc-intro/gc-intro-doc-en.html | 2 +- design-patterns/gc-intro/gc-intro-doc-fr.html | 2 +- .../gc-intro-full-width-image-en.html | 21 +++ .../gc-intro-full-width-image-fr.html | 21 +++ .../gc-intro-half-width-image-en.html | 18 +++ .../gc-intro-half-width-image-fr.html | 18 +++ .../gc-intro/gc-intro-image-en.html | 20 --- .../gc-intro/gc-intro-image-fr.html | 21 --- design-patterns/gc-intro/img/825x200.jpg | Bin 0 -> 21760 bytes design-patterns/gc-intro/index.json-ld | 141 ++++++++++++++---- ...ge.html => gc-intro-full-width-image.html} | 2 +- .../samples/gc-intro-half-width-image.html | 10 ++ index-en.md | 12 +- index-fr.md | 12 +- .../institutional-landing-bad.html | 2 +- .../institutional-landing-en.html | 2 +- .../institutional-landing-fr.html | 2 +- 20 files changed, 339 insertions(+), 120 deletions(-) rename _includes/design-patterns/gc-intro/{gc-intro-image.html => gc-intro-full-width-image.html} (78%) create mode 100644 _includes/design-patterns/gc-intro/gc-intro-half-width-image.html create mode 100644 design-patterns/gc-intro/gc-intro-full-width-image-en.html create mode 100644 design-patterns/gc-intro/gc-intro-full-width-image-fr.html create mode 100644 design-patterns/gc-intro/gc-intro-half-width-image-en.html create mode 100644 design-patterns/gc-intro/gc-intro-half-width-image-fr.html delete mode 100644 design-patterns/gc-intro/gc-intro-image-en.html delete mode 100644 design-patterns/gc-intro/gc-intro-image-fr.html create mode 100644 design-patterns/gc-intro/img/825x200.jpg rename design-patterns/gc-intro/samples/{gc-intro-image.html => gc-intro-full-width-image.html} (78%) create mode 100644 design-patterns/gc-intro/samples/gc-intro-half-width-image.html diff --git a/_data/design-patterns.json b/_data/design-patterns.json index 810c00d0f7..b5ad0f68b1 100644 --- a/_data/design-patterns.json +++ b/_data/design-patterns.json @@ -121,14 +121,14 @@ "modified": "dct:modified" }, "title": { - "en": "Introduction block - Documentation and working example", - "fr": "Bloc d’introduction - Documentation et example pratique" + "en": "Introduction block", + "fr": "Bloc d’introduction" }, "description": { - "en": "Guidance about using the introduction block pattern on Canada.ca.", - "fr": "Orientation sur l’utilisation de la configuration de conception du bloc d’introduction sur Canada.ca." + "en": "Guidance about using the introduction block component on Canada.ca.", + "fr": "Orientation sur l’utilisation du composant bloc d’introduction sur Canada.ca." }, - "modified": "2023-08-16", + "modified": "2024-06-12", "componentName": "gc-intro", "pages": { "docs": [ @@ -155,14 +155,24 @@ "path": "gc-intro-fr.html" }, { - "title": "Introduction block with image", + "title": "Introduction block with full-width image", "language": "en", - "path": "gc-intro-image-en.html" + "path": "gc-intro-full-width-image-en.html" }, { - "title": "Bloc d’introduction avec image", + "title": "Bloc d’introduction avec image pleine largeur", "language": "fr", - "path": "gc-intro-image-fr.html" + "path": "gc-intro-full-width-image-fr.html" + }, + { + "title": "Introduction block with half-width image", + "language": "en", + "path": "gc-intro-half-width-image-en.html" + }, + { + "title": "Bloc d’introduction avec image demi-largeur", + "language": "fr", + "path": "gc-intro-half-width-image-fr.html" } ] }, @@ -189,7 +199,6 @@ "en": "https://design.canada.ca/common-design-patterns/intro-block.html", "fr": "https://conception.canada.ca/configurations-conception-communes/block-introduction.html" }, - "iteration": "_:iteration_intro_1", "example": [ { "en": { "href": "gc-intro-en.html", "text": "Introduction block" }, @@ -208,12 +217,12 @@ }, { "name": { - "en": "Introduction block with image", - "fr": "Bloc d'introduction avec image" + "en": "Introduction block with full-width image", + "fr": "Bloc d'introduction avec image pleine largeur" }, "description": { - "en": "The introduction block pattern introduces the content of a landing page. This variation can contain an image and a super task button.", - "fr": "La configuration de conception du bloc d’introduction introduit le contenu d’une page d’accueil. Cette variation peur contenir une image." + "en": "The introduction block pattern introduces the content of a landing page. This variation contains an image.", + "fr": "La configuration de conception du bloc d’introduction introduit le contenu d’une page d’accueil. Cette variation contient une image." }, "guidance": { "en": "https://design.canada.ca/common-design-patterns/intro-block.html", @@ -221,12 +230,12 @@ }, "example": [ { - "en": { "href": "gc-intro-image-en.html", "text": "Introduction block with image" }, - "fr": { "href": "gc-intro-image-fr.html", "text": "Bloc d'introduction avec image" } + "en": { "href": "gc-intro-full-width-image-en.html", "text": "Introduction block with full-width image" }, + "fr": { "href": "gc-intro-full-width-image-fr.html", "text": "Bloc d'introduction avec image pleine largeur" } } ], "implementation": [ - "_:implement_intro_image" + "_:implement_intro_full_width_image" ], "history": [ { @@ -234,12 +243,40 @@ "fr": "Mars 2024 - Implémentation initiale de la variante." } ] + }, + { + "name": { + "en": "Introduction block with half-width image", + "fr": "Bloc d'introduction avec image demi-largeur" + }, + "description": { + "en": "The introduction block pattern introduces the content of a landing page. This variation contains an image.", + "fr": "La configuration de conception du bloc d’introduction introduit le contenu d’une page d’accueil. Cette variation contient une image." + }, + "guidance": { + "en": "https://design.canada.ca/common-design-patterns/intro-block.html", + "fr": "https://conception.canada.ca/configurations-conception-communes/block-introduction.html" + }, + "example": [ + { + "en": { "href": "gc-intro-half-width-image-en.html", "text": "Introduction block with half-width image" }, + "fr": { "href": "gc-intro-half-width-image-fr.html", "text": "Bloc d'introduction avec image demi-largeur" } + } + ], + "implementation": [ + "_:implement_intro_half_width_image" + ], + "history": [ + { + "en": "June 2024 - Initial implementation of the variation.", + "fr": "Juin 2024 - Implémentation initiale de la variante." + } + ] } ], "implementation": [ { "@id": "_:implement_intro", - "iteration": "_:iteration_intro_1", "name": { "en": "Standard", "fr": "Standard" @@ -278,8 +315,7 @@ } }, { - "@id": "_:implement_intro_image", - "iteration": "_:iteration_intro_image_1", + "@id": "_:implement_intro_full_width_image", "name": { "en": "Standard", "fr": "Standard" @@ -290,12 +326,12 @@ }, "instructions": { "en": [ - "The introduction block pattern is a mandatory element for institutional landing pages and topic pages. It’s optional for other landing pages.", + "This introduction block variant is a mandatory element for institutional landing pages. It’s optional for other landing pages.", "According to the Canada.ca design system guidance, the introduction block with image contains the following elements:
  • title (mandatory)
  • short description (mandatory)
  • image (mandatory)
  • supertask button (optional)
", "Refer to the code sample below." ], "fr": [ - "La configuration de conception du bloc d’introduction est un élément obligatoire pour les pages d’accueil institutionnelles et les pages de sujet. Elle est facultative pour les autres pages d’accueil.", + "Cette variante du bloc d'introduction est un élément obligatoire pour les pages d’accueil institutionnelles et les pages de sujet. Elle est facultative pour les autres pages d’accueil.", "Selon les directives du système de conception Canada.ca, le bloc d'introduction avec image contient les éléments suivants :
  • titre (obligatoire)
  • description courte (obligatoire)
  • image (obligatoire)
  • bouton de super-tâche (facultatif)
", "Référez-vous au code qui suit." ] @@ -312,7 +348,7 @@ }, "notes": { "en": [ - "The introduction block pattern with image must be located outside of the default page container (or any element with the class .container)." + "The introduction block with image pattern must be located outside of the default page container (or any element with the class .container)." ], "fr": [ "La configuration de conception du bloc d’introduction avec image doit être située en dehors du conteneur de page par défaut (ou de tout élément avec la classe .container)." @@ -323,14 +359,69 @@ { "@type": "source-code", "description": "Code sample:", - "code": "
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t

[Institution name]

\n\t\t\t\t

Short description of the institution’s mandate.

\n\t\t\t\t

Super task button

\n\t\t\t
\n\t\t
\n\t
\n
" + "code": "
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t

Introduction block with full-width image

\n\t\t\t\t

The introduction block pattern introduces the content of a landing page.

\n\t\t\t\t

Supertask button

\n\t\t\t
\n\t\t
\n\t
\n
" + } + ], + "fr": [ + { + "@type": "source-code", + "description": "Exemple de code :", + "code": "
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t

Bloc d'introduction avec image pleine largeur

\n\t\t\t\t

La configuration de conception du bloc d'introduction introduit le contenu d'une page de destination.

\n\t\t\t\t

Bouton de super-tâche

\n\t\t\t
\n\t\t
\n\t
\n
" + } + ] + } + }, + { + "@id": "_:implement_intro_half_width_image", + "name": { + "en": "Standard", + "fr": "Standard" + }, + "introduction": { + "en": "This implementation is meant for developers/publishers adding the component manually.", + "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement." + }, + "instructions": { + "en": [ + "This introduction block variant is a mandatory element for topic pages.", + "According to the Canada.ca design system guidance, the introduction block with half-width image contains the following elements:
  • title (mandatory)
  • short description (mandatory)
  • half-width image (mandatory)
  • supertask button (optional)
", + "Refer to the code sample below." + ], + "fr": [ + "Cette variante du bloc d’introduction est un élément obligatoire pour les pages de sujet.", + "Selon les directives du système de conception Canada.ca, le bloc d'introduction avec image demi largeur contient les éléments suivants :
  • titre (obligatoire)
  • description courte (obligatoire)
  • image demi largeur (obligatoire)
  • bouton de super-tâche (facultatif)
", + "Référez-vous au code qui suit." + ] + }, + "techConsiderations": { + "en": [ + "The size recommended for this variant's image is 520px by 200px. For more information on the half-width image, please consult the official guidelines. If the image is decorative, meaning it doesn't provide any message and doesn't contain any text, ensure the text alternative is empty on the image. Otherwise, provide a text alternative that represents the message illustrated by the image and a text alternative that contains every words, written as is, in the text alternative." + ], + "fr": [ + "La taille d’image recommandée pour cette variante est de 520 px par 200 px. Pour plus d’informations sur l’image demi-largeur, veuillez consulter les directives officielles. Si l'image est décorative, c'est-à-dire qu'elle ne transmet aucun message et ne contient aucun texte, assurez-vous que le texte alternatif est vide sur l'image. Sinon, fournissez un texte alternatif qui représente le message illustré par l’image et qui contient tous les mots, écrits tels quels dans l'image." + ] + }, + "notes": { + "en": [ + "The introduction block with half-width image pattern must be located outside of the default page container (or any element with the class .container)." + ], + "fr": [ + "La configuration de conception du bloc d’introduction avec image demi-largeur doit être située en dehors du conteneur de page par défaut (ou de tout élément avec la classe .container)." + ] + }, + "sample": { + "en": [ + { + "@type": "source-code", + "description": "Code sample:", + "code": "
\n\t
\n\t\t

Introduction block with half-width image

\n\t\t

The introduction block pattern introduces the content of a landing page.

\n\t\t

Supertask button

\n\t
\n\t
\n\t\t\"\"\n\t
\n
" } ], "fr": [ { "@type": "source-code", "description": "Exemple de code :", - "code": "
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t

[Nom de l’institution]

\n\t\t\t\t

Description courte du mandat de d’institution.

\n\t\t\t\t

Bouton de super-tâche

\n\t\t\t
\n\t\t
\n\t
\n
" + "code": "
\n\t
\n\t\t

Bloc d'introduction avec image demi-largeur

\n\t\t

La configuration de conception du bloc d'introduction introduit le contenu d'une page de destination.

\n\t\t

Bouton de super-tâche

\n\t
\n\t
\n\t\t\"\"\n\t
\n
" } ] } diff --git a/_includes/design-patterns/gc-intro/gc-intro-image.html b/_includes/design-patterns/gc-intro/gc-intro-full-width-image.html similarity index 78% rename from _includes/design-patterns/gc-intro/gc-intro-image.html rename to _includes/design-patterns/gc-intro/gc-intro-full-width-image.html index 2fddb5f8e6..327c2960f2 100644 --- a/_includes/design-patterns/gc-intro/gc-intro-image.html +++ b/_includes/design-patterns/gc-intro/gc-intro-full-width-image.html @@ -2,7 +2,7 @@
-

{{ page.title }}

+

{% if page.language == "en" %}Introduction block with full-width image{% else %}Bloc d'introduction avec image pleine largeur{% endif %}

{% if page.language == "en" %}The introduction block pattern introduces the content of a landing page.{% else %}La configuration de conception du bloc d'introduction introduit le contenu d'une page de destination.{% endif %}

{% if page.language == "en" %}Supertask button{% else %}Bouton de super-tâche{% endif %}

diff --git a/_includes/design-patterns/gc-intro/gc-intro-half-width-image.html b/_includes/design-patterns/gc-intro/gc-intro-half-width-image.html new file mode 100644 index 0000000000..915122ef93 --- /dev/null +++ b/_includes/design-patterns/gc-intro/gc-intro-half-width-image.html @@ -0,0 +1,10 @@ + +
+
+

{% if page.language == "en" %}Introduction block with half-width image{% else %}Bloc d'introduction avec image demi-largeur{% endif %}

+

{% if page.language == "en" %}The introduction block pattern introduces the content of a landing page.{% else %}La configuration de conception du bloc d'introduction introduit le contenu d'une page de destination.{% endif %}

+
+ +
diff --git a/design-patterns/gc-intro/gc-intro-doc-en.html b/design-patterns/gc-intro/gc-intro-doc-en.html index e857f19897..8678a0f49e 100644 --- a/design-patterns/gc-intro/gc-intro-doc-en.html +++ b/design-patterns/gc-intro/gc-intro-doc-en.html @@ -3,7 +3,7 @@ description: Documentation for the introduction block design pattern. language: en altLangPage: gc-intro-doc-fr.html -dateModified: 2024-03-14 +dateModified: 2024-06-10 layout: documentation_pattern index_json: index.json-ld --- diff --git a/design-patterns/gc-intro/gc-intro-doc-fr.html b/design-patterns/gc-intro/gc-intro-doc-fr.html index 0af014ea83..af2ad4e26d 100644 --- a/design-patterns/gc-intro/gc-intro-doc-fr.html +++ b/design-patterns/gc-intro/gc-intro-doc-fr.html @@ -3,7 +3,7 @@ description: Documentation de la configuration de conception du bloc d’introduction. language: fr altLangPage: gc-intro-doc-en.html -dateModified: 2024-03-14 +dateModified: 2024-06-10 layout: documentation_pattern index_json: index.json-ld --- diff --git a/design-patterns/gc-intro/gc-intro-full-width-image-en.html b/design-patterns/gc-intro/gc-intro-full-width-image-en.html new file mode 100644 index 0000000000..be5a56b89c --- /dev/null +++ b/design-patterns/gc-intro/gc-intro-full-width-image-en.html @@ -0,0 +1,21 @@ +--- +{ + "title": "Introduction block with full-width image", + "language": "en", + "altLangPage": "gc-intro-full-width-image-fr.html", + "layout": "no-container", + "dateModified": "2024-06-13", + "breadcrumbs": [ + { "title": "Introduction block - documentation", "link": "design-patterns/gc-intro/gc-intro-doc-en.html" } + ], + "layout": "no-container" +} +--- +
+ +{% include_relative samples/gc-intro-full-width-image.html %} + +
+

Code sample

+ {% highlight html %}{% include_relative samples/gc-intro-full-width-image.html %}{% endhighlight %} +
diff --git a/design-patterns/gc-intro/gc-intro-full-width-image-fr.html b/design-patterns/gc-intro/gc-intro-full-width-image-fr.html new file mode 100644 index 0000000000..582ca6d406 --- /dev/null +++ b/design-patterns/gc-intro/gc-intro-full-width-image-fr.html @@ -0,0 +1,21 @@ +--- +{ + "title": "Bloc d'introduction avec image pleine largeur", + "language": "fr", + "altLangPage": "gc-intro-full-width-image-en.html", + "layout": "no-container", + "dateModified": "2024-06-11", + "breadcrumbs": [ + { "title": "Bloc d'introduction - documentation", "link": "design-patterns/gc-intro/gc-intro-doc-fr.html" } + ], + "layout": "no-container" +} +--- +
+ +{% include_relative samples/gc-intro-full-width-image.html %} + +
+

Code

+ {% highlight html %}{% include_relative samples/gc-intro-full-width-image.html %}{% endhighlight %} +
diff --git a/design-patterns/gc-intro/gc-intro-half-width-image-en.html b/design-patterns/gc-intro/gc-intro-half-width-image-en.html new file mode 100644 index 0000000000..3d968544b1 --- /dev/null +++ b/design-patterns/gc-intro/gc-intro-half-width-image-en.html @@ -0,0 +1,18 @@ +--- +{ + "title": "Introduction block with half-width image", + "language": "en", + "altLangPage": "gc-intro-half-width-image-fr.html", + "layout": "without-h1", + "dateModified": "2024-06-13", + "breadcrumbs": [ + { "title": "Introduction block - documentation", "link": "design-patterns/gc-intro/gc-intro-doc-en.html" } + ] +} +--- +
+ +{% include_relative samples/gc-intro-half-width-image.html %} + +

Code sample

+{% highlight html %}{% include_relative samples/gc-intro-half-width-image.html %}{% endhighlight %} diff --git a/design-patterns/gc-intro/gc-intro-half-width-image-fr.html b/design-patterns/gc-intro/gc-intro-half-width-image-fr.html new file mode 100644 index 0000000000..6bcb38a2d5 --- /dev/null +++ b/design-patterns/gc-intro/gc-intro-half-width-image-fr.html @@ -0,0 +1,18 @@ +--- +{ + "title": "Bloc d'introduction avec image demi largeur", + "language": "fr", + "altLangPage": "gc-intro-half-width-image-en.html", + "layout": "without-h1", + "dateModified": "2024-06-13", + "breadcrumbs": [ + { "title": "Bloc d'introduction - documentation", "link": "design-patterns/gc-intro/gc-intro-doc-fr.html" } + ] +} +--- +
+ +{% include_relative samples/gc-intro-half-width-image.html %} + +

Code

+{% highlight html %}{% include_relative samples/gc-intro-half-width-image.html %}{% endhighlight %} diff --git a/design-patterns/gc-intro/gc-intro-image-en.html b/design-patterns/gc-intro/gc-intro-image-en.html deleted file mode 100644 index 9340af1070..0000000000 --- a/design-patterns/gc-intro/gc-intro-image-en.html +++ /dev/null @@ -1,20 +0,0 @@ ---- -{ - "title": "Introduction block with image", - "language": "en", - "altLangPage": "gc-intro-image-fr.html", - "dateModified": "2024-03-14", - "breadcrumbs": [ - { "title": "Introduction block - documentation", "link": "design-patterns/gc-intro/gc-intro-doc-en.html" } - ], - "layout": "no-container" -} ---- -
- -{% include_relative samples/gc-intro-image.html %} - -
-

Code sample

- {% highlight html %}{% include_relative samples/gc-intro-image.html %}{% endhighlight %} -
diff --git a/design-patterns/gc-intro/gc-intro-image-fr.html b/design-patterns/gc-intro/gc-intro-image-fr.html deleted file mode 100644 index 4751dcc3c1..0000000000 --- a/design-patterns/gc-intro/gc-intro-image-fr.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -{ - "title": "Bloc d'introduction avec image", - "language": "fr", - "altLangPage": "gc-intro-image-en.html", - "layout": "no-container", - "dateModified": "2024-03-14", - "breadcrumbs": [ - { "title": "Bloc d'introduction - documentation", "link": "design-patterns/gc-intro/gc-intro-doc-fr.html" } - ], - "layout": "no-container" -} ---- -
- -{% include_relative samples/gc-intro-image.html %} - -
-

Code

- {% highlight html %}{% include_relative samples/gc-intro-image.html %}{% endhighlight %} -
diff --git a/design-patterns/gc-intro/img/825x200.jpg b/design-patterns/gc-intro/img/825x200.jpg new file mode 100644 index 0000000000000000000000000000000000000000..bcc922e9c42741a82849fdccd1fcca2f82783aa0 GIT binary patch literal 21760 zcmeHv2Ut^0*Wjf{2c=0@q=*6m0)!?->7n;t3`u}MAee-zh`oS-bO8mVO79>bDu`4m z(u)WxAVp9qqN1`l!SI?#AdEWz zz~SNm9RL7K06;+nP=Kj2YB2ddJxmDzlwg_)gr|WQ&38Bm2H3u*Np(2Cr%8Cc6uZcD zvcWXp_jD1MKJ;5%CY}mOBPIXfcH`G!d#{%*L?$~ML@!I$2r=O?J8B`7NcRTMmAj6h<1Nx;JZ2vAmm%Bsl92tuJMaxyAVMF8yB zby`vk$jHh2f``8r`Ji9!JrRbAo%BfdvtplU?TU)Rm&Kl++G1#$T=;-L^ z>6qy0nOGSa7+E=YGcoPv^~x1G$NV+v+QMrIb~JuEDHI9OO%I7kr- z$4(X2|AfHyLx7bI5Cbx(D1-n?RthRsitR~ImJHi16dE9xyC}#3WSA5{$x>49qM@au zXJDlGb0GylN%f;}4?sapK}AVTxr>&DZWk4k99YOoMSXw`y6c!Zf?epuSy>v6nA_!= z!Xlg&O>T1X_;XLSXhmZ!-@SN`B*6A&R-8Ym9cP8oY0e@laP?ciM6Xs}cr@VuYE4%x zKKo)-Ld)RHdQSD@q1g=^_kc@@xiziBa~~A-Y&`-mC*{?)jlAAu1xEc-&PGgMQT2$4|%^=2@SQ}Eftl29zEsme>Z2fD~sS&le&~U)xQm#JL$L$q>E48 z_V`%0SakB;x3LS~DxF;#K5Idw+9zs<)-TBQoi>>Y%;*YB{VLrDH$4#8T}o~H&%e#<+fa@yy{`GeP{OmR!xr3x0y-MhaE zMERVoSsC31a075-t5}PILf`86{x*A`D5jDc%Gb(0M;uyV_rW{d$imrp>g8s>&6Dut z)XQO3kMfpz)Wi$<-&`sKUY9?}TKBnM`mWj*x1nZgkz<-0YVklZZ)mV$tz5-L%COrG z_vB>ql3Jekq+N01>2rBo((PgMi*OS*!_(3E0{G_*34L!kkyB^doRebw&sNzQ9t|6J z4QyC9^qFSYl~C!WykV(?OHcTXE`3c&O7$!mFR1M=yY;+8qtrPnf1>gElv`(ach@3M zz?}Q|(yDL35+pc@z3uDXEr-GQ&-;hI-MTmwvUj(0*F$upZLaP0C#r(HQ{z5u-p^io@eI3Z-Fv>km?G zZ*63i+`Px%I?MZZ0qbLTu%7RexpWdWAxp#DcswT)WD4N_sJWBN$i8X zhTme8M#mRwCqF+}DG(4|!nw?kzUHDmkhMRkuG-N#pgJ)+D@MN^ot9AiP17KhwvMbE`o!{qKIrM&|{~MQ*Z`Ha!k&6nw`PUJTo1Rs)s;cCTEc=e%>@`l6*amc4CXq{A zHcKuMgk?+~_uf}e9eJ#+FY|=u88a8By`6%ac!4Gn51K>{XdZ{bv_aVRQ_yey$zJ{? zz;t_TdwEa%ulZX}N(NBUgd0EKm>?2{CWc6=Ln_{(iN>2Ce9%@pc2*=*z!Y!?e;5D>paC!NA_9Vd0-y-U zfIm{$A!dfh;oL3JM1Mb1H!mazW&+FrJb(j#?qCH=az%f@k6eYp?hkiP(r}ymo(UZlZL4u5rgw3faP2yOf5g6?~e|G z0&v6s%vg93jDKdd@V;8VGQPxL86!6=;b)172QlDhM#l%M{WAl~_!ntSq_@X+L6Ex# z02X?hS|B&z!V65J1O-tzf48H!X;PLP^zgoafoWp@il>Q3Sy}rMb%iakq;dZlG_feb zzk^#4utYN4EC_ql;wL&o02)ce;k6M&1gQsPCe1v|2tPE2lqMmAcM{ux5!!u+%%7UI z0@tN~*Q_NHy8}1FBahmXD3HS*Bp&By>xl*j7t~&iug4GZv5*QZK%O*lL?X@yi}UsP zUWMsL35kW@;LJbZ78noD-wPOj6o9<_#3$Ji)$$Gx-SwZ znN+J}7y|%olf!p=WhO&Omb{N#pXZNxsx@++o*aV_1zC5+NE!!!*>Xo=0`9OknC-T>p#a-^Q7WG zLwEB3J7r{9kVunU8wEK>a&Z9pab(ASWypC-ik(st-z3gS8puw@rz1mn!5D;59^JV} zj#4fI0R76DoqGGg^zT$j_yCn980|=blm&ox5T*>?cY|)r6ZAno-~|EGI8ZVqmj(f2 zAAqE4-_4X%>1X&2My3K%`(yYG;b*}wrv&)=V@ZCMBmf#WoWC!M@F$;uBtpS5@^nBl zq@UUf0{^7#faWi&AhTidQ|Za9(Gaj0B${A@H6ocU#UI+)MJ@xuY~V#p&cL;QYm3$c zkMsBY1BeEP$9Q0VdSo3-5_MBD45Yz~@F(K*(7tFqf`~?e0Kh8P@5f}ru!Bs3kV@b_ z9)jTQ|8)PU{PEcDQ`YxEAqoGF5MzSJk7;cOhX#QqS|L3CfW?ADgZ0osL^wg;%Gl_K zbENwL{sS_-Ck`KS42$vjA*tOvo!9>X276A6Lc1gU$)4=PRLlK4UQd!-b>Dt@B!K%CXoSV!2J!1X;3W$L7i9! zxWVWCfA$6b*%$a{U*Mm8fq(V|{@EA!|72f)JU1QyXF~vR1~2lX{chkGfC3k$Zr~DC z5PW#{1kmTD*><}@NfGC$9_*D z(N9HM+Ls`OAiZUfLgIX+gAjhwP$?N{Kvg5i4}tVX69wJS;3`l}=xxITAwdjEO~@8z zEMx4ah4#eghv3ncAtqMH5O1V1N=QRpP&G&;$j8qIO+*L=`CxqsDnV*OWa27dngo^> z5+tJ#z14)sJO6@q#%6+AI6PVqCZzyDLgkbM6_ur+Fl8lKc}dc{4h3l$Wof89L|Ag8DVfkG8g z5QLHp5~3uFkVPY9p(v!X>z}5QS86$KibtprT-W5FTi0FF&-0kl-&?jL;qkWH8*!N=qB#fhK@> zI!d}wn3k@btgaRms&otr($-W^Jf^J$Q;^q&X&(E%Hu>=b90_o^7U)y#}Gix5B~0(EYT;v zr?421YtUv@5J=L_q?!-`0ZN0^6%z38M4IZ_mX@6rh^0GgSW~Uhf&Yc*Dz@v|OfExNATINnoq$k4H0}VQVX(3Wy zNnY}Qy+=?PHyBzGDG!kY#{(h{lTm;uDIt|WYn4Z#b2pbf_KU_|f^_oB7Fu;D2X>|5p1@NF>xdO}ZsmbTa}SU==)et0(k>zuu!oA0>i75R0Qs~o4K+3O zE^3-xyJ+ZXz>ATNhK7!jiGhKUfq`ic6FGdp?PUHOQ_#}VGBYuA@7crsUp%ebOggRG zPNhsm0UmGNIj!3QG>|qqDXGANx+Lz&fsU3QJc|2A*!QA6;JH{z@N_OE4R|`06liFv zcTv$%0(&U91a$3mjK~4o3GsM}L+p(GbmW1<_d*kA-zbkKgnpNdr(JVr2xk$_Qi$8M1 zK-tb2SqkuIFzK~w!VdJG_`e{5FaxvRyhQ|?gN9s+4ULPE$c*Xqa#seRrDs5*Msrkx zYBWtGHkyqo+gdLZ3KzX)CueUWkbH^W>eb&g$MnHYM8U7?)J^(pRoAY;Jt`$CD52)@ zU1yTcJ``Jq#Sb$>EQpLLs_(g zCQ!*Tb1A~BR1CewEJb5P@+zM@1tDC%0MI{*ji8VbrF7iC@lfzjOyel;N z3f$hrqTWny8a(8@U7ORNse-DR)OF@63lBCnSOZ|09}C{i?Nt8cez0(FoO1LT8Xw3b zXE8G@HtGpC0B{6b@%Bh(HM91qcW1NOJFuUSJ>SnK16x7L{FN@t`aM&Z(;gh#A0cJJ*?y z2GgSyFX-m?yZ6%-71Q5KrdVLU!Mh2)@mF4H+OJU?9?dZ19%}mFaPXL*TrL3MyVF@& zFFf2OXfd7E;YXr4M=838VZMu|;aDv5CEjNeTJx7EZblp*K0I>fuO#hh5W?)&>^$NR z;QQsu047aafSX&Zw^zSuA(S=*BOSpUplNf zpT2_wJRdWT0@s;NquK7L@r2XMFHxj~doD9c8PbAd`A_)okU$vdhUvhsb-<5$z6wQ? zGvJ3FzcQpRJ%BI$O7Ca8VpGk;99!;;%*Xm+#oSf>0YG+Ii zhi6~R)sI0q*rX!i?BfDO&6p#!gYW7f8zll7}^g z+h2`8OU-_y%#nUeAT@XBOQyX|Z&CV&v6j;#VHi}RfSpHaEVo?#soFK)C}VpW@m{T3 zxwui z8Lsmt>s3KW__$ZC?znMbeg1f!6aCf85MkNN?t?K;9;u9=U1=z$(xC^mJXh%Vo-}W) z@EbC=m-Xb<+zQB!M(b=C3w1=aCr-Rd=#ZX(mv_E=@J#aQU9r#f z+>sz^e(%(YZ9r@|Zs5fA6SYbFf(O63Im~xJGL(+WH7_(sTS`)W*`@OA$==&55h}bi z$ETJTYk@acd9pp098jGPmlv+K?cYli$Kdx!^Q+twp@QX7_qq$?&rb!dy=WGDXqci$ZxKqo}e6zF&3 zq+b-7Xi$iJ7_$Db;Zt25zTS68bNb;;ZiNhaN6(uNf?~d`KcUfnSsB|-sVO_#o-A!A zaq1!5cc$kQ<(6Al++KqY7xeIolRE2!LBSL(LTx&^H<=b)^`(qE6q~KiDgd6NXQUUA zdtg{7HL`A-^ODH#*`xXPQ`JMCNIiQ-p@faiQ%VGn?&3SWWeXpe2Ur7ONm5Q@Ar{ys zhSh8513C$-kM1r%3yyQt()CB_E1STzoA$)>W8MwficJb{vE;NiF%J3DQb2w32%)(e zYqmviN6{27tulpA>aVmoV*1&?xDKTDzGK=3q9>;&Hm}!yygxeW`qi{-qrtsxk4oZr99}FbF7n6VQKFk%{FfX72`DaZ`5lnJm`J5 zf&5&&TYK*FLvkA9%Q@H4Gwv?vrtqX9lEg|<7A_bvMn2N6-X|sXK+^8Fuf~*4^IlK;<~EeuR6@yMBU2cC?!zao*DPV-zcFQr{Ny$}1rPt|o^|@-Yia8b zBV|R8BXR1dg5FI_wAgeH3f<>oD6VDfIa<1W=d69n*zmC5VnMsFob%LIQ&anLtS(Ps zxB^|iNr~e8T%WgG;!6j#mPIA+cmS5we;Z)o|Fkw@Ol%gtGy+K!Uv0ER@l1YJKQ@vz zBcQbL=Awtap}E4`Gn}3E(2L6|F6JyoYF0t|*CU6+`*^OkiVD)@%ywU#?DaR8>ptfJ zH#R$>Q||K|OC^Bu3Em}NQCwPGjF4eDd^L59F_(I$x^St^(e& z&TN_WS8LH6r+*CTMh{tLST(ZPWBvb6DM@7~!~hR}QB$ zqr=0uwsfy9jmw+5Jk1RG5XnAL<(XD<_DQuO#jCEQeFoh%hk2vaDi%_UECf0wxw{p4 zPTHP5*8x$l`{=#I!%)vMs+Pi6%l_ut_yKN2^d$%SYdlj{V-E%E)UvcUmU+cWJ)f$b z+-bnHB1I^-4LP`#&j-r~3cWj14JC~R@MEU=EloiI!nXl~qt?{r%78+wiQv7pA)}gc__+?| zwDbd3o%rJ(G3V(B0#Itqsrgh!YW_kUCG(ira)O^8;Qds|M-1oH#ska&?2UCl;-WZyivp+IttRiR$#S@9jvK2SOD`Mgf zzq1(kk*~0E@)lvWwA7aKKz=$y6`Wja9+(=)YD1VrC2SPIU?q`HtQOMIvpj|pr@5aP zE*#g|eQ3g-17PZtT(0a~^Co<@gBo|q4;H6+Ls$y*EE8SX%pITlqgytgTc#Oy#{&J< z7W%X$maR1CO}zapfz0rz^ak|cH$KtZBNk5H3m6`PFjTdRhbJ&>vKL(7s;PVNtPU;wm{y_54@9oef{F_?CXeu zA?bJT&C&NQ)HpliXC>LteF2wjcnY(a3l@pBmn0^iyH~6ZrXo^J3Q`hQn#D26y{pO0mhhjodT*^; ze=)IqqwS#cjXa+jY<;GWSNHpvmzh(3c_9vqww?utXDv#i@`Q?ZPdSvh)oC8QJzE`R z5Hv~9EsjrP^cfA3;Om&{XvR7PhcA9U7BJq>+NB~bN*dAW-B+#j-D9Cs?bKJ-jHLJwP$g~4Q-CrgeAupUHS`E~p5_O%qo>OFS1ce8vNYY=69lJ%bV^z4@;D=XcQ zj%cD5)x5^b8?Dk#tud1Q6Ngc0hn%jL3i1e*^9V@JcqFR#fM2_|q<>S|QU*WXWDEQF z(%__j$&}BX>zo^9qRD-%iQqSguy0(pu8O*@6q%BRnS zEw1>p4z!NBbJ=&?x*P!Op6GTmTm72G%FM}x;1Z-dvVJc*$tYG~t42K7BQF0%QN0Db zKxk){!a1H}yqQrjiO2r)0q%X#4LO_TOVX#|1FGYR1}Y}3e1U;NdQ?wCT>`|aCJ(>L znDbJ)+sh&H&P#||0=~!1oe4AG!l z?tN*&!}U!6Zb%A|!!`vXL8#d~h=imi3;U$JJXPxm8J@%%2j4!gjw;t47*JvUls}-5 zc=O|gJ6>lsy#+^o!dBOz31eMY|4D>rmScYpqHz^-kP&L&rDC@xG85Cr@BJ~s+{!I; zs$EE2!bzkx36se-Xr$XCa-x&zgx<5=d=37odX|ik&{K-_#z(shZK>fYukW$x?-jEV z&QkMge4-Uv1=UJtsEKTswd?^Pe6s@s`TJ{bsBU?kH|`(hlv+IhA|K9BQ6?Zw(RFfD z4R_x4{=JSph{p~elSf)PZ&ScObk<0WvuU3g>W7)QD1E%G8}N$3S$<0Gb(foa^Sx&pFn;f`?~-q~>KV6P6Wcmf-t*@=-=uiQ3=c$=-tgei zi9e$wdtPK4xcbm8wL7V~=CDAc){PfI`_$X-oOSSYT3(fm2~*?@=p1dS^6%>a*9PF$ znRxv1V`J4OQUMO<3r?b~24ia+2%aL)xI_=h_1ByI`X#GZBo*%tr_|tCZlE-c*cF^F zO3r^BigWegObmG^?qlmf;JBo~XK^g0UZ&S`bbd7Ph&Aozu1fQbka5|wo$FB|OwHP1 zdJe%K!xZc{)26RF>xyQz$I9M~j7~D-f7v%!kEv*TeF3~YI$=sl3oeZ#Z?77?& z)^KCJ(Z31vC?+vG=b{~Y)@*3^O10aih#QTF`FT;yt8?^92K}=0-R-+Jt!i#bHezK{ znW9>lZWVgV@dV4pOHFw*VH03ADj7w>5@N;2?nGXEl{&=-UoqXsF^P02G+NG#eQTP0 zaRSpf{Z>ax>&`aN73z(=w{CRjN+>q z`Da_b-nYvlKCwth!c=CnK6;~(XOz}UOfHR8I?N#BdR6~_Q!|7qjmpY75z9*6nB}kj7RRedGdKR6kpi%Q?EpfI%q^M|VD8I<*>FiooM2J$u z#HzpZ=@<4r2~buo&#McbD8z8#9cL-4*YC~t+K#EaZ_~i4^A(uHorCiQ&E%$m%5 z4<@Fp&uz`IEpy7q12KcwJ0H%`31?ihux5?9b4gi$eNb`hy{Y)wTh6&D?p>V+(;yGR zCGo|KfXJmGUC}Pjm)xA`!V8IQ66S0~Ex4s@^j?B~cvz;YYPmhT>^&|Au}NjNU7B95 zm?RjER=yha-c^UPksN2Z z($r;zJ-YbeY3)Guu(J!tB@T>x!Z{r_$|q0SM6J!MVnb+{SGO3_uywjrxvd*YEKeC~ z-|``DmcAP)%b%mn(*Nm1$Dxkq4c>ClVbM{xq z;p%j67(KG<9E4+Ltsx?uyt6*WH?yuJ2VK55T`Il0!O7q?CW?(6s&nTB`^Jujst$R_5F`MOqvjvGS)oLe$O-^V5VxI|2E)1__8U_;6KYog#` z(U{uBJ0otl8Zm;S(a(){Pd)k^kKBst=gk~A=-7|l>~uR>Nzt%cxc}DKZZ5l{b9`?M z-e0!ZmvXfN6>-utSf8!yOVu0XmPMC(n%lh=9qsZOQ$yXcLUp89m%?Clef`WzXfq!q zUtY5gexl@f5V6lA?ntoRy59a)jnw?%@Fw>QTF12ZU7R0W?qAi{bAa;&Pf*2U*}Z3% zoaze}udfUZ9qI~{s*;(r4hufG4Ok;_w1@rb?`I^>K7X?K75lzJ<7?hFuzS?*!SZ@~ zpAr78ZfRkr-gCq`nki5vpu2U)!~)cP<Kb zQCB{z+;T^0WggqGt(Bpz?Gdk(%s`Atz-nc=WZOiuF=LgbcGJrQdK(+dl!~%(IyG9( zXLV0t2TRsGtP)cyjP6!iK%c(7tomHvRTOi?P$Z;wL(X}@NXRhZK38e=-7dSdTZZ!% zVW-Y!;tZRwH%ChLm+5C71$AkrpgoseCMcfAwDyQ3``GQ-n0j{bgLr9DXKvx$p_+WO@0lZqBKoeJ_h${c z-^p8V&&!(A`KE~e0gL+u%J6c?Xzf{$AVj|6##QiOTm~XT-ads z_zW#AuXQQ%wOH1XZ9Hh;YANuX$Gm!22gxUfaWpwpu!J#YMr*TnS!zGwek7bB&4VbL zN9J*|nQK-KwXs*rGmUf3Fc=)bMqTf|K9sm3Rjckcv@xk;ly?7`{EZo{jK|pq zOJ{C6IH`5*J&M|>F4;|!!oMo3ueT`Xpxa_&C}K|$H*BNC@0DE9-f>`mL8F!P&|^Ij zypPNL5a;R={pcxUW2)#5)rc>!<&VKZUJgODRpr%_m?xgOy^x&d7S2u1p_QzXMAe$~L{n-p$X6OP30b|wZcERW5`8Yp_z?6fxgpzt*1g4Maper6<=TY*uS(G3A`G9VG2Zh@$1q#a58Cr_`Fu|AcJ^f3jtKmK9fFi*dE7)_`T%a)5ih z|7qqUF3n#%E82qw{TWZ>>MFnHSQNT0eOP%w7bN#IyUo;kI2 zdOC;xsG(uILut|?I@ceW>gSGBHJ*Rl!MhDGG83{jH%>Jwm7oDOO!$r03oGX;YE!u` z;wlcv^EWW|^p3&U3$+*o(sW~8XWc3m90kLpF7b$ap~M8sTXLQ)uO52bv!ODd^4eAn zm7i9WlBpYWDVXU)ZQR@Jn~}~kj<+)I4G$4&Ku7B+{<^=fy}NSL_f~7m2gb6)sq~(U zeN>{Vi*)wv8V~L5PwJ1xihG-m$RCg6^r61;B1tasgfcv#Vu4qF)48ndtLE@%v`fJY zp<}$e5A#&zJ=6Z^?Js}7j!=Yv^iSLBaSoyiB9aFEb~r^< zj_}H$!8B`*gKS@3@Kp8fcXz_=N6!?{pyJ8^8o{{|ue0d6U|VYeK2(=xk&5Y+!I)uO z_+rV2+?Kc4b1JE4v=+;{4}>4Q{>DY*taHMV$L15J)+aP%2#ShN4T%Ly*?vZSE$0iF zRKhV=AX+e`90e5I-$e!=;Kl?DLt?})?OM4Gv&HHsH<+>ep%|pvMDmp$N zzBtD?YZT~$rccmd*3Zixtka;YS+C&le4mVbw%B^N;DNJ$y=tG2Z&u>s4-A+Aq>yykx+eLrUOLv2}KpMfdFzUvs)%p^HgH9KE;R<=_kcHlV{ zva8icwe}S1T!XoaU{WUUwR%PPQ|XSH(g-K3iNY5K1q`Dpyf^sWqxmCp;6`%*$Q zR`N{8k_0~s%xDaSx*k2`QXsYXYEjCpB&Xt$U5>A9a+;P|%&nW^cCResG<@A-)fnG7 zZoU8dr$OBBh0*AOZw1|59U9ECbAV=D>@Znid@x~|%j4!9I~ zD#Txun{?W&U%pzD`03%C;~O7lmBUl#lGp6L=%_in{q^X-&TT$cJa>4>E`oCqA~1@5 zX7PMeW0ijq7YjZTKk-}iT+A8`P{r#AeS@L=)t5NASdMuXLgJvrD$_&ZLGX`vXX3A9 zo7_4G7xs6a{C0n@L?n}fifS8MNl8%l*sG`fyCo_^9JqR06eKj0+TTlfJ5fNiXHfm> zF2nIA&AzX;XaqcZck6d)SaoFs7;Ds<|DLqK*^k=&}jjrAz zC3gpJ&ZL;`c`tsb!I0`* zU#y=B&HWVlX#V4t@fzRdr|&00)JzNYlUjWha-)tHj2Ks&QfgSzYCoNu-iiQf_z zuIyS^VQrL?DrF6z+1u5YY10(*>He@)P*#4F?tE{-#nd%7{W>p(h_3Go|J6;;h}TwqVO%*ny<73MK_ox1F@VNBR1l|;eON4KzLmT^lMKj80tZozIt8W-4P zihezDE#6kbY>%Z)mE2%>ia(Fuo#xnzF79VO$Y5(%ms~7dk5*P_YWZ`4eEtQ@#!TxtA9Q_t?|-p?LOmwxXaqZ>3wN*tn5W{I7d z$)~O#!J4%#pU}%i54{|I*gSPvyZCa7uTO1#=AuxVtDPGysHt-M z<(Z6qXBgnTIZdV|g=Rv6!o^I~iSDcN
  • title (mandatory)
  • short description (mandatory)
  • image (mandatory)
  • supertask button (optional)
    • ", "Refer to the code sample below." ], "fr": [ - "La configuration de conception du bloc d’introduction est un élément obligatoire pour les pages d’accueil institutionnelles et les pages de sujet. Elle est facultative pour les autres pages d’accueil.", + "Cette variante du bloc d'introduction est un élément obligatoire pour les pages d’accueil institutionnelles et les pages de sujet. Elle est facultative pour les autres pages d’accueil.", "Selon les directives du système de conception Canada.ca, le bloc d'introduction avec image contient les éléments suivants :
    • titre (obligatoire)
    • description courte (obligatoire)
    • image (obligatoire)
    • bouton de super-tâche (facultatif)
    ", "Référez-vous au code qui suit." ] @@ -198,7 +234,7 @@ }, "notes": { "en": [ - "The introduction block pattern with image must be located outside of the default page container (or any element with the class .container)." + "The introduction block with image pattern must be located outside of the default page container (or any element with the class .container)." ], "fr": [ "La configuration de conception du bloc d’introduction avec image doit être située en dehors du conteneur de page par défaut (ou de tout élément avec la classe .container)." @@ -209,14 +245,69 @@ { "@type": "source-code", "description": "Code sample:", - "code": "
    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Institution name]

    \n\t\t\t\t

    Short description of the institution’s mandate.

    \n\t\t\t\t

    Super task button

    \n\t\t\t
    \n\t\t
    \n\t
    \n
    " + "code": "
    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    Introduction block with full-width image

    \n\t\t\t\t

    The introduction block pattern introduces the content of a landing page.

    \n\t\t\t\t

    Supertask button

    \n\t\t\t
    \n\t\t
    \n\t
    \n
    " + } + ], + "fr": [ + { + "@type": "source-code", + "description": "Exemple de code :", + "code": "
    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    Bloc d'introduction avec image pleine largeur

    \n\t\t\t\t

    La configuration de conception du bloc d'introduction introduit le contenu d'une page de destination.

    \n\t\t\t\t

    Bouton de super-tâche

    \n\t\t\t
    \n\t\t
    \n\t
    \n
    " + } + ] + } + }, + { + "@id": "_:implement_intro_half_width_image", + "name": { + "en": "Standard", + "fr": "Standard" + }, + "introduction": { + "en": "This implementation is meant for developers/publishers adding the component manually.", + "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement." + }, + "instructions": { + "en": [ + "This introduction block variant is a mandatory element for topic pages.", + "According to the Canada.ca design system guidance, the introduction block with half-width image contains the following elements:
    • title (mandatory)
    • short description (mandatory)
    • half-width image (mandatory)
    • supertask button (optional)
    ", + "Refer to the code sample below." + ], + "fr": [ + "Cette variante du bloc d’introduction est un élément obligatoire pour les pages de sujet.", + "Selon les directives du système de conception Canada.ca, le bloc d'introduction avec image demi largeur contient les éléments suivants :
    • titre (obligatoire)
    • description courte (obligatoire)
    • image demi largeur (obligatoire)
    • bouton de super-tâche (facultatif)
    ", + "Référez-vous au code qui suit." + ] + }, + "techConsiderations": { + "en": [ + "The size recommended for this variant's image is 520px by 200px. For more information on the half-width image, please consult the official guidelines. If the image is decorative, meaning it doesn't provide any message and doesn't contain any text, ensure the text alternative is empty on the image. Otherwise, provide a text alternative that represents the message illustrated by the image and a text alternative that contains every words, written as is, in the text alternative." + ], + "fr": [ + "La taille d’image recommandée pour cette variante est de 520 px par 200 px. Pour plus d’informations sur l’image demi-largeur, veuillez consulter les directives officielles. Si l'image est décorative, c'est-à-dire qu'elle ne transmet aucun message et ne contient aucun texte, assurez-vous que le texte alternatif est vide sur l'image. Sinon, fournissez un texte alternatif qui représente le message illustré par l’image et qui contient tous les mots, écrits tels quels dans l'image." + ] + }, + "notes": { + "en": [ + "The introduction block with half-width image pattern must be located outside of the default page container (or any element with the class .container)." + ], + "fr": [ + "La configuration de conception du bloc d’introduction avec image demi-largeur doit être située en dehors du conteneur de page par défaut (ou de tout élément avec la classe .container)." + ] + }, + "sample": { + "en": [ + { + "@type": "source-code", + "description": "Code sample:", + "code": "
    \n\t
    \n\t\t

    Introduction block with half-width image

    \n\t\t

    The introduction block pattern introduces the content of a landing page.

    \n\t\t

    Supertask button

    \n\t
    \n\t
    \n\t\t\"\"\n\t
    \n
    " } ], "fr": [ { "@type": "source-code", "description": "Exemple de code :", - "code": "
    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Nom de l’institution]

    \n\t\t\t\t

    Description courte du mandat de d’institution.

    \n\t\t\t\t

    Bouton de super-tâche

    \n\t\t\t
    \n\t\t
    \n\t
    \n
    " + "code": "
    \n\t
    \n\t\t

    Bloc d'introduction avec image demi-largeur

    \n\t\t

    La configuration de conception du bloc d'introduction introduit le contenu d'une page de destination.

    \n\t\t

    Bouton de super-tâche

    \n\t
    \n\t
    \n\t\t\"\"\n\t
    \n
    " } ] } diff --git a/design-patterns/gc-intro/samples/gc-intro-image.html b/design-patterns/gc-intro/samples/gc-intro-full-width-image.html similarity index 78% rename from design-patterns/gc-intro/samples/gc-intro-image.html rename to design-patterns/gc-intro/samples/gc-intro-full-width-image.html index 2fddb5f8e6..327c2960f2 100644 --- a/design-patterns/gc-intro/samples/gc-intro-image.html +++ b/design-patterns/gc-intro/samples/gc-intro-full-width-image.html @@ -2,7 +2,7 @@
    -

    {{ page.title }}

    +

    {% if page.language == "en" %}Introduction block with full-width image{% else %}Bloc d'introduction avec image pleine largeur{% endif %}

    {% if page.language == "en" %}The introduction block pattern introduces the content of a landing page.{% else %}La configuration de conception du bloc d'introduction introduit le contenu d'une page de destination.{% endif %}

    {% if page.language == "en" %}Supertask button{% else %}Bouton de super-tâche{% endif %}

    diff --git a/design-patterns/gc-intro/samples/gc-intro-half-width-image.html b/design-patterns/gc-intro/samples/gc-intro-half-width-image.html new file mode 100644 index 0000000000..915122ef93 --- /dev/null +++ b/design-patterns/gc-intro/samples/gc-intro-half-width-image.html @@ -0,0 +1,10 @@ + +
    +
    +

    {% if page.language == "en" %}Introduction block with half-width image{% else %}Bloc d'introduction avec image demi-largeur{% endif %}

    +

    {% if page.language == "en" %}The introduction block pattern introduces the content of a landing page.{% else %}La configuration de conception du bloc d'introduction introduit le contenu d'une page de destination.{% endif %}

    +
    + +
    diff --git a/index-en.md b/index-en.md index 4b91419a85..3260aa5b70 100644 --- a/index-en.md +++ b/index-en.md @@ -288,17 +288,7 @@ css: {% assign list-pages = designPattern.pages %}
  • -

    {{ designPattern.title[ page.language ] }} - {% if designPattern.status == "stable" %} - State: {{ comp_status[ designPattern.status ] }} - {% elsif designPattern.status == "provisional" %} - State: {{ comp_status[ designPattern.status ] }} - {% elsif designPattern.status == "deprecated" %} - State: {{ comp_status[ designPattern.status ] }} - {% else %} - State: Undefined - {% endif %} -

    +

    {{ designPattern.title[ page.language ] }}

    {{ designPattern.description[ page.language ] | default: "[Short description of the design pattern]" }}

    \n\t\n" + }, + "include": { + "@type": "source-code", + "collapsed": true, + "description": "Include with logic in Liquid.", + "code": { + "@type": [ "@id", "rdf:HTML" ], + "@value": "includes/footer.html" + } + }, + "logic": "Not applicable", + "guidance": "Not applicable", + "context": "Not applicable", + "configuration": [ + "Input the date when the page was last modified inside the
    diff --git a/index-fr.md b/index-fr.md index 0a700b7048..4f44786760 100644 --- a/index-fr.md +++ b/index-fr.md @@ -1,7 +1,7 @@ --- title: GCWeb, le thème WET-BOEW de Canada.ca altLangPage: index-en.html -dateModified: 2024-07-03 +dateModified: 2024-07-23 description: "Page d'accueil décrivant l'ensemble des composants du thème de Canada.ca, nommé GCWeb." layout: no-container language: fr @@ -20,7 +20,7 @@ css:

    Les gabarits et les conceptions communes si dessous sont une référence d'implémentation du Système de conception de Canada.ca, incluant les exigences obligatoire de la spécifications du contenu et de l’architecture de l'information (C&AI) pour Canada.ca. Les ministères et organisme du gouvernement du Canada peuvent y contribuer en publiant leur modèle et leur conception commune via le dépôt github de GCWeb.

    -

    Télécharger le thème GCWeb v15.3.0
    +

    Télécharger le thème GCWeb v15.4.0
    ( - Note de version)

    • diff --git "a/m\303\251li-m\303\251lo/2024-04-stepsquiz/meta.md" "b/m\303\251li-m\303\251lo/2024-04-stepsquiz/meta.md" index 6d2e0b9f8a..700fdc9eef 100644 --- "a/m\303\251li-m\303\251lo/2024-04-stepsquiz/meta.md" +++ "b/m\303\251li-m\303\251lo/2024-04-stepsquiz/meta.md" @@ -46,5 +46,11 @@ todos: - Write governance and rationale for the use of this design. - Optimize code as suggested in the Github pull request #2347. +changes: + - date: 2024-07-15 + description: French translation functionality on language toggle for two text elements found in the component. Addition of a <label> element around the <progress> element in order to resolve an accessibility issue Accessibility assessment no.1 - Progress bar. + departmentImpact: Prevents a possible complaint related to official languages and/or accessibility. + publicImpact: Access to content that complies with official languages and that meets WCAG accessibilty guidlines 2.1. + output: false --- diff --git a/package-lock.json b/package-lock.json index 233bc8f561..0ac10da34a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "15.2.2", + "version": "15.4.0", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 64e81c5755..f33c03d5e4 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "15.3.0", + "version": "15.4.0", "description": "Web Experience Toolkit (WET): Canada.ca Theme Reorg", "main": "index.html", "scripts": { From 91947fc6f04dd22a3752ea75930f850b710aebec Mon Sep 17 00:00:00 2001 From: Garneauma Date: Mon, 29 Jul 2024 15:50:45 -0400 Subject: [PATCH 06/15] Content - Contributors and Most requested translation edit (#2408) --- _data/components.json | 8 +-- _data/wet-boew.json | 56 +++++++++++++++++++ .../gc-contributors/gc-contributors.html | 4 +- .../gc-most-requested/gc-most-requested.html | 12 ++-- components/gc-contributors/index.json-ld | 8 +-- .../samples/gc-contributors.html | 4 +- .../samples/gc-most-requested.html | 12 ++-- 7 files changed, 80 insertions(+), 24 deletions(-) diff --git a/_data/components.json b/_data/components.json index b720dc729c..24a9311bd7 100644 --- a/_data/components.json +++ b/_data/components.json @@ -334,14 +334,14 @@ { "@type": "source-code", "description": "Code sample:", - "code": "
    \n\t

    From:

    \n\t\n
    " + "code": "
    \n\t

    From:

    \n\t\n
    " } ], "fr": [ { "@type": "source-code", "description": "Exemple de code :", - "code": "
    \n\t

    De :

    \n\t\n
    " + "code": "
    \n\t

    De :

    \n\t\n
    " } ] } @@ -361,7 +361,7 @@ "@type": "source-code", "@language": "en", "description": "Code sample", - "code": "
    \n\t

    From:

    \n\t\n
    " + "code": "
    \n\t

    From:

    \n\t\n
    " } ], "predecessor": "_:iteration_contributors_1" @@ -376,7 +376,7 @@ "@type": "source-code", "@language": "en", "description": "Code sample", - "code": "
    \n\t

    From:

    \n\t\n
    " + "code": "
    \n\t

    From:

    \n\t\n
    " } ], "successor": "_:iteration_contributors_2" diff --git a/_data/wet-boew.json b/_data/wet-boew.json index 8c572edba7..d0e56f9068 100644 --- a/_data/wet-boew.json +++ b/_data/wet-boew.json @@ -581,6 +581,62 @@ } ] } +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Geomap", + "fr": "Géocarte" + }, + "description": { + "en": "Displays a dynamic map over which information from additional sources can be overlaid.", + "fr": "Affiche une carte dynamique sur laquelle des informations provenant de sources supplémentaires peuvent être superposées." + }, + "modified": "2024-07-12", + "componentName": "geomap", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Geomap", + "language": "en", + "path": "./geomap-en.html" + }, + { + "title": "Géocarte", + "language": "fr", + "path": "./geomap-fr.html" + }, + { + "title": "Geomap v4.0.30", + "language": "fr", + "path": "./geomap-v4.0.30-en.html" + }, + { + "title": "Géocarte v4.0.30", + "language": "fr", + "path": "./geomap-v4.0.30-fr.html" + } + ], + "docs": [ + { + "title": "Geomap", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/geomap/geomap-en.html" + }, + { + "title": "Géocarte", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/geomap/geomap-fr.html" + } + ] + } +} ,{ "@context": { "@version": 1.1, diff --git a/_includes/components/gc-contributors/gc-contributors.html b/_includes/components/gc-contributors/gc-contributors.html index 9dcae91339..8ebe14e572 100644 --- a/_includes/components/gc-contributors/gc-contributors.html +++ b/_includes/components/gc-contributors/gc-contributors.html @@ -1,7 +1,7 @@

    {% if page.language == "en" %}From:{% else %}De :{% endif %}

    diff --git a/_includes/components/gc-most-requested/gc-most-requested.html b/_includes/components/gc-most-requested/gc-most-requested.html index 60203bbed4..8cf19aae51 100644 --- a/_includes/components/gc-most-requested/gc-most-requested.html +++ b/_includes/components/gc-most-requested/gc-most-requested.html @@ -2,12 +2,12 @@

    {% if page.language == "en" %}Most requested{% else %}En demande{% endif %}

    diff --git a/components/gc-contributors/index.json-ld b/components/gc-contributors/index.json-ld index 1778060ff0..5d272217fd 100644 --- a/components/gc-contributors/index.json-ld +++ b/components/gc-contributors/index.json-ld @@ -103,14 +103,14 @@ { "@type": "source-code", "description": "Code sample:", - "code": "
    \n\t

    From:

    \n\t\n
    " + "code": "
    \n\t

    From:

    \n\t\n
    " } ], "fr": [ { "@type": "source-code", "description": "Exemple de code :", - "code": "
    \n\t

    De :

    \n\t\n
    " + "code": "
    \n\t

    De :

    \n\t\n
    " } ] } @@ -130,7 +130,7 @@ "@type": "source-code", "@language": "en", "description": "Code sample", - "code": "
    \n\t

    From:

    \n\t\n
    " + "code": "
    \n\t

    From:

    \n\t\n
    " } ], "predecessor": "_:iteration_contributors_1" @@ -145,7 +145,7 @@ "@type": "source-code", "@language": "en", "description": "Code sample", - "code": "
    \n\t

    From:

    \n\t\n
    " + "code": "
    \n\t

    From:

    \n\t\n
    " } ], "successor": "_:iteration_contributors_2" diff --git a/components/gc-contributors/samples/gc-contributors.html b/components/gc-contributors/samples/gc-contributors.html index 9dcae91339..8ebe14e572 100644 --- a/components/gc-contributors/samples/gc-contributors.html +++ b/components/gc-contributors/samples/gc-contributors.html @@ -1,7 +1,7 @@

    {% if page.language == "en" %}From:{% else %}De :{% endif %}

    diff --git a/components/gc-most-requested/samples/gc-most-requested.html b/components/gc-most-requested/samples/gc-most-requested.html index 60203bbed4..8cf19aae51 100644 --- a/components/gc-most-requested/samples/gc-most-requested.html +++ b/components/gc-most-requested/samples/gc-most-requested.html @@ -2,12 +2,12 @@

    {% if page.language == "en" %}Most requested{% else %}En demande{% endif %}

    From a761d37e827f986780434b3befd8553bd64405e3 Mon Sep 17 00:00:00 2001 From: SBsudo Date: Fri, 9 Aug 2024 11:05:32 -0400 Subject: [PATCH 07/15] Content - Wet-boew working examples #3 Includes: - Footnotes - Form Validation - Menu - Multimedia - Overlay - Paginate - Prettify - Session-Timeout - Share --- wet-boew/footnotes/index.json-ld | 47 ++++++++++++++++++ wet-boew/formvalid/index.json-ld | 47 ++++++++++++++++++ wet-boew/menu/index.json-ld | 34 +++++++++++++ wet-boew/multimedia/index.json-ld | 69 ++++++++++++++++++++++++++ wet-boew/overlay/index.json-ld | 47 ++++++++++++++++++ wet-boew/paginate/index.json-ld | 47 ++++++++++++++++++ wet-boew/prettify/index.json-ld | 47 ++++++++++++++++++ wet-boew/session-timeout/index.json-ld | 46 +++++++++++++++++ wet-boew/share/index.json-ld | 47 ++++++++++++++++++ 9 files changed, 431 insertions(+) create mode 100644 wet-boew/footnotes/index.json-ld create mode 100644 wet-boew/formvalid/index.json-ld create mode 100644 wet-boew/menu/index.json-ld create mode 100644 wet-boew/multimedia/index.json-ld create mode 100644 wet-boew/overlay/index.json-ld create mode 100644 wet-boew/paginate/index.json-ld create mode 100644 wet-boew/prettify/index.json-ld create mode 100644 wet-boew/session-timeout/index.json-ld create mode 100644 wet-boew/share/index.json-ld diff --git a/wet-boew/footnotes/index.json-ld b/wet-boew/footnotes/index.json-ld new file mode 100644 index 0000000000..612fbd5788 --- /dev/null +++ b/wet-boew/footnotes/index.json-ld @@ -0,0 +1,47 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Footnotes", + "fr": "Notes de bas de page" + }, + "description": { + "en": "This plugin allows developers to easily embed footnotes into their Web pages, and helps to achieve WCAG 2.0 compliance when providing such footnotes", + "fr": "Ce plugin permet aux développeurs d'intégrer facilement des notes de bas de page dans leurs pages Web et contribue à atteindre la conformité WCAG 2.0 lors de la fourniture de ces notes" + }, + "modified": "2024-05-16", + "componentName": "footnotes", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Footnotes", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/footnotes/footnotes-en.html" + }, + { + "title": "Notes de bas de page", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/footnotes/footnotes-fr.html" + } + ], + "docs": [ + { + "title": "Footnotes", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/footnotes/footnotes-en.html" + }, + { + "title": "Notes de bas de page", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/footnotes/footnotes-fr.html" + } + ] + } +} diff --git a/wet-boew/formvalid/index.json-ld b/wet-boew/formvalid/index.json-ld new file mode 100644 index 0000000000..694e406249 --- /dev/null +++ b/wet-boew/formvalid/index.json-ld @@ -0,0 +1,47 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Form validation", + "fr": "Validation de formulaires" + }, + "description": { + "en": "This component provides generic validation and error message handling for Web forms", + "fr": "Ce composant fournit une validation générique et une gestion des messages d'erreur pour les formulaires Web" + }, + "modified": "2024-05-16", + "componentName": "formvalid", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Form validation", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/formvalid/formvalid-en.html" + }, + { + "title": "Validation de formulaires", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/formvalid/formvalid-fr.html" + } + ], + "docs": [ + { + "title": "Form validation", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/formvalid/formvalid-en.html" + }, + { + "title": "Validation de formulaires", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/formvalid/formvalid-fr.html" + } + ] + } +} diff --git a/wet-boew/menu/index.json-ld b/wet-boew/menu/index.json-ld new file mode 100644 index 0000000000..48f8c18f76 --- /dev/null +++ b/wet-boew/menu/index.json-ld @@ -0,0 +1,34 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Menu", + "fr": "Menu" + }, + "description": { + "en": "Provides an interactive menu with optional sub-menus. Implements the WAI-ARIA menu design pattern", + "fr": "Fournit un menu interactif avec des sous-menus facultatifs. Implémente le modèle de conception de menu WAI-ARIA" + }, + "modified": "2024-07-10", + "componentName": "menu", + "status": "stable", + "pages": { + "docs": [ + { + "title": "Menu", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/menu/menu-en.html" + }, + { + "title": "Menu", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/menu/menu-fr.html" + } + ] + } +} diff --git a/wet-boew/multimedia/index.json-ld b/wet-boew/multimedia/index.json-ld new file mode 100644 index 0000000000..1e9d99b058 --- /dev/null +++ b/wet-boew/multimedia/index.json-ld @@ -0,0 +1,69 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Multimedia", + "fr": "Multimédia" + }, + "description": { + "en": "Provides an accessible multimedia player for embedding video and audio into web pages", + "fr": "Fournit un lecteur multimédia accessible pour intégrer des vidéos et de l'audio dans les pages web" + }, + "modified": "2024-07-10", + "componentName": "multimedia", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Multimedia Player - Video", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-en.html" + }, + { + "title": "Lecteur multimédia - Vidéo", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-fr.html" + }, + { + "title": "Multimedia Player - Audio-only", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-audio-en.html" + }, + { + "title": "Lecteur multimédia - Audio seulement", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-audio-fr.html" + }, + { + "title": "Multimedia Player - Youtube", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-youtube-en.html" + }, + { + "title": "Lecteur multimédia - Youtube", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-youtube-fr.html" + } + ], + "docs": [ + { + "title": "Multimedia Player", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/multimedia/multimedia-en.html" + }, + { + "title": "Lecteur multimédia", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/multimedia/multimedia-fr.html" + } + ] + } +} diff --git a/wet-boew/overlay/index.json-ld b/wet-boew/overlay/index.json-ld new file mode 100644 index 0000000000..a292c574e5 --- /dev/null +++ b/wet-boew/overlay/index.json-ld @@ -0,0 +1,47 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Overlay", + "fr": "Contenu superposé" + }, + "description": { + "en": "A flexible, responsive overlay plugin. Implements the WAI-ARIA Dialog (Modal) design pattern", + "fr": "Un plugin de superposition flexible et réactif. Implémente le modèle de conception WAI-ARIA Dialog (Modal)" + }, + "modified": "2024-05-16", + "componentName": "overlay", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Overlay", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/overlay/overlay-en.html" + }, + { + "title": "Contenu superposé", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/overlay/overlay-fr.html" + } + ], + "docs": [ + { + "title": "Overlay", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/overlay/overlay-en.html" + }, + { + "title": "Contenu superposé", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/overlay/overlay-fr.html" + } + ] + } +} diff --git a/wet-boew/paginate/index.json-ld b/wet-boew/paginate/index.json-ld new file mode 100644 index 0000000000..ce504c7617 --- /dev/null +++ b/wet-boew/paginate/index.json-ld @@ -0,0 +1,47 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Paginate", + "fr": "Paginer" + }, + "description": { + "en": "Adds pagination at the bottom of a list of items", + "fr": "Ajoute une pagination en bas d'une liste d'éléments" + }, + "modified": "2024-07-10", + "componentName": "paginate", + "status": "provisional", + "pages": { + "examples": [ + { + "title": "Paginate", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/paginate/paginate-en.html" + }, + { + "title": "Paginer", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/paginate/paginate-fr.html" + } + ], + "docs": [ + { + "title": "Paginate", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/paginate/paginate-en.html" + }, + { + "title": "Paginer", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/paginate/paginate-fr.html" + } + ] + } +} diff --git a/wet-boew/prettify/index.json-ld b/wet-boew/prettify/index.json-ld new file mode 100644 index 0000000000..666b0de668 --- /dev/null +++ b/wet-boew/prettify/index.json-ld @@ -0,0 +1,47 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Prettify", + "fr": "Prettify" + }, + "description": { + "en": "Syntax highlighting of source code snippets in an html page using google-code-prettify", + "fr": "Mise en surbrillance de la syntaxe des extraits de code source dans une page HTML en utilisant google-code-prettify" + }, + "modified": "2024-05-16", + "componentName": "prettify", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Prettify", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/prettify/prettify-en.html" + }, + { + "title": "Prettify", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/prettify/prettify-fr.html" + } + ], + "docs": [ + { + "title": "Prettify", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/prettify/prettify-en.html" + }, + { + "title": "Prettify", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/prettify/prettify-fr.html" + } + ] + } +} diff --git a/wet-boew/session-timeout/index.json-ld b/wet-boew/session-timeout/index.json-ld new file mode 100644 index 0000000000..9e0ffcb8d7 --- /dev/null +++ b/wet-boew/session-timeout/index.json-ld @@ -0,0 +1,46 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Session Timeout", + "fr": "Expiration de la session" + }, + "description": { + "en": "Create a session inactivity timeout that warns users when their session is about to expire", + "fr": "Crée un délai d'expiration d'inactivité de session qui avertit les utilisateurs lorsque leur session est sur le point d'expirer" + }, + "modified": "2024-07-10", + "componentName": "session-timeout", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Session Timeout", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/session-timeout/session-timeout-en.html" + }, + { + "title": "Expiration de la session", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/session-timeout/session-timeout-fr.html" + } + ], + "docs": [ + { + "title": "Session Timeout", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/session-timeout/session-timeout-en.html" + }, + { + "title": "Expiration de la session", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/session-timeout/session-timeout-fr.html" + } + ] + } +} diff --git a/wet-boew/share/index.json-ld b/wet-boew/share/index.json-ld new file mode 100644 index 0000000000..baa56f0021 --- /dev/null +++ b/wet-boew/share/index.json-ld @@ -0,0 +1,47 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Share", + "fr": "Gadget de partage" + }, + "description": { + "en": "Enables users to quickly share content with their networks", + "fr": "Permet aux utilisateurs de partager rapidement du contenu avec leurs réseaux" + }, + "modified": "2024-07-10", + "componentName": "share", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Share widget", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/share/share-en.html" + }, + { + "title": "Gadget de partage", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/share/share-fr.html" + } + ], + "docs": [ + { + "title": "Share widget", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/share/share-en.html" + }, + { + "title": "Gadget de partage", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/share/share-fr.html" + } + ] + } +} From 29560bd44f07eadfedc87e9b25e39f29a39b437e Mon Sep 17 00:00:00 2001 From: SBsudo Date: Fri, 9 Aug 2024 11:51:15 -0400 Subject: [PATCH 08/15] Minor - Added working example and added history note (#2405) Added services and information with invisible heading pattern. --- _data/components.json | 8 ++- components/gc-srvinfo/gc-srvinfo-en.html | 61 +++++++++++++++++++++++ components/gc-srvinfo/gc-srvinfo-fr.html | 62 ++++++++++++++++++++++++ components/gc-srvinfo/index.json-ld | 8 ++- 4 files changed, 135 insertions(+), 4 deletions(-) diff --git a/_data/components.json b/_data/components.json index 24a9311bd7..1c5b0cb077 100644 --- a/_data/components.json +++ b/_data/components.json @@ -1579,10 +1579,10 @@ "en": "Used to present sets of links with accompanying descriptions.", "fr": "Utilisé pour présenter des ensembles de liens accompagnés de descriptions." }, - "modified": "2023-09-06", + "modified": "2024-07-26", "componentName": "gc-srvinfo", "status": "stable", - "version": "3.0", + "version": "3.1", "pages": { "examples": [ { @@ -1648,6 +1648,10 @@ "_:implement_srvinfo" ], "history": [ + { + "en": "July 2024 - Added example with invisible header.", + "fr": "Juillet 2024 - Ajout de l'exemple avec en-tête invisible." + }, { "en": "February 2024 - Added .gc-srvinfo CSS class.", "fr": "Février 2024 - Ajout de la classe CSS .gc-srvinfo." diff --git a/components/gc-srvinfo/gc-srvinfo-en.html b/components/gc-srvinfo/gc-srvinfo-en.html index 19cc0e8ae7..fc3caa5b66 100644 --- a/components/gc-srvinfo/gc-srvinfo-en.html +++ b/components/gc-srvinfo/gc-srvinfo-en.html @@ -252,3 +252,64 @@

    Code

    </div> </div> </section> + +

    Example 6: 3 columns pattern with invisible header

    +
    +

    Services and information

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +
    +

    Code

    +
    <section class="gc-srvinfo">
+	<h2 class="wb-inv">Services and information</h2>
+		<div class="wb-eqht row">
+		<div class="col-md-6 col-lg-4">
+			<h3><a href="#">[Subtopic hyperlink text]</a></h3>
+			<p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p>
+		</div>
+		<div class="col-md-6 col-lg-4">
+			<h3><a href="#">[Subtopic hyperlink text]</a></h3>
+			<p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p>
+		</div>
+		<div class="col-md-6 col-lg-4">
+			<h3><a href="#">[Subtopic hyperlink text]</a></h3>
+			<p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p>
+		</div>
+		<div class="col-md-6 col-lg-4">
+			<h3><a href="#">[Subtopic hyperlink text]</a></h3>
+			<p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p>
+		</div>
+		<div class="col-md-6 col-lg-4">
+			<h3><a href="#">[Subtopic hyperlink text]</a></h3>
+			<p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p>
+		</div>
+		<div class="col-md-6 col-lg-4">
+			<h3><a href="#">[Subtopic hyperlink text]</a></h3>
+			<p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p>
+		</div>
+	</div>
+</section>
    diff --git a/components/gc-srvinfo/gc-srvinfo-fr.html b/components/gc-srvinfo/gc-srvinfo-fr.html index 431a216d5a..c6cc3243cb 100644 --- a/components/gc-srvinfo/gc-srvinfo-fr.html +++ b/components/gc-srvinfo/gc-srvinfo-fr.html @@ -254,3 +254,65 @@

    Code

    </div> </div> </section> + +

    Exemple 6: disposition sur 3 colonnes avec en-tête invisible

    +
    +

    Services et renseignements

    +
    +
    +

    [Texte de l'hyperlien du sous-thème]

    +

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +
    +
    +

    [Texte de l'hyperlien du sous-thème]

    +

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +
    +
    +

    [Texte de l'hyperlien du sous-thème]

    +

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +
    +
    +

    [Texte de l'hyperlien du sous-thème]

    +

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +
    +
    +

    [Texte de l'hyperlien du sous-thème]

    +

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +
    +
    +

    [Texte de l'hyperlien du sous-thème]

    +

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +
    +
    +
    + +

    Code

    +
    <section class="gc-srvinfo">
+	<h2 class="wb-inv">Services et renseignements</h2>
+	<div class="wb-eqht row">
+		<div class="col-md-6 col-lg-4">
+			<h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3>
+			<p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p>
+		</div>
+		<div class="col-md-6 col-lg-4">
+			<h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3>
+			<p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p>
+		</div>
+		<div class="col-md-6 col-lg-4">
+			<h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3>
+			<p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p>
+		</div>
+		<div class="col-md-6 col-lg-4">
+			<h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3>
+			<p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p>
+		</div>
+		<div class="col-md-6 col-lg-4">
+			<h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3>
+			<p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p>
+		</div>
+		<div class="col-md-6 col-lg-4">
+			<h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3>
+			<p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p>
+		</div>
+	</div>
+</section>
    diff --git a/components/gc-srvinfo/index.json-ld b/components/gc-srvinfo/index.json-ld index d38a9d6b5f..884def5caf 100644 --- a/components/gc-srvinfo/index.json-ld +++ b/components/gc-srvinfo/index.json-ld @@ -14,10 +14,10 @@ "en": "Used to present sets of links with accompanying descriptions.", "fr": "Utilisé pour présenter des ensembles de liens accompagnés de descriptions." }, - "modified": "2023-09-06", + "modified": "2024-07-26", "componentName": "gc-srvinfo", "status": "stable", - "version": "3.0", + "version": "3.1", "pages": { "examples": [ { @@ -83,6 +83,10 @@ "_:implement_srvinfo" ], "history": [ + { + "en": "July 2024 - Added example with invisible header.", + "fr": "Juillet 2024 - Ajout de l'exemple avec en-tête invisible." + }, { "en": "February 2024 - Added .gc-srvinfo CSS class.", "fr": "Février 2024 - Ajout de la classe CSS .gc-srvinfo." From bdf0fe384756174b7bf2e39599f8c42d1b85e81c Mon Sep 17 00:00:00 2001 From: SBsudo Date: Fri, 9 Aug 2024 15:12:37 -0400 Subject: [PATCH 09/15] Content - Adding WET-BOEW working examples (#2365) Content - Adding WET-BOEW working examples - charts - details-close - dismissable-content - exitscript - tables - wb-disable - wb-postback --- wet-boew/charts/index.json-ld | 86 ++++++++++++++++++++++ wet-boew/details-close/index.json-ld | 46 ++++++++++++ wet-boew/dismissable-content/index.json-ld | 46 ++++++++++++ wet-boew/exitscript/index.json-ld | 46 ++++++++++++ wet-boew/tables/index.json-ld | 56 ++++++++++++++ wet-boew/wb-disable/index.json-ld | 46 ++++++++++++ wet-boew/wb-postback/index.json-ld | 46 ++++++++++++ 7 files changed, 372 insertions(+) create mode 100644 wet-boew/charts/index.json-ld create mode 100644 wet-boew/details-close/index.json-ld create mode 100644 wet-boew/dismissable-content/index.json-ld create mode 100644 wet-boew/exitscript/index.json-ld create mode 100644 wet-boew/tables/index.json-ld create mode 100644 wet-boew/wb-disable/index.json-ld create mode 100644 wet-boew/wb-postback/index.json-ld diff --git a/wet-boew/charts/index.json-ld b/wet-boew/charts/index.json-ld new file mode 100644 index 0000000000..01626e7f07 --- /dev/null +++ b/wet-boew/charts/index.json-ld @@ -0,0 +1,86 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Charts and Graphs", + "fr": "Graphiques" + }, + "description": { + "en": "Dynamically generates charts and graphs from table data", + "fr": "Génère dynamiquement des graphiques et des diagrammes à partir des données de tableaux" + }, + "modified": "2024-07-10", + "componentName": "charts", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Charts and graphs - Simple and easy", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/charts-en.html" + }, + { + "title": "Graphiques - Simple", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/charts-fr.html" + }, + { + "title": "Charts and graphs - Customization", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/custom-en.html" + }, + { + "title": "Graphiques - Personalisation", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/custom-fr.html" + }, + { + "title": "Charts and graphs - Labels and reference values", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/labelsandreferencevalue-en.html" + }, + { + "title": "Graphiques - Étiquettage et la valeur de référence", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/labelsandreferencevalue-fr.html" + }, + { + "title": "Charts and graphs - Customizing pie charts", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/piecustom-en.html" + }, + { + "title": "Graphiques - Personalisation de diagramme circulaire", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/piecustom-fr.html" + }, + { + "title": "Charts and graphs - Specific test cases", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/testing-en.html" + }, + { + "title": "Graphiques - Scénarios d'essai spécifiques", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/testing-fr.html" + } + ], + "docs": [ + { + "title": "Charts and graphs - Simple and easy", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/charts/charts-en.html" + }, + { + "title": "Graphiques - Simple", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/charts/charts-fr.html" + } + ] + } +} diff --git a/wet-boew/details-close/index.json-ld b/wet-boew/details-close/index.json-ld new file mode 100644 index 0000000000..f7e3730c0c --- /dev/null +++ b/wet-boew/details-close/index.json-ld @@ -0,0 +1,46 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Details closed", + "fr": "Details fermé" + }, + "description": { + "en": "Keep selected details elements closed on defined viewport and down if they were not engaged, default is small", + "fr": "Maintient les éléments de détails sélectionnés fermés sur le viewport défini et en dessous s'ils n'ont pas été utilisés, par défaut sur petit" + }, + "modified": "2024-05-16", + "componentName": "details-close", + "status": "provisional", + "pages": { + "examples": [ + { + "title": "Details closed", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/details-close/details-close-en.html" + }, + { + "title": "Details fermé", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/details-close/details-close-fr.html" + } + ], + "docs": [ + { + "title": "Details closed", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/details-close/details-close-en.html" + }, + { + "title": "Details fermé", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/details-close/details-close-fr.html" + } + ] + } +} diff --git a/wet-boew/dismissable-content/index.json-ld b/wet-boew/dismissable-content/index.json-ld new file mode 100644 index 0000000000..5b11dcff37 --- /dev/null +++ b/wet-boew/dismissable-content/index.json-ld @@ -0,0 +1,46 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Dismissable content", + "fr": "Contenu écartable" + }, + "description": { + "en": "Make content dismissable by users", + "fr": "Permettre aux utilisateurs d'écarter certains contenus" + }, + "modified": "2024-05-16", + "componentName": "dismissable-content", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Dismissable content", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/dismissable-content/dismissable-content-en.html" + }, + { + "title": "Contenu écartable", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/dismissable-content/dismissable-content-fr.html" + } + ], + "docs": [ + { + "title": "Dismissable content", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/dismissable-content/dismissable-content-en.html" + }, + { + "title": "Contenu écartable", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/dismissable-content/dismissable-content-fr.html" + } + ] + } +} diff --git a/wet-boew/exitscript/index.json-ld b/wet-boew/exitscript/index.json-ld new file mode 100644 index 0000000000..cea052097d --- /dev/null +++ b/wet-boew/exitscript/index.json-ld @@ -0,0 +1,46 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Exit script", + "fr": "Sortie de navigation avisé" + }, + "description": { + "en": "Redirects users to another site", + "fr": "Aviser l'utilisateur d'une redirection vers un autre site" + }, + "modified": "2024-05-16", + "componentName": "exitscript", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Exit script", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/exitscript/exitscript-en.html" + }, + { + "title": "Sortie de navigation avisé", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/exitscript/exitscript-fr.html" + } + ], + "docs": [ + { + "title": "Exit script", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/exitscript/exitscript-en.html" + }, + { + "title": "Sortie de navigation avisé", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/exitscript/exitscript-fr.html" + } + ] + } +} diff --git a/wet-boew/tables/index.json-ld b/wet-boew/tables/index.json-ld new file mode 100644 index 0000000000..72becc4a4e --- /dev/null +++ b/wet-boew/tables/index.json-ld @@ -0,0 +1,56 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Tables", + "fr": "Tables" + }, + "description": { + "en": "Integrates the DataTables plugin into WET providing searching, sorting, filtering, pagination and other advanced features for tables", + "fr": "Ajoute des fonctionnalités aux tableaux telles que la recherche, le tri, le filtrage et la pagination" + }, + "modified": "2024-05-17", + "componentName": "tables", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Tables", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tables/tables-en.html" + }, + { + "title": "Tables", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tables/tables-fr.html" + }, + { + "title": "Table Filters", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tables/tables-fltrs-en.html" + }, + { + "title": "Table Filters", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tables/tables-fltrs-fr.html" + } + ], + "docs": [ + { + "title": "Tables", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/tables/tables-en.html" + }, + { + "title": "Tables", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/tables/tables-fr.html" + } + ] + } +} diff --git a/wet-boew/wb-disable/index.json-ld b/wet-boew/wb-disable/index.json-ld new file mode 100644 index 0000000000..ddca006502 --- /dev/null +++ b/wet-boew/wb-disable/index.json-ld @@ -0,0 +1,46 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Basic HTML", + "fr": "HTML simplifié" + }, + "description": { + "en": "Enable Basic HTML Mode on any given page to simplify the readability of the page by executing the bare minimum DOM manipulations", + "fr": "Activer le mode HTML de base sur une page donnée pour simplifier la lisibilité de la page en exécutant le strict minimum de manipulations du DOM" + }, + "modified": "2024-05-17", + "componentName": "wb-disable", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Basic HTML", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-disable/wb-disable-en.html" + }, + { + "title": "HTML simplifié", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-disable/wb-disable-fr.html" + } + ], + "docs": [ + { + "title": "Basic HTML", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-disable/wb-disable-en.html" + }, + { + "title": "HTML simplifié", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-disable/wb-disable-fr.html" + } + ] + } +} diff --git a/wet-boew/wb-postback/index.json-ld b/wet-boew/wb-postback/index.json-ld new file mode 100644 index 0000000000..d3c5b5fc22 --- /dev/null +++ b/wet-boew/wb-postback/index.json-ld @@ -0,0 +1,46 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Postback", + "fr": "Envoie de formulaire via Ajax" + }, + "description": { + "en": "Submit web form through AJAX call", + "fr": "Soumission de formulaire via une requête Ajax" + }, + "modified": "2024-05-17", + "componentName": "wb-postback", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Postback", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-postback/wb-postback-en.html" + }, + { + "title": "Envoie de formulaire via Ajax", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-postback/wb-postback-fr.html" + } + ], + "docs": [ + { + "title": "Postback", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-postback/wb-postback-en.html" + }, + { + "title": "Envoie de formulaire via Ajax", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-postback/wb-postback-fr.html" + } + ] + } +} From d32ef976d17c89b14e3755c570c8a5ccae2d90d8 Mon Sep 17 00:00:00 2001 From: Christopher-O Date: Tue, 13 Aug 2024 13:07:57 -0600 Subject: [PATCH 10/15] Patch - update CSS for high contrast (#2413) 2021-05-conjunction: CSS fix to support high contrast 2021-05-steps: Fix Firefox print CSS * update CSS for high contrast Added new exception to remove line separator for side by side designs in high contrast mode for firefox as cannot resolve gradient pattern issue (going through text) * Update index.html * Update print spacing for lists Added media print CSS to avoid page split and cutoff of parts of steps. * Update meta.md * Update meta.md * Update meta.md * Update meta.md * Update index.html --- .../2021-05-conjunction/and-or.css" | 20 +++++++++++ .../2021-05-conjunction/index.html" | 24 ++++++-------- .../2021-05-conjunction/meta.md" | 33 +++++++++++++++---- .../2021-05-steps/meta.md" | 5 ++- .../2021-05-steps/steps.css" | 8 +++++ 5 files changed, 69 insertions(+), 21 deletions(-) diff --git "a/m\303\251li-m\303\251lo/2021-05-conjunction/and-or.css" "b/m\303\251li-m\303\251lo/2021-05-conjunction/and-or.css" index f184bae1eb..7f942909ea 100644 --- "a/m\303\251li-m\303\251lo/2021-05-conjunction/and-or.css" +++ "b/m\303\251li-m\303\251lo/2021-05-conjunction/and-or.css" @@ -120,6 +120,11 @@ html:lang(fr) .cnjnctn-type-or > [class*=cnjnctn-col]:not(:first-child):before { [class*=cnjnctn-type-].cnjnctn-xs > [class*=cnjnctn-col]:not(:first-child):after { border-image: linear-gradient(to bottom, #ffffff 0.3em, #ffffff 0.3em, transparent 0.3em, transparent 2.35em, #ffffff 2.35em, #ffffff 2.35em) 1 100%; } + @-moz-document url-prefix() { + [class*=cnjnctn-type-].cnjnctn-xs > [class*=cnjnctn-col]:not(:first-child):after { + border-left: none; + } + } } [class*=cnjnctn-type-].cnjnctn-xs > [class*=cnjnctn-col]:not(:first-child) { margin-left: 1.4em; @@ -183,6 +188,11 @@ html:lang(fr) .cnjnctn-type-or > [class*=cnjnctn-col]:not(:first-child):before { @media (prefers-contrast: more) { [class*=cnjnctn-type-].cnjnctn-sm > [class*=cnjnctn-col]:not(:first-child):after { border-image: linear-gradient(to bottom, #ffffff 0.3em, #ffffff 0.3em, transparent 0.3em, transparent 2.35em, #ffffff 2.35em, #ffffff 2.35em) 1 100%; + } + @-moz-document url-prefix() { + [class*=cnjnctn-type-].cnjnctn-sm > [class*=cnjnctn-col]:not(:first-child):after { + border-left: none; + } } } .cnjnctn-type-and.cnjnctn-sm > [class*=cnjnctn-col]:not(:first-child):before { @@ -228,6 +238,11 @@ html:lang(fr) .cnjnctn-type-or > [class*=cnjnctn-col]:not(:first-child):before { @media (prefers-contrast: more) { [class*=cnjnctn-type-].cnjnctn-md > [class*=cnjnctn-col]:not(:first-child):after { border-image: linear-gradient(to bottom, #ffffff 0.3em, #ffffff 0.3em, transparent 0.3em, transparent 2.35em, #ffffff 2.35em, #ffffff 2.35em) 1 100%; + } + @-moz-document url-prefix() { + [class*=cnjnctn-type-].cnjnctn-md > [class*=cnjnctn-col]:not(:first-child):after { + border-left: none; + } } } .cnjnctn-type-and.cnjnctn-md > [class*=cnjnctn-col]:not(:first-child):before { @@ -273,6 +288,11 @@ html:lang(fr) .cnjnctn-type-or > [class*=cnjnctn-col]:not(:first-child):before { @media (prefers-contrast: more) { [class*=cnjnctn-type-].cnjnctn-lg > [class*=cnjnctn-col]:not(:first-child):after { border-image: linear-gradient(to bottom, #ffffff 0.3em, #ffffff 0.3em, transparent 0.3em, transparent 2.35em, #ffffff 2.35em, #ffffff 2.35em) 1 100%; + } + @-moz-document url-prefix() { + [class*=cnjnctn-type-].cnjnctn-lg > [class*=cnjnctn-col]:not(:first-child):after { + border-left: none; + } } } .cnjnctn-type-and.cnjnctn-lg > [class*=cnjnctn-col]:not(:first-child):before { diff --git "a/m\303\251li-m\303\251lo/2021-05-conjunction/index.html" "b/m\303\251li-m\303\251lo/2021-05-conjunction/index.html" index 573852f36c..f6e6181f1b 100644 --- "a/m\303\251li-m\303\251lo/2021-05-conjunction/index.html" +++ "b/m\303\251li-m\303\251lo/2021-05-conjunction/index.html" @@ -18,27 +18,23 @@

    Table of content

    GCWeb implementation plan

    + +{% assign implPlan = site.pages | where: "output", "false" | where: "componentName", "2021-05-conjunction" | first %} +
      -
    • 2021-06 - Engage with TBS to show them this design pattern
      • -
    • 2021-06 - Provide UX research and analysis to describe how pattern helps usability
      • -
    • 2021-10 - Review and identify requirement to make this functionality enterprise ready
      • -
    • 2021-11 - Produce accessibility and usability report on its usage on Canada.ca
      • -
    • 2022-02 - Have this feature as provisional feature in GCWeb and get TBS to publish guidance on how to use it.
      • -
    • 2022-05 - updated to focus more on using as list items (with or without headers)
      • -
    • 2022-09 - updated CSS to allow nested decision points
      • -
    • 2022-11 - updated CSS to allow no border on always stacked items
      • -
    • 2023-07 - updated CRA to allow no border on all resolutions when stacked
      • -
    • 2023-08 - allow for zoom text resolution of 200% -
    • 2023-10 - have this feature as provisional/stable feature in GCWeb and get TBS to publish guidance on how to use it.
      • -
    • 2024-04 - updated to fix design when text is smaller, make border visible in high contrast mode
      • +{% for deliverable in implPlan.implementationPlan %} +
    • {{ deliverable.due }} - {{ deliverable.what }}
      • +{% endfor %}

    Todo and for future consideration

      -
    • >Finalize documentation and examples to be merged into GCWeb library.
      • +{% for todo in implPlan.todos %} +
    • {{ todo }}
      • +{% endfor %}
    -

    Lead: CRA - Christopher Oakes (@christopher-o)

    +

    Sponsor: {{ implPlan.sponsor }}

    • Documentation
    • Questions or comments?
      • diff --git "a/m\303\251li-m\303\251lo/2021-05-conjunction/meta.md" "b/m\303\251li-m\303\251lo/2021-05-conjunction/meta.md" index 9821225d80..9eb974f354 100644 --- "a/m\303\251li-m\303\251lo/2021-05-conjunction/meta.md" +++ "b/m\303\251li-m\303\251lo/2021-05-conjunction/meta.md" @@ -6,14 +6,18 @@ feature: méli-mélo title: "@id": dct:title "@container": "@language" - description: dct:description + description: + "@id": dct:description + "@container": "@language" modified: dct:modified title: en: Conjunctions (and/or) fr: Conjonction (et/ou) -description: Conjunctions for stacked or side by side decision points, and/or -modified: 2024-05-30 +description: + en: Conjunctions for stacked or side by side decision points, and/or + fr: Conjonctions pour des points de décision empilés ou côte à côte, et/ou +modified: 2024-08-07 componentName: 2021-05-conjunction sponsor: CRA - Christopher Oakes (@christopher-o) @@ -30,22 +34,39 @@ implementationPlan: - due: 2021-06 what: Engage with TBS to show them this design pattern - due: 2021-06 - what: Provide UX research and analysis to describe how pattern helps usability + what: Provide UX research and analysis to describe how pattern helps usability - due: 2021-10 what: Review and identify requirement to make this functionality enterprise ready - due: 2021-11 what: Produce accessibility and usability report on its usage on Canada.ca - due: 2022-02 what: Have this feature as provisional feature in GCWeb and get TBS to publish guidance on how to use it. + - due: 2022-05 + what: updated to focus more on using as list items (with or without headers) + - due: 2022-09 + what: updated CSS to allow nested decision points + - due: 2022-11 + what: updated CSS to allow no border on always stacked items + - due: 2023-07 + what: updated CRA to allow no border on all resolutions when stacked + - due: 2023-08 + what: allow for zoom text resolution of 200% + - due: 2023-10 + what: have this feature as provisional/stable feature in GCWeb and get TBS to publish guidance on how to use it. + - due: 2024-04 + what: updated to fix design when text is smaller, make border visible in high contrast mode todos: - - Review code and governance to balance optimal accessibility and ease of implimentation by users. + - Finalize design changes: - date: 2024-06-20 description: Changed border to appear in high contrast. Changed font size of CSS generated text to em value for better scalability between parent font sizes. Increased miminum height of side by side pattern to create consistant border above and below CSS text design. Updated governance towards stabilization. departmentImpact: No change from a departmental perspective. publicImpact: Allows border to be shown in high contrast (could require additional adjustment for FF and MacOS browsers). Fixed issue of using design in font sizes other than 20px (GCWeb standard) - + - date: 2024-08-07 + description: Change was to remove the side-by-side line separator in Firefox (but keep the shape and text) when in High contrast mode. The previous pattern had the line separator "cut" through the words (and/or) which could make it slightly illegible. + departmentImpact: There is minimal impact, as we do not normally use Firefox as a browser, nor does the majority of users use high contrast mode on their devices. + publicImpact: Only those who use high contrast mode with the Firefox browser, and will be a slight improvement on readability of the text. output: false --- diff --git "a/m\303\251li-m\303\251lo/2021-05-steps/meta.md" "b/m\303\251li-m\303\251lo/2021-05-steps/meta.md" index b809061c2f..2f65c8c534 100644 --- "a/m\303\251li-m\303\251lo/2021-05-steps/meta.md" +++ "b/m\303\251li-m\303\251lo/2021-05-steps/meta.md" @@ -52,6 +52,9 @@ changes: description: Reduced excessive spacing for small amount of content. Removed background color for default list steps number (except in striped mode) as was not showing up properly in high contrast mode. Updated governance towards stabilization. departmentImpact: No change from a departmental perspective. publicImpact: Created a cleaner look for items using list steps with a smaller amount of content. Made the numbers more visible for edge case scenarios of print and high contrast. - + - date: 2024-08-07 + description: Fixed issue with printing pages as some text would be cut off + departmentImpact: No change from a departmental perspective. + publicImpact: Improved look of print document output: false --- diff --git "a/m\303\251li-m\303\251lo/2021-05-steps/steps.css" "b/m\303\251li-m\303\251lo/2021-05-steps/steps.css" index a8572acf2e..062ab3dff4 100644 --- "a/m\303\251li-m\303\251lo/2021-05-steps/steps.css" +++ "b/m\303\251li-m\303\251lo/2021-05-steps/steps.css" @@ -111,3 +111,11 @@ ol.lst-stps.stps-strpd:not(.ld-zr) > li:before, ol.lst-stps.stps-strpd:not(.ld-z padding-left: 3em; } } +@media print { + ol.lst-stps>li { + -webkit-break-inside: avoid; + -moz-break-inside: avoid; + break-inside: avoid; + padding-top:1em; + } +} From bb3043298cbd8f98aa7af4f63e6e068e33aa6206 Mon Sep 17 00:00:00 2001 From: Garneauma Date: Tue, 13 Aug 2024 16:16:56 -0400 Subject: [PATCH 11/15] Minor Topic page: stabilizing topic page template v2.0 (#2388) * Topic page: stabilizing topic page template v2.0 * Topic: updating topic template and including gc-contributors Content - GC Features - Added code sample and updated working example to match the documented pattern. --- _data/templates.json | 468 +++++++++--------- .../components/gc-features/features.html | 2 +- .../gc-features/one-tile-hidden-title.html | 20 + .../components/gc-features/two-tiles.html | 2 +- components/gc-features/gc-features-en.html | 8 +- components/gc-features/gc-features-fr.html | 8 +- components/gc-features/samples/features.html | 2 +- .../samples/one-tile-hidden-title.html | 20 + components/gc-features/samples/two-tiles.html | 2 +- templates/lowest-topic/index.json-ld | 200 -------- templates/theme-topic/index.json-ld | 34 -- .../demoted/theme-topic-en.html} | 9 +- .../demoted/theme-topic-fr.html} | 9 +- templates/topic/demoted/topic-en.html | 95 ++++ templates/topic/demoted/topic-fr.html | 95 ++++ .../{ => demoted}/topic-testcase-1-en.html | 2 +- .../{ => demoted}/topic-testcase-1-fr.html | 2 +- .../{theme-topic => topic}/img/825x200.jpg | Bin templates/topic/index.json-ld | 234 ++++++++- templates/topic/topic-doc-en.html | 9 + templates/topic/topic-doc-fr.html | 9 + templates/topic/topic-en.html | 117 ++--- templates/topic/topic-fr.html | 117 ++--- 23 files changed, 778 insertions(+), 686 deletions(-) create mode 100644 _includes/components/gc-features/one-tile-hidden-title.html create mode 100644 components/gc-features/samples/one-tile-hidden-title.html delete mode 100644 templates/lowest-topic/index.json-ld delete mode 100644 templates/theme-topic/index.json-ld rename templates/{theme-topic/theme-topic-en.md => topic/demoted/theme-topic-en.html} (97%) rename templates/{theme-topic/theme-topic-fr.md => topic/demoted/theme-topic-fr.html} (97%) create mode 100644 templates/topic/demoted/topic-en.html create mode 100644 templates/topic/demoted/topic-fr.html rename templates/topic/{ => demoted}/topic-testcase-1-en.html (94%) rename templates/topic/{ => demoted}/topic-testcase-1-fr.html (95%) rename templates/{theme-topic => topic}/img/825x200.jpg (100%) create mode 100644 templates/topic/topic-doc-en.html create mode 100644 templates/topic/topic-doc-fr.html diff --git a/_data/templates.json b/_data/templates.json index fc09f38246..d3cbb71e19 100644 --- a/_data/templates.json +++ b/_data/templates.json @@ -864,206 +864,6 @@ ] } } -,{ - "@context": { - "@version": 1.1, - "dct": "http://purl.org/dc/terms/", - "title": { "@id": "dct:title", "@container": "@language" }, - "description": { "@id": "dct:description", "@container": "@language" }, - "modified": "dct:modified" - }, - "title": { - "en": "Lowest topic (with secondary navigation)", - "fr": "Sujet de plus bas niveau (avec une navigation secondaire" - }, - "description": { - "en": "Template sample with a local navigation and a lowest topic page", - "fr": "Example de gabarit avec une navigation local et une page de sujet de plus bas niveau" - }, - "modified": "2023-08-30", - "componentName": "lowest-topic", - "status": "deprecated", - "pages": { - "examples": [ - { - "title": "[Topic - Secondary/Local navigation]", - "language": "en", - "path": "index-en.html" - }, - { - "title": "[Sujet - Navigation secondaire/locale]", - "language": "fr", - "path": "index-fr.html" - }, - - { - "title": "Task 1", - "language": "en", - "path": "task1/index-en.html" - }, - { - "title": "Tâche 1", - "language": "fr", - "path": "task1/index-fr.html" - }, - - { - "title": "Sub task 1", - "language": "en", - "path": "task1/task1/index-en.html" - }, - { - "title": "Sub tâche 1", - "language": "fr", - "path": "task1/task1/index-fr.html" - }, - { - "title": "Sub task 2", - "language": "en", - "path": "task1/task2/index-en.html" - }, - { - "title": "Sub tâche 2", - "language": "fr", - "path": "task1/task2/index-fr.html" - }, - { - "title": "Sub task 3", - "language": "en", - "path": "task1/task3/index-en.html" - }, - { - "title": "Sub tâche 3", - "language": "fr", - "path": "task1/task3/index-fr.html" - }, - { - "title": "Sub task 4", - "language": "en", - "path": "task1/task4/index-en.html" - }, - { - "title": "Sub tâche 4", - "language": "fr", - "path": "task1/task4/index-fr.html" - }, - { - "title": "Sub task 5", - "language": "en", - "path": "task1/task5/index-en.html" - }, - { - "title": "Sub tâche 5", - "language": "fr", - "path": "task1/task5/index-fr.html" - }, - { - "title": "Sub task 6", - "language": "en", - "path": "task1/task6/index-en.html" - }, - { - "title": "Sub tâche 6", - "language": "fr", - "path": "task1/task6/index-fr.html" - }, - { - "title": "Sub task 7", - "language": "en", - "path": "task1/task7/index-en.html" - }, - { - "title": "Sub tâche 7", - "language": "fr", - "path": "task1/task7/index-fr.html" - }, - - { - "title": "Task 2", - "language": "en", - "path": "task2/index-en.html" - }, - { - "title": "Tâche 2", - "language": "fr", - "path": "task2/index-fr.html" - }, - - { - "title": "Task 3", - "language": "en", - "path": "task3/index-en.html" - }, - { - "title": "Tâche 3", - "language": "fr", - "path": "task3/index-fr.html" - }, - - { - "title": "Sub task 1", - "language": "en", - "path": "task3/task1/index-en.html" - }, - { - "title": "Sub tâche 1", - "language": "fr", - "path": "task3/task1/index-fr.html" - }, - { - "title": "Sub task 2", - "language": "en", - "path": "task3/task2/index-en.html" - }, - { - "title": "Sub tâche 2", - "language": "fr", - "path": "task3/task2/index-fr.html" - }, - { - "title": "Sub sub task 1", - "language": "en", - "path": "task3/task2/task1/index-en.html" - }, - { - "title": "Sub sub tâche 1", - "language": "fr", - "path": "task3/task2/task1/index-fr.html" - }, - { - "title": "Sub sub task 2", - "language": "en", - "path": "task3/task2/task2/index-en.html" - }, - { - "title": "Sub sub tâche 2", - "language": "fr", - "path": "task3/task2/task2/index-fr.html" - }, - { - "title": "Sub task 3", - "language": "en", - "path": "task3/task3/index-en.html" - }, - { - "title": "Sub tâche 3", - "language": "fr", - "path": "task3/task3/index-fr.html" - }, - - { - "title": "Task 4", - "language": "en", - "path": "task4/index-en.html" - }, - { - "title": "Tâche 4", - "language": "fr", - "path": "task4/index-fr.html" - } - ] - } -} ,{ "@context": { "@version": 1.1, @@ -1469,40 +1269,6 @@ ] } } -,{ - "@context": { - "@version": 1.1, - "dct": "http://purl.org/dc/terms/", - "title": { "@id": "dct:title", "@container": "@language" }, - "description": { "@id": "dct:description", "@container": "@language" }, - "modified": "dct:modified" - }, - "title": { - "en": "Beta - Theme, Topic", - "fr": "Béta - Thèmatique et sujet" - }, - "description": { - "en": "Theme, Topic beta templates", - "fr": "Gabarit béta du thèmatique et sujet" - }, - "modified": "2020-02-12", - "componentName": "theme-topic", - "status": "provisional", - "pages": { - "examples": [ - { - "title": "[Theme - Topic title]", - "language": "en", - "path": "theme-topic-en.html" - }, - { - "title": "[Titre du thème ou du sujet]", - "language": "fr", - "path": "theme-topic-fr.html" - } - ] - } -} ,{ "@context": { "@version": 1.1, @@ -1519,9 +1285,10 @@ "en": "Topic template examples", "fr": "Exemples de page de sujets" }, - "modified": "2020-04-06", + "modified": "2024-06-10", "componentName": "topic", "status": "stable", + "version": "2.0", "pages": { "examples": [ { @@ -1535,18 +1302,235 @@ "path": "topic-fr.html" }, { - "title": "[Topic title, test case 1]", + "title": "Theme/Topic page - Demoted", + "language": "en", + "path": "demoted/theme-topic-en.html" + }, + { + "title": "Page de sujet/thème - Rétrogradée", + "language": "fr", + "path": "demoted/theme-topic-fr.html" + }, + { + "title": "Lowest topic (with secondary navigation) - Deprecated", "language": "en", - "path": "topic-testcase-1-en.html", - "description": "Special test case of a topic pages where the service and information section take less heigh space compared to most request and contributor section on the right column." + "path": "../lowest-topic/index-en.html" }, { - "title": "[Titre du sujet, cas d'essaie 1]", + "title": "Sujet de plus bas niveau (avec une navigation secondaire) - Dépréciée", "language": "fr", - "path": "topic-testcase-1-fr.html", - "description": "Cas d'essaie spécial de la page de sujet lorsque la hauteur du contenu pour la section service et renseignements est plus petite que la section en demande et collaborateurs dans la colonne de droite." + "path": "../lowest-topic/index-fr.html" + } + ], + "docs": [ + { + "title": "Topic page template", + "language": "en", + "path": "topic-doc-en.html" + }, + { + "title": "Gabarit de page de sujet", + "language": "fr", + "path": "topic-doc-fr.html" } ] - } + }, + "dependencies": { + "en": [ + { "title": "Intro block", "url": "https://wet-boew.github.io/GCWeb/design-patterns/gc-intro/gc-intro-doc-en.html", "component": "gc-intro" }, + { "title": "Most requested", "url": "https://wet-boew.github.io/GCWeb/components/gc-most-requested/gc-most-requested-doc-en.html", "component": "gc-most-requested" }, + { "title": "Services and information", "url": "https://wet-boew.github.io/GCWeb/components/gc-srvinfo/gc-srvinfo-doc-en.html", "component": "gc-srvinfo" }, + { "title": "Context-specific features", "url": "https://wet-boew.github.io/GCWeb/components/gc-features/gc-features-doc-en.html", "component": "gc-features" }, + { "title": "Social media channels", "url": "https://wet-boew.github.io/GCWeb/components/gc-follow-us/gc-follow-us-doc-en.html", "component": "gc-follow-us" }, + { "title": "Contributors", "url": "https://wet-boew.github.io/GCWeb/components/gc-contributors/gc-contributors-doc-en.html", "component": "gc-contributors" } + ], + "fr": [ + { "title": "Bloc d'introduction", "url": "https://wet-boew.github.io/GCWeb/design-patterns/gc-intro/gc-intro-doc-fr.html", "component": "gc-intro" }, + { "title": "En demande", "url": "https://wet-boew.github.io/GCWeb/components/gc-most-requested/gc-most-requested-doc-fr.html", "component": "gc-most-requested" }, + { "title": "Services et renseignements", "url": "https://wet-boew.github.io/GCWeb/components/gc-srvinfo/gc-srvinfo-doc-fr.html", "component": "gc-srvinfo" }, + { "title": "Promotions contextuelles", "url": "https://wet-boew.github.io/GCWeb/components/gc-features/gc-features-doc-fr.html", "component": "gc-features" }, + { "title": "Bloc des réseaux de médias sociaux", "url": "https://wet-boew.github.io/GCWeb/components/gc-follow-us/gc-follow-us-doc-fr.html", "component": "gc-follow-us" }, + { "title": "Collaborateurs", "url": "https://wet-boew.github.io/GCWeb/components/gc-contributors/gc-contributors-doc-fr.html", "component": "gc-contributors" } + ] + }, + "a11yGuidance": "No accessibility guidance.", + "variations": [ + { + "name": { + "en": "Topic page", + "fr": "Page de sujet" + }, + "status": "stable", + "description": { + "en": "Topic pages provide access to topics and destination pages that support task completion.", + "fr": "Les pages de sujet fournissent un accès aux sujets et aux pages de destination qui appuient l’achèvement des tâches." + }, + "guidance": { + "en": "https://design.canada.ca/mandatory-templates/theme-topic.html", + "fr": "https://conception.canada.ca/modeles-obligatoire/theme-sujet.html" + }, + "iteration": "_:iteration_topic_3", + "example": [ + { + "en": { "href": "topic-en.html", "text": "Topic page" }, + "fr": { "href": "topic-fr.html", "text": "Page de sujet" } + } + ], + "implementation": [ + "_:implement_topic", + "_:implement_topic_aem", + "_:implement_topic_1_to_2" + ], + "history": [ + { + "en": "June 2024 - Stabilization of the version 2 of the page template.", + "fr": "Juin 2024 - Stabilisation de la version 2 du gabarit de page." + }, + { + "en": "January 2021 - Provisional implementation of the version 2 of the page template.", + "fr": "Janvier 2021 - Implémentation provisoire de la version 2 du gabarit de page." + }, + { + "en": "As per January 2018's template - Implementation of the version 1 of the page template.", + "fr": "Selon le gabarit en date de Janvier 2018 - Implémentation de la version 1 du gabarit de page." + } + ] + } + ], + "implementation": [ + { + "@id": "_:implement_topic", + "iteration": "_:iteration_topic_3", + "name": { + "en": "Standard", + "fr": "Standard" + }, + "introduction": { + "en": "This implementation is meant for developers/publishers adding the template manually.", + "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le gabarit manuellement." + }, + "instructions": { + "en": [ + "Refer to the working example and guidance for more information on how to implement this page template." + ], + "fr": [ + "Référez-vous à l'exemple pratique et aux directives pour plus d'informations sur l'implémentation ce modèle de page." + ] + }, + "ajaxSourceCode": { + "en": "topic-en.html main > *:not(.pagedetails)", + "fr": "topic-fr.html main > *:not(.pagedetails)" + } + }, + { + "@id": "_:implement_topic_aem", + "iteration": "_:iteration_topic_3", + "name": { + "en": "AEM users", + "fr": "Utilisateurs AEM" + }, + "introduction": { + "en": "This implementation is meant for publishers adding the template manually into an AEM page.", + "fr": "Cette implémentation est destinée aux éditeurs qui ajoutent le gabarit manuellement à une page d'AEM." + }, + "instructions": { + "en": [ + "Please refer to the documentation on GCPedia." + ], + "fr": [ + "Veuillez vous référer à la documentation dans GCPedia." + ] + } + }, + { + "@id": "_:implement_topic_1_to_2", + "iteration": "_:iteration_topic_3", + "name": { + "en": "Migrate to version 2", + "fr": "Migration vers la version 2" + }, + "introduction": { + "en": "This implementation is meant for publishers attempting to migrate their current topic page to the version 2 of the topic page template.", + "fr": "Cette implémentation est destinée aux éditeurs qui tentent de migrer leur page de sujet actuelle vers la version 2 du modèle de page de sujet." + }, + "instructions": { + "en": [ + "A full content review needs to be performed. This change cannot be automated.", + "Follow the implementation instructions under the \"Standard\" tab." + ], + "fr": [ + "Un examen complet du contenu doit être effectué. Ce changement ne peut pas être automatisé.", + "Veuillez suivre les instructions d'implémentation sous l'onglet « Standard »\"." + ] + } + } + ], + "iteration": [ + { + "@id": "_:iteration_topic_3", + "name": "Topic page - Iteration 3", + "date": "2024-06", + "breaking": [ + "Stabilization of the topic page template." + ], + "detectableBy": ".page-type-topic" + }, + { + "@id": "_:iteration_topic_2", + "name": "Theme / Topic page (Beta) - Iteration 2", + "date": "2021-01", + "detectableBy": "Half-width image introduction block. Full width most requested (provisional). Social media channels at bottom right", + "example": { + "en": [ + { + "href": "demoted/theme-topic-en.html", + "text": "Theme - Topic page version 2 (beta)" + } + ], + "fr": [ + { + "href": "demoted/theme-topic-fr.html", + "text": "Page the thème ou de sujet version 2 (bêta)" + } + ] + } + }, + { + "@id": "_:iteration_topic_1", + "name": "Topic page - Iteration 1", + "date": "2018-01", + "detectableBy": "Social media channels at top left. Most requested, Contributors and More information on the right.", + "example": { + "en": [ + { + "href": "demoted/topic-en.html", + "text": "Topic page version 1" + } + ], + "fr": [ + { + "href": "deprecated/topic-fr.html", + "text": "Page de sujet version 1" + } + ] + } + } + ], + "changesets": [ + { + "@id": "_:cs_topic_2", + "name": "Topic page", + "status": "stable", + "baseOnIteration": "_:iteration_topic_2", + "detectableBy": "By the sequence of the mandatory implemented design pattern and components and limited to its optional components.", + "layout": [ + "Intro block (mandatory)", + "Most requested - version 1 (optional)", + "Services and information - version 3 (mandatory)", + "Context-specific features - version 5.0 [.col-md-8] (optional) + Social media channels - version 2.1 [.col-md-4] (optional)", + "Contributors - version 1.0 (optional)" + ] + } + ] } ] diff --git a/_includes/components/gc-features/features.html b/_includes/components/gc-features/features.html index fc64cd4ed9..61a14a9769 100644 --- a/_includes/components/gc-features/features.html +++ b/_includes/components/gc-features/features.html @@ -16,7 +16,7 @@

      Features

      {% for i in (1..3) %}
      - + {%- if page.language == "fr" -%}

      [Lien vers l’élément en vedette]

      Brève description de l’élément en vedette. Brève description de l’élément en vedette.

      diff --git a/_includes/components/gc-features/one-tile-hidden-title.html b/_includes/components/gc-features/one-tile-hidden-title.html new file mode 100644 index 0000000000..094306bdda --- /dev/null +++ b/_includes/components/gc-features/one-tile-hidden-title.html @@ -0,0 +1,20 @@ +{%- comment -%} + +++++++++++++++++++++++++++++++++++ ++ List of features - One tile (invisible title) +++++++++++++++++++++++++++++++++++ + +{%- endcomment -%} + +
      +

      {% if page.language == "en" %}Featured{% else %}En vedette{% endif %}

      +
      +
      + +
      +
      +

      {% if page.language == "en" %}[Feature hyperlink text]{% else %}[Lien vers l’élément en vedette]{% endif %}

      +

      {% if page.language == "en" %}Brief description of the feature being promoted.{% else %}Brève description de l’élément en vedette.{% endif %}

      +
      +
      +
      diff --git a/_includes/components/gc-features/two-tiles.html b/_includes/components/gc-features/two-tiles.html index 0fdc32b3c3..7fd0616151 100644 --- a/_includes/components/gc-features/two-tiles.html +++ b/_includes/components/gc-features/two-tiles.html @@ -16,7 +16,7 @@

      Features

      {% for i in (1..2) %}
      - + {%- if page.language == "fr" -%}

      [Lien vers l’élément en vedette]

      Brève description de l’élément en vedette. Brève description de l’élément en vedette.

      diff --git a/components/gc-features/gc-features-en.html b/components/gc-features/gc-features-en.html index 44ce93b6c1..88e6e647a6 100644 --- a/components/gc-features/gc-features-en.html +++ b/components/gc-features/gc-features-en.html @@ -109,7 +109,7 @@

      Two-tiles left-aligned

      -

      Features

      +

      Features

      @@ -142,7 +142,7 @@

      Other Component

      -

      Features

      +

      Features

      @@ -167,7 +167,7 @@

      One-tile left-aligned

      -

      Featured

      +

      Featured

      @@ -193,7 +193,7 @@

      Other Component

      -

      Featured

      +

      Featured

      diff --git a/components/gc-features/gc-features-fr.html b/components/gc-features/gc-features-fr.html index fbcdae940b..4ba7ef8a1d 100644 --- a/components/gc-features/gc-features-fr.html +++ b/components/gc-features/gc-features-fr.html @@ -108,7 +108,7 @@

      Deux tuiles alignées à gauche

      -

      En vedette

      +

      En vedette

      @@ -141,7 +141,7 @@

      Autre composant

      -

      En vedette

      +

      En vedette

      @@ -166,7 +166,7 @@

      Une tuile alignée à gauche

      -

      En vedette

      +

      En vedette

      @@ -192,7 +192,7 @@

      Autre composant

      -

      En vedette

      +

      En vedette

      diff --git a/components/gc-features/samples/features.html b/components/gc-features/samples/features.html index fc64cd4ed9..61a14a9769 100644 --- a/components/gc-features/samples/features.html +++ b/components/gc-features/samples/features.html @@ -16,7 +16,7 @@

      Features

      {% for i in (1..3) %}
      - + {%- if page.language == "fr" -%}

      [Lien vers l’élément en vedette]

      Brève description de l’élément en vedette. Brève description de l’élément en vedette.

      diff --git a/components/gc-features/samples/one-tile-hidden-title.html b/components/gc-features/samples/one-tile-hidden-title.html new file mode 100644 index 0000000000..094306bdda --- /dev/null +++ b/components/gc-features/samples/one-tile-hidden-title.html @@ -0,0 +1,20 @@ +{%- comment -%} + +++++++++++++++++++++++++++++++++++ ++ List of features - One tile (invisible title) +++++++++++++++++++++++++++++++++++ + +{%- endcomment -%} + +
      +

      {% if page.language == "en" %}Featured{% else %}En vedette{% endif %}

      +
      +
      + +
      +
      +

      {% if page.language == "en" %}[Feature hyperlink text]{% else %}[Lien vers l’élément en vedette]{% endif %}

      +

      {% if page.language == "en" %}Brief description of the feature being promoted.{% else %}Brève description de l’élément en vedette.{% endif %}

      +
      +
      +
      diff --git a/components/gc-features/samples/two-tiles.html b/components/gc-features/samples/two-tiles.html index 0fdc32b3c3..7fd0616151 100644 --- a/components/gc-features/samples/two-tiles.html +++ b/components/gc-features/samples/two-tiles.html @@ -16,7 +16,7 @@

      Features

      {% for i in (1..2) %}
      - + {%- if page.language == "fr" -%}

      [Lien vers l’élément en vedette]

      Brève description de l’élément en vedette. Brève description de l’élément en vedette.

      diff --git a/templates/lowest-topic/index.json-ld b/templates/lowest-topic/index.json-ld deleted file mode 100644 index 4301174f2d..0000000000 --- a/templates/lowest-topic/index.json-ld +++ /dev/null @@ -1,200 +0,0 @@ -{ - "@context": { - "@version": 1.1, - "dct": "http://purl.org/dc/terms/", - "title": { "@id": "dct:title", "@container": "@language" }, - "description": { "@id": "dct:description", "@container": "@language" }, - "modified": "dct:modified" - }, - "title": { - "en": "Lowest topic (with secondary navigation)", - "fr": "Sujet de plus bas niveau (avec une navigation secondaire" - }, - "description": { - "en": "Template sample with a local navigation and a lowest topic page", - "fr": "Example de gabarit avec une navigation local et une page de sujet de plus bas niveau" - }, - "modified": "2023-08-30", - "componentName": "lowest-topic", - "status": "deprecated", - "pages": { - "examples": [ - { - "title": "[Topic - Secondary/Local navigation]", - "language": "en", - "path": "index-en.html" - }, - { - "title": "[Sujet - Navigation secondaire/locale]", - "language": "fr", - "path": "index-fr.html" - }, - - { - "title": "Task 1", - "language": "en", - "path": "task1/index-en.html" - }, - { - "title": "Tâche 1", - "language": "fr", - "path": "task1/index-fr.html" - }, - - { - "title": "Sub task 1", - "language": "en", - "path": "task1/task1/index-en.html" - }, - { - "title": "Sub tâche 1", - "language": "fr", - "path": "task1/task1/index-fr.html" - }, - { - "title": "Sub task 2", - "language": "en", - "path": "task1/task2/index-en.html" - }, - { - "title": "Sub tâche 2", - "language": "fr", - "path": "task1/task2/index-fr.html" - }, - { - "title": "Sub task 3", - "language": "en", - "path": "task1/task3/index-en.html" - }, - { - "title": "Sub tâche 3", - "language": "fr", - "path": "task1/task3/index-fr.html" - }, - { - "title": "Sub task 4", - "language": "en", - "path": "task1/task4/index-en.html" - }, - { - "title": "Sub tâche 4", - "language": "fr", - "path": "task1/task4/index-fr.html" - }, - { - "title": "Sub task 5", - "language": "en", - "path": "task1/task5/index-en.html" - }, - { - "title": "Sub tâche 5", - "language": "fr", - "path": "task1/task5/index-fr.html" - }, - { - "title": "Sub task 6", - "language": "en", - "path": "task1/task6/index-en.html" - }, - { - "title": "Sub tâche 6", - "language": "fr", - "path": "task1/task6/index-fr.html" - }, - { - "title": "Sub task 7", - "language": "en", - "path": "task1/task7/index-en.html" - }, - { - "title": "Sub tâche 7", - "language": "fr", - "path": "task1/task7/index-fr.html" - }, - - { - "title": "Task 2", - "language": "en", - "path": "task2/index-en.html" - }, - { - "title": "Tâche 2", - "language": "fr", - "path": "task2/index-fr.html" - }, - - { - "title": "Task 3", - "language": "en", - "path": "task3/index-en.html" - }, - { - "title": "Tâche 3", - "language": "fr", - "path": "task3/index-fr.html" - }, - - { - "title": "Sub task 1", - "language": "en", - "path": "task3/task1/index-en.html" - }, - { - "title": "Sub tâche 1", - "language": "fr", - "path": "task3/task1/index-fr.html" - }, - { - "title": "Sub task 2", - "language": "en", - "path": "task3/task2/index-en.html" - }, - { - "title": "Sub tâche 2", - "language": "fr", - "path": "task3/task2/index-fr.html" - }, - { - "title": "Sub sub task 1", - "language": "en", - "path": "task3/task2/task1/index-en.html" - }, - { - "title": "Sub sub tâche 1", - "language": "fr", - "path": "task3/task2/task1/index-fr.html" - }, - { - "title": "Sub sub task 2", - "language": "en", - "path": "task3/task2/task2/index-en.html" - }, - { - "title": "Sub sub tâche 2", - "language": "fr", - "path": "task3/task2/task2/index-fr.html" - }, - { - "title": "Sub task 3", - "language": "en", - "path": "task3/task3/index-en.html" - }, - { - "title": "Sub tâche 3", - "language": "fr", - "path": "task3/task3/index-fr.html" - }, - - { - "title": "Task 4", - "language": "en", - "path": "task4/index-en.html" - }, - { - "title": "Tâche 4", - "language": "fr", - "path": "task4/index-fr.html" - } - ] - } -} diff --git a/templates/theme-topic/index.json-ld b/templates/theme-topic/index.json-ld deleted file mode 100644 index 5d3e50c6c1..0000000000 --- a/templates/theme-topic/index.json-ld +++ /dev/null @@ -1,34 +0,0 @@ -{ - "@context": { - "@version": 1.1, - "dct": "http://purl.org/dc/terms/", - "title": { "@id": "dct:title", "@container": "@language" }, - "description": { "@id": "dct:description", "@container": "@language" }, - "modified": "dct:modified" - }, - "title": { - "en": "Beta - Theme, Topic", - "fr": "Béta - Thèmatique et sujet" - }, - "description": { - "en": "Theme, Topic beta templates", - "fr": "Gabarit béta du thèmatique et sujet" - }, - "modified": "2020-02-12", - "componentName": "theme-topic", - "status": "provisional", - "pages": { - "examples": [ - { - "title": "[Theme - Topic title]", - "language": "en", - "path": "theme-topic-en.html" - }, - { - "title": "[Titre du thème ou du sujet]", - "language": "fr", - "path": "theme-topic-fr.html" - } - ] - } -} diff --git a/templates/theme-topic/theme-topic-en.md b/templates/topic/demoted/theme-topic-en.html similarity index 97% rename from templates/theme-topic/theme-topic-en.md rename to templates/topic/demoted/theme-topic-en.html index 65b29840b9..0d5866a6d1 100644 --- a/templates/theme-topic/theme-topic-en.md +++ b/templates/topic/demoted/theme-topic-en.html @@ -6,10 +6,8 @@ pageclass: "page-type-nav" pageType: "theme-topic" dateModified: "2021-01-19" -share: true -noMainContainer: true --- -{::nomarkdown} +
      @@ -17,7 +15,7 @@

      {{ page.title }}

      1-2 sentences that describe the topics and top tasks that can be accessed on this page.

      @@ -109,7 +107,7 @@

      [Subtopic hyperlink text]

      Features

      - +

      [Feature hyperlink text]

      @@ -130,4 +128,3 @@

      From:

    -{:/} diff --git a/templates/theme-topic/theme-topic-fr.md b/templates/topic/demoted/theme-topic-fr.html similarity index 97% rename from templates/theme-topic/theme-topic-fr.md rename to templates/topic/demoted/theme-topic-fr.html index 46c2cde64a..a053ca489a 100644 --- a/templates/theme-topic/theme-topic-fr.md +++ b/templates/topic/demoted/theme-topic-fr.html @@ -6,10 +6,8 @@ pageclass: "page-type-nav" pageType: "theme-topic" dateModified: "2021-01-19" -share: true -noMainContainer: true --- -{::nomarkdown} +
    @@ -17,7 +15,7 @@

    {{ page.title }}

    1 ou 2 phrases d’introduction qui définissent les sous-sujets et les tâches principales qui peuvent être consultés sur cette page.

    @@ -109,7 +107,7 @@

    [Lien à un sous-sujet]

    En vedette

    - +

    [Lien à l’élément en vedette]

    @@ -130,4 +128,3 @@

    De :

    -{:/} diff --git a/templates/topic/demoted/topic-en.html b/templates/topic/demoted/topic-en.html new file mode 100644 index 0000000000..0c856f4f28 --- /dev/null +++ b/templates/topic/demoted/topic-en.html @@ -0,0 +1,95 @@ +--- +{ + "title": "[Topic title]", + "layout": "without-h1", + "language": "en", + "altLangPage": "topic-fr.html", + "pageclass": "page-type-nav", + "breadcrumbs": [ + { "title": "[Theme Name]", "link": "templates/theme-en.html" } + ], + "dateModified": "2023-09-01", + "share": "true", + "deptfeature": true +} +--- +
    +
    +

    {{ page.title }}

    +

    1-2 sentences that describe the topics and top tasks that can be accessed on this page.

    + {% include gc-follow-us/follow.html %} +
    + +
    +
    +
    + {% include components/most-requested/most-requested.html %} +
    +
    +

    Services and information

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +

    [Subtopic hyperlink text]

    +

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +
    +
    +
    +
    +
    +

    Contributors

    + +
    + {% include components/more-info/more-info.html %} +
    +
    +{% include templates/whtwedo-3-items.html %} diff --git a/templates/topic/demoted/topic-fr.html b/templates/topic/demoted/topic-fr.html new file mode 100644 index 0000000000..8ba6150832 --- /dev/null +++ b/templates/topic/demoted/topic-fr.html @@ -0,0 +1,95 @@ +--- +{ + "title": "[Titre du sujet]", + "layout": "without-h1", + "language": "fr", + "altLangPage": "topic-en.html", + "pageclass": "page-type-nav", + "breadcrumbs": [ + { "title": "[Thème]", "link": "templates/theme-fr.html" } + ], + "dateModified": "2023-09-01", + "share": "true", + "deptfeature": true +} +--- +
    +
    +

    {{ page.title }}

    +

    1 ou 2 phrases d’introduction qui définissent les sous-sujets et les tâches principales qui peuvent être consultés sur cette page.

    + {% include gc-follow-us/follow.html %} +
    + +
    +
    +
    + {% include components/most-requested/most-requested.html %} +
    +
    +

    Services et renseignements

    +
    +
    +

    [Lien à un sous-sujet]

    +

    Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.

    +
    +
    +

    [Lien à un sous-sujet]

    +

    Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.

    +
    +
    +

    [Lien à un sous-sujet]

    +

    Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.

    +
    +
    +

    [Lien à un sous-sujet]

    +

    Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.

    +
    +
    +

    [Lien à un sous-sujet]

    +

    Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.

    +
    +
    +

    [Lien à un sous-sujet]

    +

    Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.

    +
    +
    +

    [Lien à un sous-sujet]

    +

    Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.

    +
    +
    +

    [Lien à un sous-sujet]

    +

    Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.

    +
    +
    +

    [Lien à un sous-sujet]

    +

    Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.

    +
    +
    +

    [Lien à un sous-sujet]

    +

    Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.

    +
    +
    +

    [Lien à un sous-sujet]

    +

    Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.

    +
    +
    +

    [Lien à un sous-sujet]

    +

    Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.

    +
    +
    +
    +
    +
    +

    Collaborateurs

    + +
    + {% include components/more-info/more-info.html %} +
    +
    +{% include templates/whtwedo-3-items.html %} diff --git a/templates/topic/topic-testcase-1-en.html b/templates/topic/demoted/topic-testcase-1-en.html similarity index 94% rename from templates/topic/topic-testcase-1-en.html rename to templates/topic/demoted/topic-testcase-1-en.html index 6a1213354f..0f563a4cf3 100644 --- a/templates/topic/topic-testcase-1-en.html +++ b/templates/topic/demoted/topic-testcase-1-en.html @@ -20,7 +20,7 @@

    {{ page.title }}

    {% include gc-follow-us/follow.html %}
    diff --git a/templates/topic/topic-testcase-1-fr.html b/templates/topic/demoted/topic-testcase-1-fr.html similarity index 95% rename from templates/topic/topic-testcase-1-fr.html rename to templates/topic/demoted/topic-testcase-1-fr.html index f13de09845..553f12cae8 100644 --- a/templates/topic/topic-testcase-1-fr.html +++ b/templates/topic/demoted/topic-testcase-1-fr.html @@ -20,7 +20,7 @@

    {{ page.title }}

    {% include gc-follow-us/follow.html %}
    diff --git a/templates/theme-topic/img/825x200.jpg b/templates/topic/img/825x200.jpg similarity index 100% rename from templates/theme-topic/img/825x200.jpg rename to templates/topic/img/825x200.jpg diff --git a/templates/topic/index.json-ld b/templates/topic/index.json-ld index f557f55317..35645901d5 100644 --- a/templates/topic/index.json-ld +++ b/templates/topic/index.json-ld @@ -14,9 +14,10 @@ "en": "Topic template examples", "fr": "Exemples de page de sujets" }, - "modified": "2020-04-06", + "modified": "2024-06-10", "componentName": "topic", "status": "stable", + "version": "2.0", "pages": { "examples": [ { @@ -30,17 +31,234 @@ "path": "topic-fr.html" }, { - "title": "[Topic title, test case 1]", + "title": "Theme/Topic page - Demoted", "language": "en", - "path": "topic-testcase-1-en.html", - "description": "Special test case of a topic pages where the service and information section take less heigh space compared to most request and contributor section on the right column." + "path": "demoted/theme-topic-en.html" }, { - "title": "[Titre du sujet, cas d'essaie 1]", + "title": "Page de sujet/thème - Rétrogradée", "language": "fr", - "path": "topic-testcase-1-fr.html", - "description": "Cas d'essaie spécial de la page de sujet lorsque la hauteur du contenu pour la section service et renseignements est plus petite que la section en demande et collaborateurs dans la colonne de droite." + "path": "demoted/theme-topic-fr.html" + }, + { + "title": "Lowest topic (with secondary navigation) - Deprecated", + "language": "en", + "path": "../lowest-topic/index-en.html" + }, + { + "title": "Sujet de plus bas niveau (avec une navigation secondaire) - Dépréciée", + "language": "fr", + "path": "../lowest-topic/index-fr.html" + } + ], + "docs": [ + { + "title": "Topic page template", + "language": "en", + "path": "topic-doc-en.html" + }, + { + "title": "Gabarit de page de sujet", + "language": "fr", + "path": "topic-doc-fr.html" } ] - } + }, + "dependencies": { + "en": [ + { "title": "Intro block", "url": "https://wet-boew.github.io/GCWeb/design-patterns/gc-intro/gc-intro-doc-en.html", "component": "gc-intro" }, + { "title": "Most requested", "url": "https://wet-boew.github.io/GCWeb/components/gc-most-requested/gc-most-requested-doc-en.html", "component": "gc-most-requested" }, + { "title": "Services and information", "url": "https://wet-boew.github.io/GCWeb/components/gc-srvinfo/gc-srvinfo-doc-en.html", "component": "gc-srvinfo" }, + { "title": "Context-specific features", "url": "https://wet-boew.github.io/GCWeb/components/gc-features/gc-features-doc-en.html", "component": "gc-features" }, + { "title": "Social media channels", "url": "https://wet-boew.github.io/GCWeb/components/gc-follow-us/gc-follow-us-doc-en.html", "component": "gc-follow-us" }, + { "title": "Contributors", "url": "https://wet-boew.github.io/GCWeb/components/gc-contributors/gc-contributors-doc-en.html", "component": "gc-contributors" } + ], + "fr": [ + { "title": "Bloc d'introduction", "url": "https://wet-boew.github.io/GCWeb/design-patterns/gc-intro/gc-intro-doc-fr.html", "component": "gc-intro" }, + { "title": "En demande", "url": "https://wet-boew.github.io/GCWeb/components/gc-most-requested/gc-most-requested-doc-fr.html", "component": "gc-most-requested" }, + { "title": "Services et renseignements", "url": "https://wet-boew.github.io/GCWeb/components/gc-srvinfo/gc-srvinfo-doc-fr.html", "component": "gc-srvinfo" }, + { "title": "Promotions contextuelles", "url": "https://wet-boew.github.io/GCWeb/components/gc-features/gc-features-doc-fr.html", "component": "gc-features" }, + { "title": "Bloc des réseaux de médias sociaux", "url": "https://wet-boew.github.io/GCWeb/components/gc-follow-us/gc-follow-us-doc-fr.html", "component": "gc-follow-us" }, + { "title": "Collaborateurs", "url": "https://wet-boew.github.io/GCWeb/components/gc-contributors/gc-contributors-doc-fr.html", "component": "gc-contributors" } + ] + }, + "a11yGuidance": "No accessibility guidance.", + "variations": [ + { + "name": { + "en": "Topic page", + "fr": "Page de sujet" + }, + "status": "stable", + "description": { + "en": "Topic pages provide access to topics and destination pages that support task completion.", + "fr": "Les pages de sujet fournissent un accès aux sujets et aux pages de destination qui appuient l’achèvement des tâches." + }, + "guidance": { + "en": "https://design.canada.ca/mandatory-templates/theme-topic.html", + "fr": "https://conception.canada.ca/modeles-obligatoire/theme-sujet.html" + }, + "iteration": "_:iteration_topic_3", + "example": [ + { + "en": { "href": "topic-en.html", "text": "Topic page" }, + "fr": { "href": "topic-fr.html", "text": "Page de sujet" } + } + ], + "implementation": [ + "_:implement_topic", + "_:implement_topic_aem", + "_:implement_topic_1_to_2" + ], + "history": [ + { + "en": "June 2024 - Stabilization of the version 2 of the page template.", + "fr": "Juin 2024 - Stabilisation de la version 2 du gabarit de page." + }, + { + "en": "January 2021 - Provisional implementation of the version 2 of the page template.", + "fr": "Janvier 2021 - Implémentation provisoire de la version 2 du gabarit de page." + }, + { + "en": "As per January 2018's template - Implementation of the version 1 of the page template.", + "fr": "Selon le gabarit en date de Janvier 2018 - Implémentation de la version 1 du gabarit de page." + } + ] + } + ], + "implementation": [ + { + "@id": "_:implement_topic", + "iteration": "_:iteration_topic_3", + "name": { + "en": "Standard", + "fr": "Standard" + }, + "introduction": { + "en": "This implementation is meant for developers/publishers adding the template manually.", + "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le gabarit manuellement." + }, + "instructions": { + "en": [ + "Refer to the working example and guidance for more information on how to implement this page template." + ], + "fr": [ + "Référez-vous à l'exemple pratique et aux directives pour plus d'informations sur l'implémentation ce modèle de page." + ] + }, + "ajaxSourceCode": { + "en": "topic-en.html main > *:not(.pagedetails)", + "fr": "topic-fr.html main > *:not(.pagedetails)" + } + }, + { + "@id": "_:implement_topic_aem", + "iteration": "_:iteration_topic_3", + "name": { + "en": "AEM users", + "fr": "Utilisateurs AEM" + }, + "introduction": { + "en": "This implementation is meant for publishers adding the template manually into an AEM page.", + "fr": "Cette implémentation est destinée aux éditeurs qui ajoutent le gabarit manuellement à une page d'AEM." + }, + "instructions": { + "en": [ + "Please refer to the documentation on GCPedia." + ], + "fr": [ + "Veuillez vous référer à la documentation dans GCPedia." + ] + } + }, + { + "@id": "_:implement_topic_1_to_2", + "iteration": "_:iteration_topic_3", + "name": { + "en": "Migrate to version 2", + "fr": "Migration vers la version 2" + }, + "introduction": { + "en": "This implementation is meant for publishers attempting to migrate their current topic page to the version 2 of the topic page template.", + "fr": "Cette implémentation est destinée aux éditeurs qui tentent de migrer leur page de sujet actuelle vers la version 2 du modèle de page de sujet." + }, + "instructions": { + "en": [ + "A full content review needs to be performed. This change cannot be automated.", + "Follow the implementation instructions under the \"Standard\" tab." + ], + "fr": [ + "Un examen complet du contenu doit être effectué. Ce changement ne peut pas être automatisé.", + "Veuillez suivre les instructions d'implémentation sous l'onglet « Standard »\"." + ] + } + } + ], + "iteration": [ + { + "@id": "_:iteration_topic_3", + "name": "Topic page - Iteration 3", + "date": "2024-06", + "breaking": [ + "Stabilization of the topic page template." + ], + "detectableBy": ".page-type-topic" + }, + { + "@id": "_:iteration_topic_2", + "name": "Theme / Topic page (Beta) - Iteration 2", + "date": "2021-01", + "detectableBy": "Half-width image introduction block. Full width most requested (provisional). Social media channels at bottom right", + "example": { + "en": [ + { + "href": "demoted/theme-topic-en.html", + "text": "Theme - Topic page version 2 (beta)" + } + ], + "fr": [ + { + "href": "demoted/theme-topic-fr.html", + "text": "Page the thème ou de sujet version 2 (bêta)" + } + ] + } + }, + { + "@id": "_:iteration_topic_1", + "name": "Topic page - Iteration 1", + "date": "2018-01", + "detectableBy": "Social media channels at top left. Most requested, Contributors and More information on the right.", + "example": { + "en": [ + { + "href": "demoted/topic-en.html", + "text": "Topic page version 1" + } + ], + "fr": [ + { + "href": "deprecated/topic-fr.html", + "text": "Page de sujet version 1" + } + ] + } + } + ], + "changesets": [ + { + "@id": "_:cs_topic_2", + "name": "Topic page", + "status": "stable", + "baseOnIteration": "_:iteration_topic_2", + "detectableBy": "By the sequence of the mandatory implemented design pattern and components and limited to its optional components.", + "layout": [ + "Intro block (mandatory)", + "Most requested - version 1 (optional)", + "Services and information - version 3 (mandatory)", + "Context-specific features - version 5.0 [.col-md-8] (optional) + Social media channels - version 2.1 [.col-md-4] (optional)", + "Contributors - version 1.0 (optional)" + ] + } + ] } diff --git a/templates/topic/topic-doc-en.html b/templates/topic/topic-doc-en.html new file mode 100644 index 0000000000..5c685ecf3d --- /dev/null +++ b/templates/topic/topic-doc-en.html @@ -0,0 +1,9 @@ +--- +title: Topic page +description: Documentation for the topic page templates. +language: en +altLangPage: topic-doc-fr.html +dateModified: 2024-06-10 +layout: documentation +index_json: index.json-ld +--- diff --git a/templates/topic/topic-doc-fr.html b/templates/topic/topic-doc-fr.html new file mode 100644 index 0000000000..331358c40f --- /dev/null +++ b/templates/topic/topic-doc-fr.html @@ -0,0 +1,9 @@ +--- +title: Page de sujet +description: Documentation des gabarits de page de sujet. +language: fr +altLangPage: topic-doc-en.html +dateModified: 2024-06-10 +layout: documentation +index_json: index.json-ld +--- diff --git a/templates/topic/topic-en.html b/templates/topic/topic-en.html index f12da2397e..1024ceeb8b 100644 --- a/templates/topic/topic-en.html +++ b/templates/topic/topic-en.html @@ -1,95 +1,36 @@ --- -{ - "title": "[Topic title]", - "layout": "without-h1", - "language": "en", - "altLangPage": "topic-fr.html", - "pageclass": "page-type-nav", - "breadcrumbs": [ - { "title": "[Theme Name]", "link": "templates/theme-en.html" } - ], - "dateModified": "2023-09-01", - "share": "true", - "deptfeature": true -} +title: "[Topic title]" +layout: no-container +language: "en" +altLangPage: "topic-fr.html" +dateModified: "2024-06-10" --- -
    -
    -

    {{ page.title }}

    -

    1-2 sentences that describe the topics and top tasks that can be accessed on this page.

    - {% include gc-follow-us/follow.html %} -
    -
    -

    Télécharger le thème GCWeb v15.4.0
    +

    Télécharger le thème GCWeb v15.5.0
    ( - Note de version)

    diff --git a/package-lock.json b/package-lock.json index 0ac10da34a..658feb8b6d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "15.4.0", + "version": "15.5.0", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index f33c03d5e4..abc41d83cb 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "15.4.0", + "version": "15.5.0", "description": "Web Experience Toolkit (WET): Canada.ca Theme Reorg", "main": "index.html", "scripts": { From 887f387f7c72e95676173a1fc829828055398686 Mon Sep 17 00:00:00 2001 From: Garneauma Date: Fri, 16 Aug 2024 09:56:16 -0400 Subject: [PATCH 14/15] Content - gc-servinfo & gc-most-requested: content update (#2417) --- _data/components.json | 14 +- _data/wet-boew.json | 1317 ++++++++++++++++- .../gc-most-requested/gc-most-requested.html | 4 +- _includes/components/gc-srvinfo/2col.html | 8 +- .../gc-srvinfo/3col-hidden-title.html | 4 +- .../gc-srvinfo/with-embed-col-pull.html | 8 +- .../gc-most-requested-bad-fr.html | 24 +- components/gc-most-requested/index.json-ld | 2 +- .../samples/gc-most-requested.html | 4 +- components/gc-srvinfo/gc-srvinfo-en.html | 224 +-- components/gc-srvinfo/gc-srvinfo-fr.html | 224 +-- components/gc-srvinfo/index.json-ld | 12 +- components/gc-srvinfo/samples/2col.html | 8 +- .../gc-srvinfo/samples/3col-hidden-title.html | 4 +- .../samples/with-embed-col-pull.html | 8 +- 15 files changed, 1534 insertions(+), 331 deletions(-) diff --git a/_data/components.json b/_data/components.json index 1c5b0cb077..92630e7b9e 100644 --- a/_data/components.json +++ b/_data/components.json @@ -1508,7 +1508,7 @@ { "@type": "source-code", "description": "Exemple de code :", - "code": "
    \n\t
    \n\t\t

    En demande

    \n\t\t\n\t
    \n
    " + "code": "
    \n\t
    \n\t\t

    En demande

    \n\t\t\n\t
    \n
    " } ] } @@ -1709,13 +1709,13 @@ "@type": "source-code", "collapsed": true, "description": "Code sample for 3 columns layout", - "code": "
    \n\t

    Services and information

    \n\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t
    \n
    " + "code": "
    \n\t

    Services and information

    \n\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t
    \n
    " }, { "@type": "source-code", "collapsed": true, "description": "Code sample for 2 columns layout", - "code": "
    \n\t

    Services and information

    \n\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t
    \n
    " + "code": "
    \n\t

    Services and information

    \n\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t
    \n
    " } ], "fr": [ @@ -1723,13 +1723,13 @@ "@type": "source-code", "collapsed": true, "description": "Exemple de code pour la disposition sur 3 colonnes", - "code": "
    \n\t

    Services et renseignements

    \n\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t
    \n
    " + "code": "
    \n\t

    Services et renseignements

    \n\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t
    \n
    " }, { "@type": "source-code", "collapsed": true, "description": "Exemple de code pour la disposition sur 2 colonnes", - "code": "
    \n\t

    Services et renseignements

    \n\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t
    \n
    " + "code": "
    \n\t

    Services et renseignements

    \n\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t
    \n
    " } ] } @@ -1747,7 +1747,7 @@ "@type": "source-code", "@language": "en", "description": "Code sample", - "code": "
    \n\t

    Services and information

    \n\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t
    \n
    " + "code": "
    \n\t

    Services and information

    \n\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t
    \n
    " } ] }, @@ -1763,7 +1763,7 @@ "@type": "source-code", "@language": "en", "description": "Code sample", - "code": "
    \n\t

    Services and information

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t\t

    [Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.]

    \n\t\t\t
    \n\t\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t\t

    [Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.]

    \n\t\t\t
    \n\t\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t\t

    [Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.]

    \n\t\t\t
    \n\t\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t\t

    [Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.]

    \n\t\t\t
    \n\t\t
    \n\t
    \n
    " + "code": "
    \n\t

    Services and information

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Hyperlink text]

    \n\t\t\t\t

    [Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to]

    \n\t\t\t
    \n\t\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Hyperlink text]

    \n\t\t\t\t

    [Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to]

    \n\t\t\t
    \n\t\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Hyperlink text]

    \n\t\t\t\t

    [Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to]

    \n\t\t\t
    \n\t\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Hyperlink text]

    \n\t\t\t\t

    [Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to]

    \n\t\t\t
    \n\t\t
    \n\t
    \n
    " } ] }, diff --git a/_data/wet-boew.json b/_data/wet-boew.json index d0e56f9068..ccb6b2e70e 100644 --- a/_data/wet-boew.json +++ b/_data/wet-boew.json @@ -137,6 +137,92 @@ ] } } +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Charts and Graphs", + "fr": "Graphiques" + }, + "description": { + "en": "Dynamically generates charts and graphs from table data", + "fr": "Génère dynamiquement des graphiques et des diagrammes à partir des données de tableaux" + }, + "modified": "2024-07-10", + "componentName": "charts", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Charts and graphs - Simple and easy", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/charts-en.html" + }, + { + "title": "Graphiques - Simple", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/charts-fr.html" + }, + { + "title": "Charts and graphs - Customization", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/custom-en.html" + }, + { + "title": "Graphiques - Personalisation", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/custom-fr.html" + }, + { + "title": "Charts and graphs - Labels and reference values", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/labelsandreferencevalue-en.html" + }, + { + "title": "Graphiques - Étiquettage et la valeur de référence", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/labelsandreferencevalue-fr.html" + }, + { + "title": "Charts and graphs - Customizing pie charts", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/piecustom-en.html" + }, + { + "title": "Graphiques - Personalisation de diagramme circulaire", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/piecustom-fr.html" + }, + { + "title": "Charts and graphs - Specific test cases", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/testing-en.html" + }, + { + "title": "Graphiques - Scénarios d'essai spécifiques", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/testing-fr.html" + } + ], + "docs": [ + { + "title": "Charts and graphs - Simple and easy", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/charts/charts-en.html" + }, + { + "title": "Graphiques - Simple", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/charts/charts-fr.html" + } + ] + } +} ,{ "@context": { "@version": 1.1, @@ -413,6 +499,212 @@ ] } } +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Details closed", + "fr": "Details fermé" + }, + "description": { + "en": "Keep selected details elements closed on defined viewport and down if they were not engaged, default is small", + "fr": "Maintient les éléments de détails sélectionnés fermés sur le viewport défini et en dessous s'ils n'ont pas été utilisés, par défaut sur petit" + }, + "modified": "2024-05-16", + "componentName": "details-close", + "status": "provisional", + "pages": { + "examples": [ + { + "title": "Details closed", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/details-close/details-close-en.html" + }, + { + "title": "Details fermé", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/details-close/details-close-fr.html" + } + ], + "docs": [ + { + "title": "Details closed", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/details-close/details-close-en.html" + }, + { + "title": "Details fermé", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/details-close/details-close-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Dismissable content", + "fr": "Contenu écartable" + }, + "description": { + "en": "Make content dismissable by users", + "fr": "Permettre aux utilisateurs d'écarter certains contenus" + }, + "modified": "2024-05-16", + "componentName": "dismissable-content", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Dismissable content", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/dismissable-content/dismissable-content-en.html" + }, + { + "title": "Contenu écartable", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/dismissable-content/dismissable-content-fr.html" + } + ], + "docs": [ + { + "title": "Dismissable content", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/dismissable-content/dismissable-content-en.html" + }, + { + "title": "Contenu écartable", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/dismissable-content/dismissable-content-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Equal height", + "fr": "Égalisation des hauteurs" + }, + "description": { + "en": "Equalises the height of elements that are on the same baseline", + "fr": "Égalise la hauteur d'éléments étant sur la même ligne de base" + }, + "modified": "2024-07-10", + "componentName": "equalheight", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Equal height (pure CSS)", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/eqht-css/eqht-css-en.html" + }, + { + "title": "Égalisation des hauteurs (pure CSS)", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/eqht-css/eqht-css-fr.html" + }, + { + "title": "Equal height", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/equalheight/equalheight-en.html" + }, + { + "title": "Égalisation des hauteurs", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/equalheight/equalheight-fr.html" + } + ], + "docs": [ + { + "title": "Equal height", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/equalheight/equalheight-en.html" + }, + { + "title": "Égalisation des hauteurs", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/equalheight/equalheight-fr.html" + } + ], + "other": [ + { + "title": "Equal height (pure CSS)", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/eqht-css/eqht-css-en.html" + }, + { + "title": "Égalisation des hauteurs (pure CSS)", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/eqht-css/eqht-css-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Exit script", + "fr": "Sortie de navigation avisé" + }, + "description": { + "en": "Redirects users to another site", + "fr": "Aviser l'utilisateur d'une redirection vers un autre site" + }, + "modified": "2024-05-16", + "componentName": "exitscript", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Exit script", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/exitscript/exitscript-en.html" + }, + { + "title": "Sortie de navigation avisé", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/exitscript/exitscript-fr.html" + } + ], + "docs": [ + { + "title": "Exit script", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/exitscript/exitscript-en.html" + }, + { + "title": "Sortie de navigation avisé", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/exitscript/exitscript-fr.html" + } + ] + } +} ,{ "@context": { "@version": 1.1, @@ -590,49 +882,39 @@ "modified": "dct:modified" }, "title": { - "en": "Geomap", - "fr": "Géocarte" + "en": "Filter", + "fr": "Filtre" }, "description": { - "en": "Displays a dynamic map over which information from additional sources can be overlaid.", - "fr": "Affiche une carte dynamique sur laquelle des informations provenant de sources supplémentaires peuvent être superposées." + "en": "Filters through content and only show content that match a certain keyword", + "fr": "Filtre le contenu et affiche uniquement le contenu correspondant à un mot-clé spécifique" }, - "modified": "2024-07-12", - "componentName": "geomap", + "modified": "2024-05-17", + "componentName": "filter", "status": "stable", "pages": { "examples": [ { - "title": "Geomap", + "title": "Filter", "language": "en", - "path": "./geomap-en.html" - }, - { - "title": "Géocarte", - "language": "fr", - "path": "./geomap-fr.html" - }, - { - "title": "Geomap v4.0.30", - "language": "fr", - "path": "./geomap-v4.0.30-en.html" + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/filter/filter-en.html" }, { - "title": "Géocarte v4.0.30", + "title": "Filtre", "language": "fr", - "path": "./geomap-v4.0.30-fr.html" + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/filter/filter-fr.html" } ], "docs": [ { - "title": "Geomap", + "title": "Filter", "language": "en", - "url": "https://wet-boew.github.io/wet-boew/docs/ref/geomap/geomap-en.html" + "url": "https://wet-boew.github.io/wet-boew/docs/ref/filter/filter-en.html" }, { - "title": "Géocarte", + "title": "Filtre", "language": "fr", - "url": "https://wet-boew.github.io/wet-boew/docs/ref/geomap/geomap-fr.html" + "url": "https://wet-boew.github.io/wet-boew/docs/ref/filter/filter-fr.html" } ] } @@ -646,51 +928,40 @@ "modified": "dct:modified" }, "title": { - "en": "Tag filter", - "fr": "Filtre de balise" + "en": "Footnotes", + "fr": "Notes de bas de page" }, "description": { - "en": "Filters through content and show/hide content that match certain tags.", - "fr": "Filtre le contenu et affiche/masque le contenu qui correspond à certaines balises." + "en": "This plugin allows developers to easily embed footnotes into their Web pages, and helps to achieve WCAG 2.0 compliance when providing such footnotes", + "fr": "Ce plugin permet aux développeurs d'intégrer facilement des notes de bas de page dans leurs pages Web et contribue à atteindre la conformité WCAG 2.0 lors de la fourniture de ces notes" }, - "modified": "2024-05-01", - "componentName": "tagfilter", - "status": "provisional", + "modified": "2024-05-16", + "componentName": "footnotes", + "status": "stable", "pages": { "examples": [ { - "title": "Tag filter", + "title": "Footnotes", "language": "en", - "url": "https://wet-boew.github.io/wet-boew/demos/tagfilter/tagfilter-en.html" + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/footnotes/footnotes-en.html" }, { - "title": "Filtre de balise", + "title": "Notes de bas de page", "language": "fr", - "url": "https://wet-boew.github.io/wet-boew/demos/tagfilter/tagfilter-fr.html" + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/footnotes/footnotes-fr.html" } ], "docs": [ { - "title": "Tag filter", - "language": "en", - "url": "https://wet-boew.github.io/wet-boew/docs/ref/tagfilter/tagfilter-en.html" - }, - { - "title": "Filtre de balise", - "language": "fr", - "url": "https://wet-boew.github.io/wet-boew/docs/ref/tagfilter/tagfilter-fr.html" - } - ], - "reports": [ - { - "title": "Accessibility assessment #1 - Tag filter", + "title": "Footnotes", "language": "en", - "path": "reports/a11y-1-en.html" + "url": "https://wet-boew.github.io/wet-boew/docs/ref/footnotes/footnotes-en.html" }, { - "title": "Assessment d'accessibilité #1 - Filtre de balise", + "title": "Notes de bas de page", "language": "fr", - "path": "reports/a11y-1-fr.html" + "url": "https://wet-boew.github.io/wet-boew/docs/ref/footnotes/footnotes-fr.html" } ] } @@ -704,15 +975,763 @@ "modified": "dct:modified" }, "title": { - "en": "Toggle", - "fr": "Basculer" + "en": "Form validation", + "fr": "Validation de formulaires" }, "description": { - "en": "Create an element that toggles elements between on and off states.", - "fr": "Plugiciel qui permet un lien à basculer des éléments entre les états activé et désactivé." + "en": "This component provides generic validation and error message handling for Web forms", + "fr": "Ce composant fournit une validation générique et une gestion des messages d'erreur pour les formulaires Web" }, - "modified": "2024-02-28", - "componentName": "toggle", + "modified": "2024-05-16", + "componentName": "formvalid", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Form validation", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/formvalid/formvalid-en.html" + }, + { + "title": "Validation de formulaires", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/formvalid/formvalid-fr.html" + } + ], + "docs": [ + { + "title": "Form validation", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/formvalid/formvalid-en.html" + }, + { + "title": "Validation de formulaires", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/formvalid/formvalid-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Geomap", + "fr": "Géocarte" + }, + "description": { + "en": "Displays a dynamic map over which information from additional sources can be overlaid.", + "fr": "Affiche une carte dynamique sur laquelle des informations provenant de sources supplémentaires peuvent être superposées." + }, + "modified": "2024-07-12", + "componentName": "geomap", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Geomap", + "language": "en", + "path": "./geomap-en.html" + }, + { + "title": "Géocarte", + "language": "fr", + "path": "./geomap-fr.html" + }, + { + "title": "Geomap v4.0.30", + "language": "fr", + "path": "./geomap-v4.0.30-en.html" + }, + { + "title": "Géocarte v4.0.30", + "language": "fr", + "path": "./geomap-v4.0.30-fr.html" + } + ], + "docs": [ + { + "title": "Geomap", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/geomap/geomap-en.html" + }, + { + "title": "Géocarte", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/geomap/geomap-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Lightbox", + "fr": "Lightbox" + }, + "description": { + "en": "Display images and other content in a dialog box, either individually or as part of a gallery. Implements the WAI-ARIA Dialog (Modal) design pattern", + "fr": "Afficher des images et d'autres contenus dans une boîte de dialogue, soit individuellement ou comme partie d'une galerie. Implémente le modèle de conception WAI-ARIA Dialog (Modal)" + }, + "modified": "2024-05-17", + "componentName": "lightbox", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Lightbox", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/lightbox/lightbox-en.html" + }, + { + "title": "Lightbox", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/lightbox/lightbox-fr.html" + } + ], + "docs": [ + { + "title": "Lightbox", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/lightbox/lightbox-en.html" + }, + { + "title": "Lightbox", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/lightbox/lightbox-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Menu", + "fr": "Menu" + }, + "description": { + "en": "Provides an interactive menu with optional sub-menus. Implements the WAI-ARIA menu design pattern", + "fr": "Fournit un menu interactif avec des sous-menus facultatifs. Implémente le modèle de conception de menu WAI-ARIA" + }, + "modified": "2024-07-10", + "componentName": "menu", + "status": "stable", + "pages": { + "docs": [ + { + "title": "Menu", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/menu/menu-en.html" + }, + { + "title": "Menu", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/menu/menu-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Multimedia", + "fr": "Multimédia" + }, + "description": { + "en": "Provides an accessible multimedia player for embedding video and audio into web pages", + "fr": "Fournit un lecteur multimédia accessible pour intégrer des vidéos et de l'audio dans les pages web" + }, + "modified": "2024-07-10", + "componentName": "multimedia", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Multimedia Player - Video", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-en.html" + }, + { + "title": "Lecteur multimédia - Vidéo", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-fr.html" + }, + { + "title": "Multimedia Player - Audio-only", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-audio-en.html" + }, + { + "title": "Lecteur multimédia - Audio seulement", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-audio-fr.html" + }, + { + "title": "Multimedia Player - Youtube", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-youtube-en.html" + }, + { + "title": "Lecteur multimédia - Youtube", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-youtube-fr.html" + } + ], + "docs": [ + { + "title": "Multimedia Player", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/multimedia/multimedia-en.html" + }, + { + "title": "Lecteur multimédia", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/multimedia/multimedia-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Overlay", + "fr": "Contenu superposé" + }, + "description": { + "en": "A flexible, responsive overlay plugin. Implements the WAI-ARIA Dialog (Modal) design pattern", + "fr": "Un plugin de superposition flexible et réactif. Implémente le modèle de conception WAI-ARIA Dialog (Modal)" + }, + "modified": "2024-05-16", + "componentName": "overlay", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Overlay", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/overlay/overlay-en.html" + }, + { + "title": "Contenu superposé", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/overlay/overlay-fr.html" + } + ], + "docs": [ + { + "title": "Overlay", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/overlay/overlay-en.html" + }, + { + "title": "Contenu superposé", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/overlay/overlay-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Paginate", + "fr": "Paginer" + }, + "description": { + "en": "Adds pagination at the bottom of a list of items", + "fr": "Ajoute une pagination en bas d'une liste d'éléments" + }, + "modified": "2024-07-10", + "componentName": "paginate", + "status": "provisional", + "pages": { + "examples": [ + { + "title": "Paginate", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/paginate/paginate-en.html" + }, + { + "title": "Paginer", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/paginate/paginate-fr.html" + } + ], + "docs": [ + { + "title": "Paginate", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/paginate/paginate-en.html" + }, + { + "title": "Paginer", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/paginate/paginate-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Prettify", + "fr": "Prettify" + }, + "description": { + "en": "Syntax highlighting of source code snippets in an html page using google-code-prettify", + "fr": "Mise en surbrillance de la syntaxe des extraits de code source dans une page HTML en utilisant google-code-prettify" + }, + "modified": "2024-05-16", + "componentName": "prettify", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Prettify", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/prettify/prettify-en.html" + }, + { + "title": "Prettify", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/prettify/prettify-fr.html" + } + ], + "docs": [ + { + "title": "Prettify", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/prettify/prettify-en.html" + }, + { + "title": "Prettify", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/prettify/prettify-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Session Timeout", + "fr": "Expiration de la session" + }, + "description": { + "en": "Create a session inactivity timeout that warns users when their session is about to expire", + "fr": "Crée un délai d'expiration d'inactivité de session qui avertit les utilisateurs lorsque leur session est sur le point d'expirer" + }, + "modified": "2024-07-10", + "componentName": "session-timeout", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Session Timeout", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/session-timeout/session-timeout-en.html" + }, + { + "title": "Expiration de la session", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/session-timeout/session-timeout-fr.html" + } + ], + "docs": [ + { + "title": "Session Timeout", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/session-timeout/session-timeout-en.html" + }, + { + "title": "Expiration de la session", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/session-timeout/session-timeout-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Share", + "fr": "Gadget de partage" + }, + "description": { + "en": "Enables users to quickly share content with their networks", + "fr": "Permet aux utilisateurs de partager rapidement du contenu avec leurs réseaux" + }, + "modified": "2024-07-10", + "componentName": "share", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Share widget", + "language": "en", + "type": "general", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/share/share-en.html" + }, + { + "title": "Gadget de partage", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/share/share-fr.html" + } + ], + "docs": [ + { + "title": "Share widget", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/share/share-en.html" + }, + { + "title": "Gadget de partage", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/share/share-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Steps Form", + "fr": "Formulaire à étapes" + }, + "description": { + "en": "This component provides the ability to break a form into steps", + "fr": "Offre la possibilité de diviser un formulaire en différentes étapes (sans ou avec validation de formulaire)" + }, + "modified": "2024-05-17", + "componentName": "stepsform", + "status": "provisional", + "pages": { + "examples": [ + { + "title": "Steps Form", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/stepsform/stepsform-en.html" + }, + { + "title": "Formulaire à étapes", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/stepsform/stepsform-fr.html" + } + ], + "docs": [ + { + "title": "Steps Form", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/stepsform/stepsform-en.html" + }, + { + "title": "Formulaire à étapes", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/stepsform/stepsform-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Tables", + "fr": "Tables" + }, + "description": { + "en": "Integrates the DataTables plugin into WET providing searching, sorting, filtering, pagination and other advanced features for tables", + "fr": "Ajoute des fonctionnalités aux tableaux telles que la recherche, le tri, le filtrage et la pagination" + }, + "modified": "2024-05-17", + "componentName": "tables", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Tables", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tables/tables-en.html" + }, + { + "title": "Tables", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tables/tables-fr.html" + }, + { + "title": "Table Filters", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tables/tables-fltrs-en.html" + }, + { + "title": "Table Filters", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tables/tables-fltrs-fr.html" + } + ], + "docs": [ + { + "title": "Tables", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/tables/tables-en.html" + }, + { + "title": "Tables", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/tables/tables-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Tabbed Interface", + "fr": "Interface à onglets" + }, + "description": { + "en": "Dynamically stacks multiple sections of content, transforming them into a tabbed interface", + "fr": "Empile dynamiquement plusieurs sections de contenu, les transformant en une interface à onglets" + }, + "modified": "2024-05-17", + "componentName": "tabs", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Tabbed Interface", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tabs/tabs-en.html" + }, + { + "title": "Interface à onglets", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tabs/tabs-fr.html" + }, + { + "title": "Tabbed Interface - Carousel", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tabs/tabs-carousel-en.html" + }, + { + "title": "Interface à onglets - Carrousel", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tabs/tabs-carousel-fr.html" + } + ], + "docs": [ + { + "title": "Tabbed Interface", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/tabs/tabs-en.html" + }, + { + "title": "Interface à onglets", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/tabs/tabs-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Tag filter", + "fr": "Filtre de balise" + }, + "description": { + "en": "Filters through content and show/hide content that match certain tags.", + "fr": "Filtre le contenu et affiche/masque le contenu qui correspond à certaines balises." + }, + "modified": "2024-05-01", + "componentName": "tagfilter", + "status": "provisional", + "pages": { + "examples": [ + { + "title": "Tag filter", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/demos/tagfilter/tagfilter-en.html" + }, + { + "title": "Filtre de balise", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/demos/tagfilter/tagfilter-fr.html" + } + ], + "docs": [ + { + "title": "Tag filter", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/tagfilter/tagfilter-en.html" + }, + { + "title": "Filtre de balise", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/tagfilter/tagfilter-fr.html" + } + ], + "reports": [ + { + "title": "Accessibility assessment #1 - Tag filter", + "language": "en", + "path": "reports/a11y-1-en.html" + }, + { + "title": "Assessment d'accessibilité #1 - Filtre de balise", + "language": "fr", + "path": "reports/a11y-1-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Text highlighting", + "fr": "Mise en surbrillance de texte" + }, + "description": { + "en": "Highlights any text within a pre-defined area that matches case-insensitive search criteria", + "fr": "Met en surbrillance n'importe quel texte dans un secteur pré-défini qui satisfait des critères de recherche" + }, + "modified": "2024-05-17", + "componentName": "texthighlight", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Text highlighting", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/texthighlight/texthighlight-en.html" + }, + { + "title": "Mise en surbrillance de texte", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/texthighlight/texthighlight-fr.html" + } + ], + "docs": [ + { + "title": "Text highlighting", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/texthighlight/texthighlight-en.html" + }, + { + "title": "Mise en surbrillance de texte", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/texthighlight/texthighlight-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Toggle", + "fr": "Basculer" + }, + "description": { + "en": "Create an element that toggles elements between on and off states.", + "fr": "Plugiciel qui permet un lien à basculer des éléments entre les états activé et désactivé." + }, + "modified": "2024-02-28", + "componentName": "toggle", "status": "stable", "pages": { "examples": [ @@ -753,6 +1772,52 @@ ] } } +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "X (Twitter)", + "fr": "X (Twitter)" + }, + "description": { + "en": "Helps with implementing Twitter embedded timelines", + "fr": "Aide à implémenter les timelines Twitter intégrées" + }, + "modified": "2024-05-17", + "componentName": "twitter", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Twitter", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/twitter/twitter-en.html" + }, + { + "title": "Twitter", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/twitter/twitter-fr.html" + } + ], + "docs": [ + { + "title": "Twitter", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/twitter/twitter-en.html" + }, + { + "title": "Twitter", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/twitter/twitter-fr.html" + } + ] + } +} ,{ "@context": { "@version": 1.1, @@ -809,6 +1874,52 @@ ] } } +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Basic HTML", + "fr": "HTML simplifié" + }, + "description": { + "en": "Enable Basic HTML Mode on any given page to simplify the readability of the page by executing the bare minimum DOM manipulations", + "fr": "Activer le mode HTML de base sur une page donnée pour simplifier la lisibilité de la page en exécutant le strict minimum de manipulations du DOM" + }, + "modified": "2024-05-17", + "componentName": "wb-disable", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Basic HTML", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-disable/wb-disable-en.html" + }, + { + "title": "HTML simplifié", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-disable/wb-disable-fr.html" + } + ], + "docs": [ + { + "title": "Basic HTML", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-disable/wb-disable-en.html" + }, + { + "title": "HTML simplifié", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-disable/wb-disable-fr.html" + } + ] + } +} ,{ "@context": { "@version": 1.1, @@ -865,6 +1976,98 @@ ] } } +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Postback", + "fr": "Envoie de formulaire via Ajax" + }, + "description": { + "en": "Submit web form through AJAX call", + "fr": "Soumission de formulaire via une requête Ajax" + }, + "modified": "2024-05-17", + "componentName": "wb-postback", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Postback", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-postback/wb-postback-en.html" + }, + { + "title": "Envoie de formulaire via Ajax", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-postback/wb-postback-fr.html" + } + ], + "docs": [ + { + "title": "Postback", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-postback/wb-postback-en.html" + }, + { + "title": "Envoie de formulaire via Ajax", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-postback/wb-postback-fr.html" + } + ] + } +} +,{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Randomize", + "fr": "Aléatoire" + }, + "description": { + "en": "Randomly picks one of the child elements", + "fr": "Choisi un des éléments enfant aléatoirement" + }, + "modified": "2024-05-17", + "componentName": "wb-randomize", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Randomize", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-randomize/wb-randomize-en.html" + }, + { + "title": "Aléatoire", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-randomize/wb-randomize-fr.html" + } + ], + "docs": [ + { + "title": "Randomize", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-randomize/wb-randomize-en.html" + }, + { + "title": "Aléatoire", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-randomize/wb-randomize-fr.html" + } + ] + } +} ,{ "@context": { "@version": 1.1, diff --git a/_includes/components/gc-most-requested/gc-most-requested.html b/_includes/components/gc-most-requested/gc-most-requested.html index 8cf19aae51..8796902f74 100644 --- a/_includes/components/gc-most-requested/gc-most-requested.html +++ b/_includes/components/gc-most-requested/gc-most-requested.html @@ -6,8 +6,8 @@

    {% if page.language == "en" %}Most requested{% else %}En demande{% endif %}<
  • [{% if page.language == "en" %}Top task hyperlink{% else %}Lien vers une tâche principale{% endif %} 2]
  • [{% if page.language == "en" %}Top task hyperlink{% else %}Lien vers une tâche principale{% endif %} 3]
  • [{% if page.language == "en" %}Top task hyperlink{% else %}Lien vers une tâche principale{% endif %} 4]
    • -
  • [{% if page.language == "en" %}Top task hyperlink with a very long task name than spans over two lines{% else %}Lien vers une tâche principale avec un nom de tâche très long qui s'étend sur deux lignes{% endif %} 5]
    • -
  • [{% if page.language == "en" %}Top task hyperlink with a very long task name than spans over two lines{% else %}Lien vers une tâche principale avec un nom de tâche très long qui s'étend sur deux lignes{% endif %} 6]
    • +
  • [{% if page.language == "en" %}Top task hyperlink with a very long task name that spans over two lines{% else %}Lien vers une tâche principale avec un nom de tâche très long qui s'étend sur deux lignes{% endif %} 5]
    • +
  • [{% if page.language == "en" %}Top task hyperlink with a very long task name that spans over two lines{% else %}Lien vers une tâche principale avec un nom de tâche très long qui s'étend sur deux lignes{% endif %} 6]

    • diff --git a/_includes/components/gc-srvinfo/2col.html b/_includes/components/gc-srvinfo/2col.html index 1c91eeb5e8..ea0fa28026 100644 --- a/_includes/components/gc-srvinfo/2col.html +++ b/_includes/components/gc-srvinfo/2col.html @@ -25,13 +25,13 @@

    {%- if page.language == "en" -%}
    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    {%- else -%}
    -

    [Lien à un sous-sujet]

    -

    Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    {%- endif -%} diff --git a/_includes/components/gc-srvinfo/3col-hidden-title.html b/_includes/components/gc-srvinfo/3col-hidden-title.html index 15df1bd7c0..9b68476426 100644 --- a/_includes/components/gc-srvinfo/3col-hidden-title.html +++ b/_includes/components/gc-srvinfo/3col-hidden-title.html @@ -14,8 +14,8 @@

    Services and information

    {%- for i in (1..9) -%}
    -

    {% if page.language == "en" %}[Hyperlink text]{% else %}[Lien hypertexte]{% endif %}

    -

    {% if page.language == "en" %}Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to.{% else %}Utilisez des verbes d'action ou répertoriez simplement des mots-clés pour résumer les informations ou les tâches qui peuvent être accomplies sur la page à laquelle elles renvoient.{% endif %}

    +

    {% if page.language == "en" %}[Hyperlink text]{% else %}[Texte de l'hyperlien]{% endif %}

    +

    {% if page.language == "en" %}Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to{% else %}Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée{% endif %}

    {%- endfor -%}
    diff --git a/_includes/components/gc-srvinfo/with-embed-col-pull.html b/_includes/components/gc-srvinfo/with-embed-col-pull.html index 8d651ee288..0de36d9a91 100644 --- a/_includes/components/gc-srvinfo/with-embed-col-pull.html +++ b/_includes/components/gc-srvinfo/with-embed-col-pull.html @@ -26,13 +26,13 @@

    {%- if page.language == "en" -%}
    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    {%- else -%}
    -

    [Lien à un sous-sujet]

    -

    Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    {%- endif -%} diff --git a/components/gc-most-requested/gc-most-requested-bad-fr.html b/components/gc-most-requested/gc-most-requested-bad-fr.html index 1832e77d0c..92da2e6997 100644 --- a/components/gc-most-requested/gc-most-requested-bad-fr.html +++ b/components/gc-most-requested/gc-most-requested-bad-fr.html @@ -18,12 +18,12 @@

    En demande

    @@ -36,12 +36,12 @@

    En demande

    <div class="container"> <h2>En demande</h2> <ul> - <li><a href="#">[Tâche principale 1]</a></li> - <li><a href="#">[Tâche principale 2]</a></li> - <li><a href="#">[Tâche principale 3]</a></li> - <li><a href="#">[Tâche principale 4]</a></li> - <li><a href="#">[Tâche principale 5]</a></li> - <li><a href="#">[Tâche principale 6]</a></li> + <li><a href="#">[Lien vers une tâche principale 1]</a></li> + <li><a href="#">[Lien vers une tâche principale 2]</a></li> + <li><a href="#">[Lien vers une tâche principale 3]</a></li> + <li><a href="#">[Lien vers une tâche principale 4]</a></li> + <li><a href="#">[Lien vers une tâche principale 5]</a></li> + <li><a href="#">[Lien vers une tâche principale 6]</a></li> </ul> </div> </section> diff --git a/components/gc-most-requested/index.json-ld b/components/gc-most-requested/index.json-ld index f237fdd224..0e040c9ab1 100644 --- a/components/gc-most-requested/index.json-ld +++ b/components/gc-most-requested/index.json-ld @@ -138,7 +138,7 @@ { "@type": "source-code", "description": "Exemple de code :", - "code": "
    \n\t
    \n\t\t

    En demande

    \n\t\t\n\t
    \n
    " + "code": "
    \n\t
    \n\t\t

    En demande

    \n\t\t\n\t
    \n
    " } ] } diff --git a/components/gc-most-requested/samples/gc-most-requested.html b/components/gc-most-requested/samples/gc-most-requested.html index 8cf19aae51..8796902f74 100644 --- a/components/gc-most-requested/samples/gc-most-requested.html +++ b/components/gc-most-requested/samples/gc-most-requested.html @@ -6,8 +6,8 @@

    {% if page.language == "en" %}Most requested{% else %}En demande{% endif %}<
  • [{% if page.language == "en" %}Top task hyperlink{% else %}Lien vers une tâche principale{% endif %} 2]
  • [{% if page.language == "en" %}Top task hyperlink{% else %}Lien vers une tâche principale{% endif %} 3]
  • [{% if page.language == "en" %}Top task hyperlink{% else %}Lien vers une tâche principale{% endif %} 4]
    • -
  • [{% if page.language == "en" %}Top task hyperlink with a very long task name than spans over two lines{% else %}Lien vers une tâche principale avec un nom de tâche très long qui s'étend sur deux lignes{% endif %} 5]
    • -
  • [{% if page.language == "en" %}Top task hyperlink with a very long task name than spans over two lines{% else %}Lien vers une tâche principale avec un nom de tâche très long qui s'étend sur deux lignes{% endif %} 6]
    • +
  • [{% if page.language == "en" %}Top task hyperlink with a very long task name that spans over two lines{% else %}Lien vers une tâche principale avec un nom de tâche très long qui s'étend sur deux lignes{% endif %} 5]
    • +
  • [{% if page.language == "en" %}Top task hyperlink with a very long task name that spans over two lines{% else %}Lien vers une tâche principale avec un nom de tâche très long qui s'étend sur deux lignes{% endif %} 6]
    • diff --git a/components/gc-srvinfo/gc-srvinfo-en.html b/components/gc-srvinfo/gc-srvinfo-en.html index fc3caa5b66..906e708b0f 100644 --- a/components/gc-srvinfo/gc-srvinfo-en.html +++ b/components/gc-srvinfo/gc-srvinfo-en.html @@ -23,28 +23,28 @@

    Example 1: 3 columns pattern

    Services and information

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    @@ -53,28 +53,28 @@

    Code

    <h2>Services and information</h2> <div class="wb-eqht row"> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </div> </div> </section> @@ -84,20 +84,20 @@

    Example 2: 2 columns pattern

    Services and information

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    @@ -106,20 +106,20 @@

    Code

    <h2>Services and information</h2> <div class="wb-eqht row"> <div class="col-md-6"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </div> <div class="col-md-6"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </div> <div class="col-md-6"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </div> <div class="col-md-6"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </div> </div> </section> @@ -127,21 +127,21 @@

    Code

    Example 3: Doormat links in single column pattern

    Services and information

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    Code

    <section class="gc-srvinfo">
-	<h3><a href="#">[Subtopic hyperlink text]</a></h3>
-	<p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p>
-	<h3><a href="#">[Subtopic hyperlink text]</a></h3>
-	<p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p>
-	<h3><a href="#">[Subtopic hyperlink text]</a></h3>
-	<p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p>
+	<h3><a href="#">[Hyperlink text]</a></h3>
+	<p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+	<h3><a href="#">[Hyperlink text]</a></h3>
+	<p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+	<h3><a href="#">[Hyperlink text]</a></h3>
+	<p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
 </section>

    Example 4: Sequential doormat links in single column pattern

    @@ -149,16 +149,16 @@

    Example 4: Sequential doormat links in single column pattern

    Services and information

    1. -

      [Subtopic hyperlink text]

      -

      Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

      +

      [Hyperlink text]

      +

      Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    2. -

      [Subtopic hyperlink text]

      -

      Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

      +

      [Hyperlink text]

      +

      Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    3. -

      [Subtopic hyperlink text]

      -

      Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

      +

      [Hyperlink text]

      +

      Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    @@ -167,16 +167,16 @@

    Code

    <h2>Services and information</h2> <ol> <li> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </li> <li> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </li> <li> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </li> </ol> </section> @@ -186,16 +186,16 @@

    Example 5: Doormat links in 3 columns grouped with headings pattern

    Services for Canadians in Canada

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    @@ -203,16 +203,16 @@

    [Subtopic hyperlink text]

    Services for Canadians abroad

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    @@ -221,16 +221,16 @@

    Code

    <h2>Services for Canadians in Canada</h2> <div class="wb-eqht row"> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs. </p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to </p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs. </p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to </p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs. </p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to </p> </div> </div> </section> @@ -239,16 +239,16 @@

    Code

    <h2>Services for Canadians abroad</h2> <div class="wb-eqht row"> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs. </p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to </p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs. </p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to </p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs. </p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to </p> </div> </div> </section> @@ -258,28 +258,28 @@

    Example 6: 3 columns pattern with invisible header

    Services and information

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    @@ -288,28 +288,28 @@

    Code

    <h2 class="wb-inv">Services and information</h2> <div class="wb-eqht row"> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Subtopic hyperlink text]</a></h3> - <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p> + <h3><a href="#">[Hyperlink text]</a></h3> + <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p> </div> </div> </section> diff --git a/components/gc-srvinfo/gc-srvinfo-fr.html b/components/gc-srvinfo/gc-srvinfo-fr.html index c6cc3243cb..b6e9bf2411 100644 --- a/components/gc-srvinfo/gc-srvinfo-fr.html +++ b/components/gc-srvinfo/gc-srvinfo-fr.html @@ -23,28 +23,28 @@

    Exemple 1: disposition sur 3 colonnes

    Services et renseignements

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    @@ -54,28 +54,28 @@

    Code

    <h2>Services et renseignements</h2> <div class="wb-eqht row"> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </div> </div> </section> @@ -85,20 +85,20 @@

    Exemple 2: disposition sur 2 colonnes

    Services et renseignements

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    @@ -108,20 +108,20 @@

    Code

    <h2>Services et renseignements</h2> <div class="wb-eqht row"> <div class="col-md-6"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </div> <div class="col-md-6"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </div> <div class="col-md-6"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </div> <div class="col-md-6"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </div> </div> </section> @@ -129,21 +129,21 @@

    Code

    Exemple 3: disposition sur 1 colonne

    Services et renseignements

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    Code

    <section class="gc-srvinfo">
-	<h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3>
-	<p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p>
-	<h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3>
-	<p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p>
-	<h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3>
-	<p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p>
+	<h3><a href="#">[Texte de l'hyperlien]</a></h3>
+	<p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+	<h3><a href="#">[Texte de l'hyperlien]</a></h3>
+	<p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+	<h3><a href="#">[Texte de l'hyperlien]</a></h3>
+	<p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
 </section>

    Exemple 4: liens séquentiels avec disposition sur 1 colonne

    @@ -151,16 +151,16 @@

    Exemple 4: liens séquentiels avec disposition sur 1 colonne

    Services et renseignements

    1. -

      [Texte de l'hyperlien du sous-thème]

      -

      Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

      +

      [Texte de l'hyperlien]

      +

      Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    2. -

      [Texte de l'hyperlien du sous-thème]

      -

      Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

      +

      [Texte de l'hyperlien]

      +

      Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    3. -

      [Texte de l'hyperlien du sous-thème]

      -

      Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

      +

      [Texte de l'hyperlien]

      +

      Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    @@ -169,16 +169,16 @@

    Code

    <h2>Services et renseignements</h2> <ol> <li> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </li> <li> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </li> <li> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </li> </ol> </section> @@ -188,16 +188,16 @@

    Exemple 5: disposition groupée avec titres, sur 3 colonnes

    Services pour les Canadiens au Canada

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    @@ -205,16 +205,16 @@

    [Texte de l'hyperlien du sous-thème]

    Services pour les Canadiens à l'étranger

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    @@ -223,16 +223,16 @@

    Code

    <h2>Services for Canadians in Canada</h2> <div class="wb-eqht row"> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action. </p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée </p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action. </p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée </p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action. </p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée </p> </div> </div> </section> @@ -241,16 +241,16 @@

    Code

    <h2>Services for Canadians abroad</h2> <div class="wb-eqht row"> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action. </p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée </p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action. </p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée </p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action. </p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée </p> </div> </div> </section> @@ -260,28 +260,28 @@

    Exemple 6: disposition sur 3 colonnes avec en-tête invisible

    Services et renseignements

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    -

    [Texte de l'hyperlien du sous-thème]

    -

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    @@ -291,28 +291,28 @@

    Code

    <h2 class="wb-inv">Services et renseignements</h2> <div class="wb-eqht row"> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </div> <div class="col-md-6 col-lg-4"> - <h3><a href="#">[Texte de l'hyperlien du sous-thème]</a></h3> - <p>Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.</p> + <h3><a href="#">[Texte de l'hyperlien]</a></h3> + <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p> </div> </div> </section> diff --git a/components/gc-srvinfo/index.json-ld b/components/gc-srvinfo/index.json-ld index 884def5caf..216b93378b 100644 --- a/components/gc-srvinfo/index.json-ld +++ b/components/gc-srvinfo/index.json-ld @@ -144,13 +144,13 @@ "@type": "source-code", "collapsed": true, "description": "Code sample for 3 columns layout", - "code": "
    \n\t

    Services and information

    \n\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t
    \n
    " + "code": "
    \n\t

    Services and information

    \n\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t
    \n
    " }, { "@type": "source-code", "collapsed": true, "description": "Code sample for 2 columns layout", - "code": "
    \n\t

    Services and information

    \n\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t
    \n
    " + "code": "
    \n\t

    Services and information

    \n\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t
    \n
    " } ], "fr": [ @@ -158,13 +158,13 @@ "@type": "source-code", "collapsed": true, "description": "Exemple de code pour la disposition sur 3 colonnes", - "code": "
    \n\t

    Services et renseignements

    \n\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t
    \n
    " + "code": "
    \n\t

    Services et renseignements

    \n\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t
    \n
    " }, { "@type": "source-code", "collapsed": true, "description": "Exemple de code pour la disposition sur 2 colonnes", - "code": "
    \n\t

    Services et renseignements

    \n\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien du sous-thème]

    \n\t\t\t

    Résumé des informations ou des tâches pouvant être accomplies sur la page du sous-thème. Supprimez la prose ou les messages promotionnels. Utilisez des verbes d'action.

    \n\t\t
    \n\t
    \n
    " + "code": "
    \n\t

    Services et renseignements

    \n\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Texte de l'hyperlien]

    \n\t\t\t

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    \n\t\t
    \n\t
    \n
    " } ] } @@ -182,7 +182,7 @@ "@type": "source-code", "@language": "en", "description": "Code sample", - "code": "
    \n\t

    Services and information

    \n\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    \n\t\t
    \n\t
    \n
    " + "code": "
    \n\t

    Services and information

    \n\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t\t
    \n\t\t\t

    [Hyperlink text]

    \n\t\t\t

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    \n\t\t
    \n\t
    \n
    " } ] }, @@ -198,7 +198,7 @@ "@type": "source-code", "@language": "en", "description": "Code sample", - "code": "
    \n\t

    Services and information

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t\t

    [Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.]

    \n\t\t\t
    \n\t\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t\t

    [Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.]

    \n\t\t\t
    \n\t\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t\t

    [Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.]

    \n\t\t\t
    \n\t\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Subtopic hyperlink text]

    \n\t\t\t\t

    [Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.]

    \n\t\t\t
    \n\t\t
    \n\t
    \n
    " + "code": "
    \n\t

    Services and information

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Hyperlink text]

    \n\t\t\t\t

    [Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to]

    \n\t\t\t
    \n\t\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Hyperlink text]

    \n\t\t\t\t

    [Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to]

    \n\t\t\t
    \n\t\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Hyperlink text]

    \n\t\t\t\t

    [Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to]

    \n\t\t\t
    \n\t\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t

    [Hyperlink text]

    \n\t\t\t\t

    [Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to]

    \n\t\t\t
    \n\t\t
    \n\t
    \n
    " } ] }, diff --git a/components/gc-srvinfo/samples/2col.html b/components/gc-srvinfo/samples/2col.html index 1c91eeb5e8..ea0fa28026 100644 --- a/components/gc-srvinfo/samples/2col.html +++ b/components/gc-srvinfo/samples/2col.html @@ -25,13 +25,13 @@

    {%- if page.language == "en" -%}
    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    {%- else -%}
    -

    [Lien à un sous-sujet]

    -

    Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    {%- endif -%} diff --git a/components/gc-srvinfo/samples/3col-hidden-title.html b/components/gc-srvinfo/samples/3col-hidden-title.html index 15df1bd7c0..9b68476426 100644 --- a/components/gc-srvinfo/samples/3col-hidden-title.html +++ b/components/gc-srvinfo/samples/3col-hidden-title.html @@ -14,8 +14,8 @@

    Services and information

    {%- for i in (1..9) -%}
    -

    {% if page.language == "en" %}[Hyperlink text]{% else %}[Lien hypertexte]{% endif %}

    -

    {% if page.language == "en" %}Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to.{% else %}Utilisez des verbes d'action ou répertoriez simplement des mots-clés pour résumer les informations ou les tâches qui peuvent être accomplies sur la page à laquelle elles renvoient.{% endif %}

    +

    {% if page.language == "en" %}[Hyperlink text]{% else %}[Texte de l'hyperlien]{% endif %}

    +

    {% if page.language == "en" %}Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to{% else %}Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée{% endif %}

    {%- endfor -%}
    diff --git a/components/gc-srvinfo/samples/with-embed-col-pull.html b/components/gc-srvinfo/samples/with-embed-col-pull.html index 8d651ee288..0de36d9a91 100644 --- a/components/gc-srvinfo/samples/with-embed-col-pull.html +++ b/components/gc-srvinfo/samples/with-embed-col-pull.html @@ -26,13 +26,13 @@

    {%- if page.language == "en" -%}
    -

    [Subtopic hyperlink text]

    -

    Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.

    +

    [Hyperlink text]

    +

    Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to

    {%- else -%}
    -

    [Lien à un sous-sujet]

    -

    Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.

    +

    [Texte de l'hyperlien]

    +

    Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée

    {%- endif -%} From dd06a45d30ed7ed928e7174b68f2498851a6ec1f Mon Sep 17 00:00:00 2001 From: EricDunsworth <1907279+EricDunsworth@users.noreply.github.com> Date: Fri, 23 Aug 2024 15:08:52 -0400 Subject: [PATCH 15/15] Content - Main page title: Show breaking change in VU 2024 iteration (#2418) The visual update 2024 iteration's breaking change previously wasn't appearing. It seems to have been related to structure issues in the JSON-LD file's "breaking" object: * Array using curly brackets ( {...} ) * Key/value pair placed in the array (key was named "style") This fixes it by: * Using square brackets ( [...] ) for the array * Replacing the "style" key with a "Style: " prefix in the value --- _data/sites.json | 6 +++--- sites/main-page-title/index.json-ld | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/_data/sites.json b/_data/sites.json index 6b960b1aa8..4ac0ac5104 100644 --- a/_data/sites.json +++ b/_data/sites.json @@ -2325,9 +2325,9 @@ "name": "Visual update 2024", "date": "2024-01", "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.", - "breaking": { - "style": "Width of the line should 70px and the thickness .18em #af3c43. Followed by optional byline, tagline or subtitle" - }, + "breaking": [ + "Style: Width of the line should 70px and the thickness .18em #af3c43. Followed by optional byline, tagline or subtitle" + ], "predecessor": "_:iteration_mpt_1" } ] diff --git a/sites/main-page-title/index.json-ld b/sites/main-page-title/index.json-ld index b3d741e18f..27b9b8a5b8 100644 --- a/sites/main-page-title/index.json-ld +++ b/sites/main-page-title/index.json-ld @@ -160,9 +160,9 @@ "name": "Visual update 2024", "date": "2024-01", "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.", - "breaking": { - "style": "Width of the line should 70px and the thickness .18em #af3c43. Followed by optional byline, tagline or subtitle" - }, + "breaking": [ + "Style: Width of the line should 70px and the thickness .18em #af3c43. Followed by optional byline, tagline or subtitle" + ], "predecessor": "_:iteration_mpt_1" } ]