From d11e63e64d12118de2356c21573890f113d783c4 Mon Sep 17 00:00:00 2001 From: Eric Dunsworth <1907279+EricDunsworth@users.noreply.github.com> Date: Thu, 5 Dec 2024 09:42:20 -0500 Subject: [PATCH] Theme: Fix placeholder image references Some of GCWeb's code samples from recent years were referencing placeholder images from placeholder.com and placehold.it. But those sites underwent changes in ownership in March 2023 and consequently ceased serving placeholder images. This deals with it by replacing all references to via.placeholder.com and placehold.it with dummyimage.com (and swaps ? characters with & where custom text is specified to fit the latter's URL writing scheme). GCWeb has historically used dummyimage.com and that site still exists to this day. Left the following references to placeholder.com "as-is" in the following WCAG assessments since they're meant to represent specific points in time: * templates/institutional-landing/reports/a11y-1.json * templates/institutional-landing/reports/a11y-2.json --- _data/design-patterns.json | 6 +- .../components/gc-corporate/inst-info.html | 4 +- .../components/gc-corporate/org-info.html | 4 +- .../gc-minister-special-cases.html | 4 +- .../gc-minister-two-ministers.html | 4 +- .../components/gc-minister/gc-minister.html | 2 +- common/alignment/alignment-en.html | 4 +- common/alignment/alignment-fr.html | 4 +- components/components-en.html | 4 +- components/components-fr.html | 4 +- .../gc-corporate/samples/inst-info.html | 4 +- components/gc-corporate/samples/org-info.html | 4 +- components/gc-minister/gc-minister-en.html | 2 +- components/gc-minister/gc-minister-fr.html | 2 +- .../gc-minister-special-cases-en.html | 2 +- .../gc-minister-special-cases-fr.html | 2 +- .../gc-minister-two-ministers-en.html | 2 +- .../gc-minister-two-ministers-fr.html | 2 +- .../samples/gc-minister-special-cases.html | 4 +- .../samples/gc-minister-two-ministers.html | 4 +- .../gc-minister/samples/gc-minister.html | 2 +- components/images/images-en.html | 62 +++++++++---------- components/images/images-fr.html | 62 +++++++++---------- design-patterns/gc-intro/index.json-ld | 6 +- .../deprecated/institution-en.html | 6 +- .../deprecated/institution-fr.html | 6 +- .../deprecated/institution-landing-en.html | 6 +- .../deprecated/institution-landing-fr.html | 6 +- .../institutional/institution-arms-en.html | 2 +- .../institutional/institution-arms-fr.html | 2 +- templates/ministerial/ministerial-en.html | 8 +-- templates/ministerial/ministerial-fr.html | 8 +-- .../organizational-arms-en.html | 2 +- .../organizational-arms-fr.html | 2 +- .../organizational/organizational-en.html | 2 +- .../organizational/organizational-fr.html | 2 +- templates/theme-en.html | 14 ++--- templates/theme-fr.html | 14 ++--- 38 files changed, 140 insertions(+), 140 deletions(-) diff --git a/_data/design-patterns.json b/_data/design-patterns.json index b3de5c7172..09501d7af9 100644 --- a/_data/design-patterns.json +++ b/_data/design-patterns.json @@ -128,7 +128,7 @@ "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": "2024-06-12", + "modified": "2024-12-05", "componentName": "gc-intro", "pages": { "docs": [ @@ -416,14 +416,14 @@ { "@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
" + "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

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
" + "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/components/gc-corporate/inst-info.html b/_includes/components/gc-corporate/inst-info.html index fc93b2e24b..bd05095642 100644 --- a/_includes/components/gc-corporate/inst-info.html +++ b/_includes/components/gc-corporate/inst-info.html @@ -46,7 +46,7 @@

Corporate information

Ministre

- +
[L’honorable (nom du ministre)]
@@ -57,7 +57,7 @@

Ministre

Minister

- +
[(Honourable) first and last name of Minister]
diff --git a/_includes/components/gc-corporate/org-info.html b/_includes/components/gc-corporate/org-info.html index cd2afe713f..dc1f1fd7b6 100644 --- a/_includes/components/gc-corporate/org-info.html +++ b/_includes/components/gc-corporate/org-info.html @@ -39,7 +39,7 @@

Corporate information

Chef de l’organisme

- +
[Président]
@@ -50,7 +50,7 @@

Chef de l’organisme

Organization head

- +
[Chairperson]
diff --git a/_includes/components/gc-minister/gc-minister-special-cases.html b/_includes/components/gc-minister/gc-minister-special-cases.html index 40a3093c76..ccc7f103b5 100644 --- a/_includes/components/gc-minister/gc-minister-special-cases.html +++ b/_includes/components/gc-minister/gc-minister-special-cases.html @@ -7,7 +7,7 @@

