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
wet-boew · Dec 5, 2024 · d11e63e · d11e63e
1 parent cfe811c
commit d11e63e
Show file tree

Hide file tree

Showing 38 changed files with 140 additions and 140 deletions.
diff --git 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": "<div class=\"row\">\n\t<div class=\"col-md-6\">\n\t\t<h1 property=\"name\" id=\"wb-cont\">Introduction block with half-width image</h1>\n\t\t<p>The introduction block pattern introduces the content of a landing page.</p>\n\t\t<p><a class=\"btn btn-call-to-action\" href=\"#\">Supertask button</a></p>\n\t</div>\n\t<div class=\"col-md-6 hidden-sm hidden-xs\">\n\t\t<img src=\"https://via.placeholder.com/520x200/000000/FFFFFF.png\" alt=\"\" class=\"img-responsive pull-right mrgn-tp-lg\">\n\t</div>\n</div>"
+						"code": "<div class=\"row\">\n\t<div class=\"col-md-6\">\n\t\t<h1 property=\"name\" id=\"wb-cont\">Introduction block with half-width image</h1>\n\t\t<p>The introduction block pattern introduces the content of a landing page.</p>\n\t\t<p><a class=\"btn btn-call-to-action\" href=\"#\">Supertask button</a></p>\n\t</div>\n\t<div class=\"col-md-6 hidden-sm hidden-xs\">\n\t\t<img src=\"https://dummyimage.com/520x200/000000/FFFFFF.png\" alt=\"\" class=\"img-responsive pull-right mrgn-tp-lg\">\n\t</div>\n</div>"
 					}
 				],
 				"fr": [
 					{
 						"@type": "source-code",
 						"description": "Exemple de code :",
-						"code": "<div class=\"row\">\n\t<div class=\"col-md-6\">\n\t\t<h1 property=\"name\" id=\"wb-cont\">Bloc d'introduction avec image demi-largeur</h1>\n\t\t<p>La configuration de conception du bloc d'introduction introduit le contenu d'une page de destination.</p>\n\t\t<p><a class=\"btn btn-call-to-action\" href=\"#\">Bouton de super-tâche</a></p>\n\t</div>\n\t<div class=\"col-md-6 hidden-sm hidden-xs\">\n\t\t<img src=\"https://via.placeholder.com/520x200/000000/FFFFFF.png\" alt=\"\" class=\"img-responsive pull-right mrgn-tp-lg\">\n\t</div>\n</div>"
+						"code": "<div class=\"row\">\n\t<div class=\"col-md-6\">\n\t\t<h1 property=\"name\" id=\"wb-cont\">Bloc d'introduction avec image demi-largeur</h1>\n\t\t<p>La configuration de conception du bloc d'introduction introduit le contenu d'une page de destination.</p>\n\t\t<p><a class=\"btn btn-call-to-action\" href=\"#\">Bouton de super-tâche</a></p>\n\t</div>\n\t<div class=\"col-md-6 hidden-sm hidden-xs\">\n\t\t<img src=\"https://dummyimage.com/520x200/000000/FFFFFF.png\" alt=\"\" class=\"img-responsive pull-right mrgn-tp-lg\">\n\t</div>\n</div>"
 					}
 				]
 			}

diff --git a/_includes/components/gc-corporate/inst-info.html b/_includes/components/gc-corporate/inst-info.html
@@ -46,7 +46,7 @@ <h2>Corporate information</h2>
 					<h3>Ministre</h3>
 					<a href="#">
 						<figure>
-							<img src="https://via.placeholder.com/218x291/000000/FFFFFF.png" alt="" class="img-responsive thumbnail">
+							<img src="https://dummyimage.com/218x291/000000/FFFFFF.png" alt="" class="img-responsive thumbnail">
 							<figcaption>[L’honorable (nom du ministre)]</figcaption>
 						</figure>
 					</a>
