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