{% if page.language == "en" %}Ministers{% else %}Ministres{% endif %}

{% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

- {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %} + {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

@@ -20,7 +20,7 @@

{% if page.language == "en" %}The Honourable [Minister name]{% e

The Honourable [Minister 2 name with a very long name]

- The Honourable [Minister 2 name with a very long name] + The Honourable [Minister 2 name with a very long name]

{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

diff --git a/_includes/components/gc-minister/gc-minister-two-ministers.html b/_includes/components/gc-minister/gc-minister-two-ministers.html index 99f3e094bd..93757ff9d7 100644 --- a/_includes/components/gc-minister/gc-minister-two-ministers.html +++ b/_includes/components/gc-minister/gc-minister-two-ministers.html @@ -7,7 +7,7 @@

{% if page.language == "en" %}Ministers{% else %}Ministres{% endif %}

{% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

- {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %} + {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

@@ -24,7 +24,7 @@

{% if page.language == "en" %}The Honourable [Minister name]{% e

{% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

- {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %} + {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

diff --git a/_includes/components/gc-minister/gc-minister.html b/_includes/components/gc-minister/gc-minister.html index b17baacda0..7f5a049173 100644 --- a/_includes/components/gc-minister/gc-minister.html +++ b/_includes/components/gc-minister/gc-minister.html @@ -7,7 +7,7 @@

{% if page.language == "en" %}Minister{% else %}Ministre{% endif %}

{% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

- {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %} + {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

diff --git a/common/alignment/alignment-en.html b/common/alignment/alignment-en.html index d4d3d6867c..c3fc6ce786 100644 --- a/common/alignment/alignment-en.html +++ b/common/alignment/alignment-en.html @@ -3,7 +3,7 @@ "title": "GCWeb Alignment example", "language": "en", "altLangPage": "alignment-fr.html", - "dateModified": "2023-06-19" + "dateModified": "2024-12-05" } ---
@@ -30,7 +30,7 @@

Code

Center content blocks center-block

- A generic square placeholder image with rounded corners + A generic square placeholder image with rounded corners

Code

diff --git a/common/alignment/alignment-fr.html b/common/alignment/alignment-fr.html index fd92aa5a76..f9292b0952 100644 --- a/common/alignment/alignment-fr.html +++ b/common/alignment/alignment-fr.html @@ -3,7 +3,7 @@ "title": "Alignement", "language": "fr", "altLangPage": "alignment-en.html", - "dateModified": "2023-06-19" + "dateModified": "2024-12-05" } ---
@@ -30,7 +30,7 @@

Code

Centrer des blocs de contenu (center-block)

- Une image de paramètre fictif carré dont les coins sont arrondis + Une image de paramètre fictif carré dont les coins sont arrondis

Code

diff --git a/components/components-en.html b/components/components-en.html index c9d6b06d33..d074a1c96c 100644 --- a/components/components-en.html +++ b/components/components-en.html @@ -5,7 +5,7 @@ "altLangPage": "components-fr.html", "pageclass": "cnt-wdth-lmtd", "secondlevel": false, - "dateModified": "2021-09-28", + "dateModified": "2024-12-05", "share": "true" } --- @@ -55,7 +55,7 @@

Portfolio ministers

- +
[Chairperson]
diff --git a/components/components-fr.html b/components/components-fr.html index 98e2a4ff66..966fb19034 100644 --- a/components/components-fr.html +++ b/components/components-fr.html @@ -5,7 +5,7 @@ "altLangPage": "components-en.html", "pageclass": "cnt-wdth-lmtd", "secondlevel": false, - "dateModified": "2021-09-28", + "dateModified": "2024-12-05", "share": "true" } --- @@ -53,7 +53,7 @@

Ministres du portefeuille

- +
[Président]
diff --git a/components/gc-corporate/samples/inst-info.html b/components/gc-corporate/samples/inst-info.html index fc93b2e24b..bd05095642 100644 --- a/components/gc-corporate/samples/inst-info.html +++ b/components/gc-corporate/samples/inst-info.html @@ -46,7 +46,7 @@

Corporate information

Ministre

- +
[L’honorable (nom du ministre)]
@@ -57,7 +57,7 @@

Ministre

Minister

- +
[(Honourable) first and last name of Minister]
diff --git a/components/gc-corporate/samples/org-info.html b/components/gc-corporate/samples/org-info.html index cd2afe713f..dc1f1fd7b6 100644 --- a/components/gc-corporate/samples/org-info.html +++ b/components/gc-corporate/samples/org-info.html @@ -39,7 +39,7 @@

Corporate information

Chef de l’organisme

- +
[Président]
@@ -50,7 +50,7 @@

Chef de l’organisme

Organization head

- +
[Chairperson]
diff --git a/components/gc-minister/gc-minister-en.html b/components/gc-minister/gc-minister-en.html index 3d2ee69842..7c34ffae07 100644 --- a/components/gc-minister/gc-minister-en.html +++ b/components/gc-minister/gc-minister-en.html @@ -7,7 +7,7 @@ "breadcrumbs": [ { "title": "Minister or institutional head - Documentation", "link": "components/gc-minister/gc-minister-doc-en.html" } ], - "dateModified": "2024-03-11", + "dateModified": "2024-12-05", } ---
diff --git a/components/gc-minister/gc-minister-fr.html b/components/gc-minister/gc-minister-fr.html index 5f1cb20c09..8578831c19 100644 --- a/components/gc-minister/gc-minister-fr.html +++ b/components/gc-minister/gc-minister-fr.html @@ -7,7 +7,7 @@ "breadcrumbs": [ { "title": "Ministre ou chef d'institution - Documentation", "link": "components/gc-minister/gc-minister-doc-fr.html" } ], - "dateModified": "2024-07-11" + "dateModified": "2024-12-05" } ---
diff --git a/components/gc-minister/gc-minister-special-cases-en.html b/components/gc-minister/gc-minister-special-cases-en.html index 70428b41a1..5eceede62b 100644 --- a/components/gc-minister/gc-minister-special-cases-en.html +++ b/components/gc-minister/gc-minister-special-cases-en.html @@ -7,7 +7,7 @@ "breadcrumbs": [ { "title": "Minister or institutional head - Documentation", "link": "components/gc-minister/gc-minister-doc-en.html" } ], - "dateModified": "2024-03-11", + "dateModified": "2024-12-05", } ---
diff --git a/components/gc-minister/gc-minister-special-cases-fr.html b/components/gc-minister/gc-minister-special-cases-fr.html index a5f4987b30..1b8e972d28 100644 --- a/components/gc-minister/gc-minister-special-cases-fr.html +++ b/components/gc-minister/gc-minister-special-cases-fr.html @@ -7,7 +7,7 @@ "breadcrumbs": [ { "title": "Ministre ou chef d'institution - Documentation", "link": "components/gc-minister/gc-minister-doc-fr.html" } ], - "dateModified": "2024-07-11" + "dateModified": "2024-12-05" } ---
diff --git a/components/gc-minister/gc-minister-two-ministers-en.html b/components/gc-minister/gc-minister-two-ministers-en.html index c62e0dcbfe..2c4751b88d 100644 --- a/components/gc-minister/gc-minister-two-ministers-en.html +++ b/components/gc-minister/gc-minister-two-ministers-en.html @@ -7,7 +7,7 @@ "breadcrumbs": [ { "title": "Minister or institutional head - Documentation", "link": "components/gc-minister/gc-minister-doc-en.html" } ], - "dateModified": "2024-03-11", + "dateModified": "2024-12-05", } ---
diff --git a/components/gc-minister/gc-minister-two-ministers-fr.html b/components/gc-minister/gc-minister-two-ministers-fr.html index cee68d770e..f7a0699f71 100644 --- a/components/gc-minister/gc-minister-two-ministers-fr.html +++ b/components/gc-minister/gc-minister-two-ministers-fr.html @@ -7,7 +7,7 @@ "breadcrumbs": [ { "title": "Ministre ou chef d'institution - Documentation", "link": "components/gc-minister/gc-minister-doc-fr.html" } ], - "dateModified": "2024-07-11" + "dateModified": "2024-12-05" } ---
diff --git a/components/gc-minister/samples/gc-minister-special-cases.html b/components/gc-minister/samples/gc-minister-special-cases.html index 40a3093c76..ccc7f103b5 100644 --- a/components/gc-minister/samples/gc-minister-special-cases.html +++ b/components/gc-minister/samples/gc-minister-special-cases.html @@ -7,7 +7,7 @@

{% if page.language == "en" %}Ministers{% else %}Ministres{% endif %}

{% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

- {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %} + {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

@@ -20,7 +20,7 @@

{% if page.language == "en" %}The Honourable [Minister name]{% e

The Honourable [Minister 2 name with a very long name]

- The Honourable [Minister 2 name with a very long name] + The Honourable [Minister 2 name with a very long name]

{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

diff --git a/components/gc-minister/samples/gc-minister-two-ministers.html b/components/gc-minister/samples/gc-minister-two-ministers.html index 99f3e094bd..93757ff9d7 100644 --- a/components/gc-minister/samples/gc-minister-two-ministers.html +++ b/components/gc-minister/samples/gc-minister-two-ministers.html @@ -7,7 +7,7 @@

{% if page.language == "en" %}Ministers{% else %}Ministres{% endif %}

{% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

- {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %} + {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}
- {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %} + {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

diff --git a/components/gc-minister/samples/gc-minister.html b/components/gc-minister/samples/gc-minister.html index b17baacda0..7f5a049173 100644 --- a/components/gc-minister/samples/gc-minister.html +++ b/components/gc-minister/samples/gc-minister.html @@ -7,7 +7,7 @@

{% if page.language == "en" %}Minister{% else %}Ministre{% endif %}

{% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

- {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %} + {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

diff --git a/components/images/images-en.html b/components/images/images-en.html index a90aa663ca..25be9b2982 100644 --- a/components/images/images-en.html +++ b/components/images/images-en.html @@ -1,7 +1,7 @@ --- { "altLangPage": "images-fr.html", - "dateModified": "2023-07-12", + "dateModified": "2024-12-05", "description": "Images WET-BOEW Component", "language": "en", "title": "Images" @@ -15,32 +15,32 @@

Shapes

Default:

- +

Rounded:

- +

Circle:

- +

Thumbnail (hyperlinked):

- +

Source code

Default:
-
<img src="https://placehold.it/250x250" alt="" />
+
<img src="https://dummyimage.com/250x250" alt="" />
Rounded:
-
<img src="https://placehold.it/250x250" class="img-rounded" alt="" />
+
<img src="https://dummyimage.com/250x250" class="img-rounded" alt="" />
Circle:
-
<img src="https://placehold.it/250x250" class="img-circle" alt="" />
+
<img src="https://dummyimage.com/250x250" class="img-circle" alt="" />
Thumbnail (hyperlinked):
-
<a href="#"><img src="https://placehold.it/250x250" class="img-thumbnail" alt="" /></a>
+
<a href="#"><img src="https://dummyimage.com/250x250" class="img-thumbnail" alt="" /></a>

Responsive images

@@ -51,16 +51,16 @@

Responsive images

Image is too large for the available space:

- Generic placeholder image + Generic placeholder image

Same image is now responsive, and fits the parent container:

- Generic placeholder image + Generic placeholder image

Source code

-
<img src="https://placehold.it/400x100" class="img-responsive" alt="Generic placeholder image">
+
<img src="https://dummyimage.com/400x100" class="img-responsive" alt="Generic placeholder image">

Stretching images

Use to stretch a smaller image to the width of the container. Ensure the image is still clear and easy to see in the larger resolutions.

@@ -70,20 +70,20 @@

Stretching images

Image (100x25) is too small and blurry:

- Generic placeholder image + Generic placeholder image

Image (200x50) is still too small for the space:

- Generic placeholder image + Generic placeholder image

Stretched image (100x25) is blurry:

- Generic placeholder image + Generic placeholder image

Stretched, clear image (200x50) fits space:

- A generic square placeholder image + A generic square placeholder image

Source code

-
<img src="https://placehold.it/200x50" class="full-width" alt="A generic square placeholder image">
+
<img src="https://dummyimage.com/200x50" class="full-width" alt="A generic square placeholder image">

Thumbnail tiles

Use to add any kind of content like headings, paragraphs, or buttons into a thumbnail, to create a thumbnail tile effect.

@@ -92,7 +92,7 @@

Thumbnail tiles

-
Generic placeholder thumbnail +
Generic placeholder thumbnail

Title (caption)

Content

@@ -108,7 +108,7 @@

Title (caption)

Source code

-
<section class="thumbnail"><a href="#"><img src="https://placehold.it/350x200" alt="Generic placeholder thumbnail"></a>
+
<section class="thumbnail"><a href="#"><img src="https://dummyimage.com/350x200" alt="Generic placeholder thumbnail"></a>
 	<div class="caption">
 		<h3>Title (caption) </h3>
 		<p>Content</p>
@@ -128,14 +128,14 @@ 

Media objects

Default:

- Generic placeholder image + Generic placeholder image

Media heading

Content, image pulls left

- Generic placeholder image + Generic placeholder image

Media heading

Content, image pulls right

@@ -144,14 +144,14 @@

Media heading

As lists:

  • - Generic placeholder image + Generic placeholder image

    Heading

    Content, image pulls left

  • - Generic placeholder image + Generic placeholder image

    Heading

    Content, image pulls left

    @@ -160,14 +160,14 @@

    Heading

  • - Generic placeholder image + Generic placeholder image

    Heading

    Content, image pulls right

  • - Generic placeholder image + Generic placeholder image

    Heading

    Content, image pulls right

    @@ -186,14 +186,14 @@

    Source code

    <div class="panel-body"> <h3>Default:</h3> <section class="media"> <a class="pull-left" href="#"> - <img class="media-object" src="https://placehold.it/64x64" alt="Generic placeholder image"> </a> + <img class="media-object" src="https://dummyimage.com/64x64" alt="Generic placeholder image"> </a> <div class="media-body"> <h4 class="media-heading">Media heading</h4> <p>Content, image pulls left </p> </div> </section> <section class="media mrgn-tp-xl"> <a class="pull-right" href="#"> - <img class="media-object" src="https://placehold.it/64x64" alt="Generic placeholder image"> </a> + <img class="media-object" src="https://dummyimage.com/64x64" alt="Generic placeholder image"> </a> <div class="media-body"> <h4 class="media-heading">Media heading</h4> <p>Content, image pulls right </p> @@ -202,14 +202,14 @@

    Source code

    <h3 class="mrgn-tp-xl">As lists:</h3> <ul class="media-list"> <li class="media"> <a class="pull-left" href="#"> - <img class="media-object" src="https://placehold.it/64x64" alt="Generic placeholder image"> </a> + <img class="media-object" src="https://dummyimage.com/64x64" alt="Generic placeholder image"> </a> <div class="media-body"> <h4 class="media-heading">Heading</h4> <p>Content, image pulls left </p> </div> </li> <li class="media"> - <a class="pull-left" href="#"> <img class="media-object" src="https://placehold.it/64x64" alt="Generic placeholder image"> </a> + <a class="pull-left" href="#"> <img class="media-object" src="https://dummyimage.com/64x64" alt="Generic placeholder image"> </a> <div class="media-body"> <h4 class="media-heading">Heading</h4> <p>Content, image pulls left </p> @@ -218,14 +218,14 @@

    Source code

    </ul> <ul class="media-list mrgn-tp-xl"> <li class="media"> <a class="pull-right" href="#"> - <img class="media-object" src="https://placehold.it/64x64" alt="Generic placeholder image"> </a> + <img class="media-object" src="https://dummyimage.com/64x64" alt="Generic placeholder image"> </a> <div class="media-body"> <h4 class="media-heading">Heading</h4> <p>Content, image pulls right </p> </div> </li> <li class="media"> <a class="pull-right" href="#"> - <img class="media-object" src="https://placehold.it/64x64" alt="Generic placeholder image"> </a> + <img class="media-object" src="https://dummyimage.com/64x64" alt="Generic placeholder image"> </a> <div class="media-body"> <h4 class="media-heading">Heading</h4> <p>Content, image pulls right </p> diff --git a/components/images/images-fr.html b/components/images/images-fr.html index c48db34e49..3d9bd742ba 100644 --- a/components/images/images-fr.html +++ b/components/images/images-fr.html @@ -1,7 +1,7 @@ --- { "altLangPage": "images-en.html", - "dateModified": "2023-07-12", + "dateModified": "2024-12-05", "description": "Images WET-BOEW Composante", "language": "fr", "title": "Images" @@ -15,32 +15,32 @@

    Formes

    Par défaut :

    - +

    Arrondi :

    - +

    Circle :

    - +

    Thumbnail (hyperlinked) :

    - +

    Code

    Par défaut :
    -
    <img src="https://placehold.it/250x250" alt="" />
    +
    <img src="https://dummyimage.com/250x250" alt="" />
    Arrondi :
    -
    <img src="https://placehold.it/250x250" class="img-rounded" alt="" />
    +
    <img src="https://dummyimage.com/250x250" class="img-rounded" alt="" />
    Cercle :
    -
    <img src="https://placehold.it/250x250" class="img-circle" alt="" />
    +
    <img src="https://dummyimage.com/250x250" class="img-circle" alt="" />
    Miniature (en hyperlien) :
    -
    <a href="#"><img src="https://placehold.it/250x250" class="img-thumbnail" alt="" /></a>
    +
    <a href="#"><img src="https://dummyimage.com/250x250" class="img-thumbnail" alt="" /></a>

    Images réactives

    @@ -51,16 +51,16 @@

    Images réactives

    Image trop grande pour l'espace disponible :

    - Un espace générique pour une image + Un espace générique pour une image

    La même image est maintenant réactive et entre dans le conteneur parent:

    - Un espace générique pour une image + Un espace générique pour une image

Code

-
<img src="https://placehold.it/400x100" class="img-responsive" alt="Un espace générique pour une image">
+
<img src="https://dummyimage.com/400x100" class="img-responsive" alt="Un espace générique pour une image">

Étirement des images

Utilisez pour étirer une plus petite image à la largeur du conteneur. Assurez-vous que l'image est toujours claire et facile à voir dans les résolutions plus grandes.

@@ -70,20 +70,20 @@

Étirement des images

L'image (100x25) est trop petite et brouillée:

- Un espace générique pour une image + Un espace générique pour une image

L'image (200x50) est toujours trop petite pour l'espace:

- Un espace générique pour une image + Un espace générique pour une image

L'image étirée (100x25) est floue:

- Un espace générique pour une image + Un espace générique pour une image

L'image étirée et claire (200x50) entre dans l'espace:

- Un espace générique pour une image + Un espace générique pour une image

Code

-
<img src="https://placehold.it/200x50" class="full-width" alt="Un espace générique pour une image">
+
<img src="https://dummyimage.com/200x50" class="full-width" alt="Un espace générique pour une image">

Pavés de miniatures

Utilisez pour ajouter toute sorte de contenu tel que les en-têtes, les paragraphes ou les boutons dans une miniature afin de créer un effet de pavé de miniatures.

@@ -92,7 +92,7 @@

Pavés de miniatures

-
Un espace générique pour une image +
Un espace générique pour une image

Titre (légende)

Titre (légende)

@@ -108,7 +108,7 @@

Titre (légende)

Source code

-
<section class="thumbnail"><a href="#"><img src="https://placehold.it/350x200" alt="Un espace générique pour une image"></a>
+
<section class="thumbnail"><a href="#"><img src="https://dummyimage.com/350x200" alt="Un espace générique pour une image"></a>
 	<div class="caption">
 		<h3>Titre (légende) </h3>
 		<p>Titre (légende)</p>
@@ -128,14 +128,14 @@ 

Usages médias

Par défaut  :

- Un espace générique pour une image + Un espace générique pour une image

En-tête du média

Contenu, image tirée vers la gauche

- Un espace générique pour une image + Un espace générique pour une image

En-tête du média

Contenu, image tirée vers la droite

@@ -144,14 +144,14 @@

En-tête du média

Comme des listes :

  • - Un espace générique pour une image + Un espace générique pour une image

    En-tête

    Contenu, image tirée vers la gauche

  • - Un espace générique pour une image + Un espace générique pour une image

    En-tête

    Contenu, image tirée vers la gauche

    @@ -159,13 +159,13 @@

    En-tête

    -
  • Un espace générique pour une image +
  • Un espace générique pour une image

    En-tête

    Contenu, image tirée vers la droite

  • -
  • Un espace générique pour une image +
  • Un espace générique pour une image

    En-tête

    Contenu, image tirée vers la droite.

    @@ -184,14 +184,14 @@

    Code

    <div class="panel-body"> <h3>Par défaut&nbsp; :</h3> <section class="media"> <a class="pull-left" href="#"> - <img class="media-object" src="https://placehold.it/64x64" alt="Un espace générique pour une image"> </a> + <img class="media-object" src="https://dummyimage.com/64x64" alt="Un espace générique pour une image"> </a> <div class="media-body"> <h4 class="media-heading">En-tête du média</h4> <p>Contenu, image tirée vers la gauche</p> </div> </section> <section class="media mrgn-tp-xl"> <a class="pull-right" href="#"> - <img class="media-object" src="https://placehold.it/64x64" alt="Un espace générique pour une image"> </a> + <img class="media-object" src="https://dummyimage.com/64x64" alt="Un espace générique pour une image"> </a> <div class="media-body"> <h4 class="media-heading">En-tête du média</h4> <p>Contenu, image tirée vers la droite</p> @@ -200,14 +200,14 @@

    Code

    <h3 class="mrgn-tp-xl">Comme des listes :</h3> <ul class="media-list"> <li class="media"> <a class="pull-left" href="#"> - <img class="media-object" src="https://placehold.it/64x64" alt="Un espace générique pour une image"> </a> + <img class="media-object" src="https://dummyimage.com/64x64" alt="Un espace générique pour une image"> </a> <div class="media-body"> <h4 class="media-heading">En-tête</h4> <p>Contenu, image tirée vers la gauche</p> </div> </li> <li class="media"> <a class="pull-left" href="#"> - <img class="media-object" src="https://placehold.it/64x64" alt="Un espace générique pour une image"> </a> + <img class="media-object" src="https://dummyimage.com/64x64" alt="Un espace générique pour une image"> </a> <div class="media-body"> <h4 class="media-heading">En-tête</h4> <p>Contenu, image tirée vers la gauche</p> @@ -215,13 +215,13 @@

    Code

    </li> </ul> <ul class="media-list mrgn-tp-xl"> - <li class="media"> <a class="pull-right" href="#"> <img class="media-object" src="https://placehold.it/64x64" alt="Un espace générique pour une image"> </a> + <li class="media"> <a class="pull-right" href="#"> <img class="media-object" src="https://dummyimage.com/64x64" alt="Un espace générique pour une image"> </a> <div class="media-body"> <h4 class="media-heading">En-tête</h4> <p>Contenu, image tirée vers la droite </p> </div> </li> - <li class="media"> <a class="pull-right" href="#"> <img class="media-object" src="https://placehold.it/64x64" alt="Un espace générique pour une image"> </a> + <li class="media"> <a class="pull-right" href="#"> <img class="media-object" src="https://dummyimage.com/64x64" alt="Un espace générique pour une image"> </a> <div class="media-body"> <h4 class="media-heading">En-tête</h4> <p>Contenu, image tirée vers la droite.</p> diff --git a/design-patterns/gc-intro/index.json-ld b/design-patterns/gc-intro/index.json-ld index 3da29d7f80..184a9dfe95 100644 --- a/design-patterns/gc-intro/index.json-ld +++ b/design-patterns/gc-intro/index.json-ld @@ -14,7 +14,7 @@ "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": "2024-06-12", + "modified": "2024-12-05", "componentName": "gc-intro", "pages": { "docs": [ @@ -302,14 +302,14 @@ { "@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
    " + "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

    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
    " + "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/templates/institutional-landing/deprecated/institution-en.html b/templates/institutional-landing/deprecated/institution-en.html index 6d66b67934..1a92b0c87a 100644 --- a/templates/institutional-landing/deprecated/institution-en.html +++ b/templates/institutional-landing/deprecated/institution-en.html @@ -9,7 +9,7 @@ "breadcrumbs": [ { "title": "Departments & agencies", "link": "https://www.canada.ca/en/government/dept.html" } ], - "dateModified": "2023-09-01", + "dateModified": "2024-12-05", "share": "true" } --- @@ -28,7 +28,7 @@

    Latest

    - +

    [News title]

    YYYY-MM-DD hh:mm - Type of news product @@ -36,7 +36,7 @@

    Latest

    - +

    [News title]

    YYYY-MM-DD hh:mm - Type of news product diff --git a/templates/institutional-landing/deprecated/institution-fr.html b/templates/institutional-landing/deprecated/institution-fr.html index 0c14e65003..7689c383ed 100644 --- a/templates/institutional-landing/deprecated/institution-fr.html +++ b/templates/institutional-landing/deprecated/institution-fr.html @@ -9,7 +9,7 @@ "breadcrumbs": [ { "title": "Ministères et organismes", "link": "https://www.canada.ca/fr/gouvernement/min.html" } ], - "dateModified": "2023-09-01", + "dateModified": "2024-12-05", "share": "true" } --- @@ -28,7 +28,7 @@

    Nouveautés

    - +

    [Titre de l’article]

    AAAA-MM-JJ hh:mm - Type de produit médiatique @@ -36,7 +36,7 @@

    Nouveautés

    - +

    [Titre de l’article]

    AAAA-MM-JJ hh:mm - Type de produit médiatique diff --git a/templates/institutional-landing/deprecated/institution-landing-en.html b/templates/institutional-landing/deprecated/institution-landing-en.html index 14dd86bee6..2129a5069e 100644 --- a/templates/institutional-landing/deprecated/institution-landing-en.html +++ b/templates/institutional-landing/deprecated/institution-landing-en.html @@ -7,7 +7,7 @@ breadcrumbs: [ { "title": "Departments & agencies", "link": "https://www.canada.ca/en/government/dept.html" } ] -dateModified: "2021-06-03" +dateModified: "2024-12-05" share: true --- {%- include variable-core.liquid -%} @@ -165,14 +165,14 @@

    Features

    - +

    [Feature hyperlink text]

    Brief description of the feature being promoted.

    - +

    [Feature hyperlink text]

    Brief description of the feature being promoted.

    diff --git a/templates/institutional-landing/deprecated/institution-landing-fr.html b/templates/institutional-landing/deprecated/institution-landing-fr.html index 523f5fb2cb..65f23a9be4 100644 --- a/templates/institutional-landing/deprecated/institution-landing-fr.html +++ b/templates/institutional-landing/deprecated/institution-landing-fr.html @@ -7,7 +7,7 @@ breadcrumbs: [ { "title": "Departments & agencies", "link": "https://www.canada.ca/en/government/dept.html" } ] -dateModified: "2021-06-03" +dateModified: "2024-12-05" share: true --- {%- include variable-core.liquid -%} @@ -165,14 +165,14 @@

    Features

    - +

    [Feature hyperlink text]

    Brief description of the feature being promoted.

    - +

    [Feature hyperlink text]

    Brief description of the feature being promoted.

    diff --git a/templates/institutional/institution-arms-en.html b/templates/institutional/institution-arms-en.html index 916737db62..e00a5de213 100644 --- a/templates/institutional/institution-arms-en.html +++ b/templates/institutional/institution-arms-en.html @@ -9,7 +9,7 @@ "breadcrumbs": [ { "title": "Departments & agencies", "link": "https://www.canada.ca/en/government/dept.html" } ], - "dateModified": "2023-09-01", + "dateModified": "2024-12-05", "share": "true", "armslength": true } diff --git a/templates/institutional/institution-arms-fr.html b/templates/institutional/institution-arms-fr.html index cf85206cef..dc270815bc 100644 --- a/templates/institutional/institution-arms-fr.html +++ b/templates/institutional/institution-arms-fr.html @@ -9,7 +9,7 @@ "breadcrumbs": [ { "title": "Ministères et organismes", "link": "https://www.canada.ca/fr/gouvernement/min.html" } ], - "dateModified": "2023-09-01", + "dateModified": "2024-12-05", "share": "true", "armslength": true } diff --git a/templates/ministerial/ministerial-en.html b/templates/ministerial/ministerial-en.html index 8b89b73144..d954362731 100644 --- a/templates/ministerial/ministerial-en.html +++ b/templates/ministerial/ministerial-en.html @@ -3,7 +3,7 @@ description: Working example for the Ministerial profile page template language: en altLangPage: ministerial-fr.html -dateModified: 2021-09-16 +dateModified: 2024-12-05 share: true --- @@ -35,17 +35,17 @@

    Features [optional]

    [Feature hyperlink text]

    - +

    Brief description of the feature being promoted.

    [Feature hyperlink text]

    - +

    Brief description of the feature being promoted.

    [Feature hyperlink text]

    - +

    Brief description of the feature being promoted.

    diff --git a/templates/ministerial/ministerial-fr.html b/templates/ministerial/ministerial-fr.html index f67d203ed0..137621eb60 100644 --- a/templates/ministerial/ministerial-fr.html +++ b/templates/ministerial/ministerial-fr.html @@ -3,7 +3,7 @@ description: Exemple pratique de la pages de profil des ministres language: fr altLangPage: ministerial-en.html -dateModified: 2021-09-16 +dateModified: 2024-12-05 share: true --- @@ -35,17 +35,17 @@

    En vedette [facultatif]

    [Titre de l'élément en vedette]

    - +

    Brève descripton de l'élément en vedette

    [Titre de l'élément en vedette]

    - +

    Brève descripton de l'élément en vedette

    [Titre de l'élément en vedette]

    - +

    Brève descripton de l'élément en vedette

    diff --git a/templates/organizational/organizational-arms-en.html b/templates/organizational/organizational-arms-en.html index 532bbc45bb..5fd4064911 100644 --- a/templates/organizational/organizational-arms-en.html +++ b/templates/organizational/organizational-arms-en.html @@ -9,7 +9,7 @@ "breadcrumbs": [ { "title": "Departments & agencies", "link": "https://www.canada.ca/en/government/dept.html" } ], - "dateModified": "2023-09-01", + "dateModified": "2024-12-05", "share": "true" } --- diff --git a/templates/organizational/organizational-arms-fr.html b/templates/organizational/organizational-arms-fr.html index 5b909b9ba5..1f7c0c93d6 100644 --- a/templates/organizational/organizational-arms-fr.html +++ b/templates/organizational/organizational-arms-fr.html @@ -9,7 +9,7 @@ "breadcrumbs": [ { "title": "Ministères et organismes", "link": "https://www.canada.ca/fr/gouvernement/min.html" } ], - "dateModified": "2023-09-01", + "dateModified": "2024-12-05", "share": "true" } --- diff --git a/templates/organizational/organizational-en.html b/templates/organizational/organizational-en.html index c96c88fcc2..e901fe2810 100644 --- a/templates/organizational/organizational-en.html +++ b/templates/organizational/organizational-en.html @@ -9,7 +9,7 @@ "breadcrumbs": [ { "title": "Departments & agencies", "link": "https://www.canada.ca/en/government/dept.html" } ], - "dateModified": "2023-09-01", + "dateModified": "2024-12-05", "share": "true" } --- diff --git a/templates/organizational/organizational-fr.html b/templates/organizational/organizational-fr.html index 9905695a0c..a6eccc076a 100644 --- a/templates/organizational/organizational-fr.html +++ b/templates/organizational/organizational-fr.html @@ -9,7 +9,7 @@ "breadcrumbs": [ { "title": "Ministères et organismes", "link": "https://www.canada.ca/fr/gouvernement/min.html" } ], - "dateModified": "2023-09-01", + "dateModified": "2024-12-05", "share": "true" } --- diff --git a/templates/theme-en.html b/templates/theme-en.html index 5b04f267af..89d48fcbd0 100644 --- a/templates/theme-en.html +++ b/templates/theme-en.html @@ -6,7 +6,7 @@ "altLangPage": "theme-fr.html", "pageclass": "page-type-nav", "pageType": "theme", - "dateModified": "2023-09-01", + "dateModified": "2024-12-05", "share": "true", "deptfeature": true } @@ -22,19 +22,19 @@

    Promotions