@@ -57,7 +57,7 @@ <h3>Ministre</h3>
 					<h3>Minister</h3>
 					<a href="#">
 						<figure>
-							<img src="https://via.placeholder.com/218x291/000000/FFFFFF.png" alt="" class="img-responsive thumbnail">
+							<img src="https://dummyimage.com/218x291/000000/FFFFFF.png" alt="" class="img-responsive thumbnail">
 							<figcaption>[(Honourable) first and last name of Minister]</figcaption>
 						</figure>
 					</a>

diff --git a/_includes/components/gc-corporate/org-info.html b/_includes/components/gc-corporate/org-info.html
@@ -39,7 +39,7 @@ <h2>Corporate information</h2>
 					<h3 class="wb-inv">Chef de l’organisme</h3>
 					<a href="#">
 						<figure>
-							<img src="https://via.placeholder.com/218x291/000000/FFFFFF.png" alt="" class="img-responsive thumbnail">
+							<img src="https://dummyimage.com/218x291/000000/FFFFFF.png" alt="" class="img-responsive thumbnail">
 							<figcaption>[Président]</figcaption>
 						</figure>
 					</a>
@@ -50,7 +50,7 @@ <h3 class="wb-inv">Chef de l’organisme</h3>
 					<h3 class="wb-inv">Organization head</h3>
 					<a href="#">
 						<figure>
-							<img src="https://via.placeholder.com/218x291/000000/FFFFFF.png" alt="" class="img-responsive thumbnail">
+							<img src="https://dummyimage.com/218x291/000000/FFFFFF.png" alt="" class="img-responsive thumbnail">
 							<figcaption>[Chairperson]</figcaption>
 						</figure>
 					</a>

diff --git a/_includes/components/gc-minister/gc-minister-special-cases.html b/_includes/components/gc-minister/gc-minister-special-cases.html
@@ -7,7 +7,7 @@ <h2>{% if page.language == "en" %}Ministers{% else %}Ministres{% endif %}</h2>
 					<h3><a href="#">{% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}</a></h3>
 				</div>
 				<div class="col-md-5">
-					<img src="https://via.placeholder.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
+					<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
 				</div>
 				<div class="col-md-7">
 					<p>{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}</p>
@@ -20,7 +20,7 @@ <h3><a href="#">{% if page.language == "en" %}The Honourable [Minister name]{% e
 					<h3><a href="#">The Honourable [Minister 2 name with a very long name]</a></h3>
 				</div>
 				<div class="col-md-5">
-					<img src="https://via.placeholder.com/200x250/000000/FFFFFF.png" alt="The Honourable [Minister 2 name with a very long name]">
+					<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="The Honourable [Minister 2 name with a very long name]">
 				</div>
 				<div class="col-md-7">
 					<p>{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}</p>

diff --git a/_includes/components/gc-minister/gc-minister-two-ministers.html b/_includes/components/gc-minister/gc-minister-two-ministers.html
@@ -7,7 +7,7 @@ <h2>{% if page.language == "en" %}Ministers{% else %}Ministres{% endif %}</h2>
 					<h3><a href="#">{% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}</a></h3>
 				</div>
 				<div class="col-md-5">
-					<img src="https://via.placeholder.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
+					<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
 				</div>
 				<div class="col-md-7">
 					<p>{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}</p>
@@ -24,7 +24,7 @@ <h3><a href="#">{% if page.language == "en" %}The Honourable [Minister name]{% e
 					<h3><a href="#">{% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}</a></h3>
 				</div>
 				<div class="col-md-5">
-					<img src="https://via.placeholder.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
+					<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
 				</div>
 				<div class="col-md-7">
 					<p>{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}</p>

diff --git a/_includes/components/gc-minister/gc-minister.html b/_includes/components/gc-minister/gc-minister.html
@@ -7,7 +7,7 @@ <h2>{% if page.language == "en" %}Minister{% else %}Ministre{% endif %}</h2>
 					<h3><a href="#">{% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}</a></h3>
 				</div>
 				<div class="col-md-5">
-					<img src="https://via.placeholder.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
+					<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
 				</div>
 				<div class="col-md-7">
 					<p>{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}</p>

diff --git 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"
 }
 ---
 <div class="wb-prettify all-pre"></div>
@@ -30,7 +30,7 @@ <h4>Code</h4>
 <h3> Center content blocks <code>center-block</code></h3>
 <div class="panel panel-default">
 	<div class="panel-body">
-	<img src="https://placehold.it/140x140" class="img-rounded center-block" alt="A generic square placeholder image with rounded corners">
+	<img src="https://dummyimage.com/140x140" class="img-rounded center-block" alt="A generic square placeholder image with rounded corners">
 	</div>
 </div>
 <h4>Code</h4>

diff --git 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"
 }
 ---
 <div class="wb-prettify all-pre"></div>
@@ -30,7 +30,7 @@ <h4>Code</h4>
 <h3>Centrer des blocs de contenu (<code>center-block</code>)</h3>
 <div class="panel panel-default">
 	<div class="panel-body">
-	<img src="https://placehold.it/140x140" class="img-rounded center-block" alt="Une image de paramètre fictif carré dont les coins sont arrondis">
+	<img src="https://dummyimage.com/140x140" class="img-rounded center-block" alt="Une image de paramètre fictif carré dont les coins sont arrondis">
 	</div>
 </div>
 <h4>Code</h4>

diff --git 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 @@ <h2>Portfolio ministers</h2>
 		<div class="col-md-3 col-sm-6">
 			<a href="#">
 				<figure>
-					<img src="https://via.placeholder.com/218x291?text=[President]" alt="" class="img-responsive thumbnail">
+					<img src="https://dummyimage.com/218x291&text=[President]" alt="" class="img-responsive thumbnail">
 					<figcaption>[Chairperson]</figcaption>
 				</figure>
 			</a>

diff --git 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 @@ <h2>Ministres du portefeuille</h2>
 		<div class="col-md-3 col-sm-6">
 			<a href="#">
 				<figure>
-					<img src="https://via.placeholder.com/218x291?text=[Président]" alt="" class="img-responsive thumbnail">
+					<img src="https://dummyimage.com/218x291&text=[Président]" alt="" class="img-responsive thumbnail">
 					<figcaption>[Président]</figcaption>
 				</figure>
 			</a>

diff --git a/components/gc-corporate/samples/inst-info.html b/components/gc-corporate/samples/inst-info.html
@@ -46,7 +46,7 @@ <h2>Corporate information</h2>
 					<h3>Ministre</h3>
 					<a href="#">
 						<figure>
-							<img src="https://via.placeholder.com/218x291/000000/FFFFFF.png" alt="" class="img-responsive thumbnail">
+							<img src="https://dummyimage.com/218x291/000000/FFFFFF.png" alt="" class="img-responsive thumbnail">
 							<figcaption>[L’honorable (nom du ministre)]</figcaption>
 						</figure>
 					</a>
@@ -57,7 +57,7 @@ <h3>Ministre</h3>
 					<h3>Minister</h3>
 					<a href="#">
 						<figure>
-							<img src="https://via.placeholder.com/218x291/000000/FFFFFF.png" alt="" class="img-responsive thumbnail">
+							<img src="https://dummyimage.com/218x291/000000/FFFFFF.png" alt="" class="img-responsive thumbnail">
 							<figcaption>[(Honourable) first and last name of Minister]</figcaption>
 						</figure>
 					</a>

diff --git a/components/gc-corporate/samples/org-info.html b/components/gc-corporate/samples/org-info.html
@@ -39,7 +39,7 @@ <h2>Corporate information</h2>
 					<h3 class="wb-inv">Chef de l’organisme</h3>
 					<a href="#">
 						<figure>
-							<img src="https://via.placeholder.com/218x291/000000/FFFFFF.png" alt="" class="img-responsive thumbnail">
+							<img src="https://dummyimage.com/218x291/000000/FFFFFF.png" alt="" class="img-responsive thumbnail">
 							<figcaption>[Président]</figcaption>
 						</figure>
 					</a>
@@ -50,7 +50,7 @@ <h3 class="wb-inv">Chef de l’organisme</h3>
 					<h3 class="wb-inv">Organization head</h3>
 					<a href="#">
 						<figure>
-							<img src="https://via.placeholder.com/218x291/000000/FFFFFF.png" alt="" class="img-responsive thumbnail">
+							<img src="https://dummyimage.com/218x291/000000/FFFFFF.png" alt="" class="img-responsive thumbnail">
 							<figcaption>[Chairperson]</figcaption>
 						</figure>
 					</a>

diff --git 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",
 }
 ---
 <div class="wb-prettify all-pre hide"></div>

diff --git 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"
 }
 ---
 <div class="wb-prettify all-pre hide"></div>

diff --git 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",
 }
 ---
 <div class="wb-prettify all-pre hide"></div>

diff --git 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"
 }
 ---
 <div class="wb-prettify all-pre hide"></div>

diff --git 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",
 }
 ---
 <div class="wb-prettify all-pre hide"></div>

diff --git 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"
 }
 ---
 <div class="wb-prettify all-pre hide"></div>

diff --git a/components/gc-minister/samples/gc-minister-special-cases.html b/components/gc-minister/samples/gc-minister-special-cases.html
@@ -7,7 +7,7 @@ <h2>{% if page.language == "en" %}Ministers{% else %}Ministres{% endif %}</h2>
 					<h3><a href="#">{% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}</a></h3>
 				</div>
 				<div class="col-md-5">
-					<img src="https://via.placeholder.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
+					<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
 				</div>
 				<div class="col-md-7">
 					<p>{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}</p>
@@ -20,7 +20,7 @@ <h3><a href="#">{% if page.language == "en" %}The Honourable [Minister name]{% e
 					<h3><a href="#">The Honourable [Minister 2 name with a very long name]</a></h3>
 				</div>
 				<div class="col-md-5">
-					<img src="https://via.placeholder.com/200x250/000000/FFFFFF.png" alt="The Honourable [Minister 2 name with a very long name]">
+					<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="The Honourable [Minister 2 name with a very long name]">
 				</div>
 				<div class="col-md-7">
 					<p>{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}</p>

diff --git a/components/gc-minister/samples/gc-minister-two-ministers.html b/components/gc-minister/samples/gc-minister-two-ministers.html
@@ -7,7 +7,7 @@ <h2>{% if page.language == "en" %}Ministers{% else %}Ministres{% endif %}</h2>
 					<h3><a href="#">{% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}</a></h3>
 				</div>
 				<div class="col-md-5">
-					<img src="https://via.placeholder.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
+					<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
 				</div>
 				<div class="col-md-7">
 					<p>{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}</p>
@@ -24,7 +24,7 @@ <h3><a href="#">{% if page.language == "en" %}The Honourable [Minister name]{% e
 					<h3><a href="#">{% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}</a></h3>
 				</div>
 				<div class="col-md-5">
-					<img src="https://via.placeholder.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
+					<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
 				</div>
 				<div class="col-md-7">
 					<p>{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}</p>

diff --git a/components/gc-minister/samples/gc-minister.html b/components/gc-minister/samples/gc-minister.html
@@ -7,7 +7,7 @@ <h2>{% if page.language == "en" %}Minister{% else %}Ministre{% endif %}</h2>
 					<h3><a href="#">{% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}</a></h3>
 				</div>
 				<div class="col-md-5">
-					<img src="https://via.placeholder.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
+					<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
 				</div>
 				<div class="col-md-7">
 					<p>{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}</p>