Skip to content

Commit 3fc1beb

Browse files
duboispduboisp
authored
Content: Build - Update index files and fix jekyll local includes clones (#2599)
1 parent 9307868 commit 3fc1beb

File tree

3 files changed

+302
-5
lines changed

3 files changed

+302
-5
lines changed

‎_data/components.json‎

Lines changed: 133 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1192,7 +1192,7 @@
11921192
}
11931193
,{
11941194
"@context": {
1195-
"@version": 1.1,
1195+
"@version": 1.2,
11961196
"dct": "http://purl.org/dc/terms/",
11971197
"title": { "@id": "dct:title", "@container": "@language" },
11981198
"description": { "@id": "dct:description", "@container": "@language" },
@@ -1206,10 +1206,10 @@
12061206
"en": "This component is for the minister or institutional head pattern on the institutional landing page.",
12071207
"fr": "Ce composant est destiné au modèle du ministre ou du chef d'institution sur la page d'accueil de l'institution."
12081208
},
1209-
"modified": "2025-04-07",
1209+
"modified": "2025-06-16",
12101210
"componentName": "gc-minister",
12111211
"status": "stable",
1212-
"version": "1.1",
1212+
"version": "1.2",
12131213
"pages": {
12141214
"examples": [
12151215
{
@@ -1241,6 +1241,16 @@
12411241
"title": "Ministre ou chef d'institution - cas particuliers",
12421242
"language": "fr",
12431243
"path": "gc-minister-special-cases-fr.html"
1244+
},
1245+
{
1246+
"title": "Minister or institutional head (multiple)",
1247+
"language": "en",
1248+
"path": "gc-minister-multiple-en.html"
1249+
},
1250+
{
1251+
"title": "Ministre ou chef d'institution (plusieurs)",
1252+
"language": "fr",
1253+
"path": "gc-minister-multiple-fr.html"
12441254
}
12451255
],
12461256
"docs": [
@@ -1292,15 +1302,41 @@
12921302
"_:implement_minister_v1_to_v1.1"
12931303
],
12941304
"history": [
1295-
{
1296-
"en": "April 2025 - Fixed issue where links were not clickable in mobile view.",
1305+
{ "en": "April 2025 - Fixed issue where links were not clickable in mobile view.",
12971306
"fr": "Avril 2025 - Problème résolu où les liens n'étaient pas cliquables dans la vue mobile."
12981307
},
12991308
{
13001309
"en": "March 2024 - Initial implementation of the variation.",
13011310
"fr": "Mars 2024 - Implémentation initiale de la variante."
13021311
}
13031312
]
1313+
},
1314+
{
1315+
"name": {
1316+
"en": "Minister or institutional head - multiple",
1317+
"fr": "Ministre ou chef d’institution - plusieurs"
1318+
},
1319+
"status": "stable",
1320+
"description": {
1321+
"en": "This component is for the minister or institutional head pattern with multiple pictures on the institutional landing page.",
1322+
"fr": "Ce composant est destiné au modèle du ministre ou du chef d'institution avec plusieurs images sur la page d'accueil de l'institution."
1323+
},
1324+
"iteration": "_:iteration_minister_3",
1325+
"example": [
1326+
{
1327+
"en": { "href": "gc-minister-multiple-en.html", "text": "Minister or institutional head (multiple with pictures)" },
1328+
"fr": { "href": "gc-minister-multiple-fr.html", "text": "Ministre ou chef d'institution (plusieurs avec images)" }
1329+
}
1330+
],
1331+
"implementation": [
1332+
"_:implement_minister_v1.2"
1333+
],
1334+
"history": [
1335+
{
1336+
"en": "June 2025 - Added variation of the component with multiple pictures to accomodate high number of appointees.",
1337+
"fr": "Juin 2025 - Ajout d'une variante du composant avec plusieurs images pour tenir compte du nombre élevé de personnes nommées."
1338+
}
1339+
]
13041340
}
13051341
],
13061342
"implementation": [
@@ -1381,6 +1417,52 @@
13811417
"Ajoutez la classe col-xs-12 aux éléments col-md-5 et col-md-7 (contenant respectivement l'image et la description) afin de résoudre le problème où les liens ne sont pas cliquables dans la vue mobile"
13821418
]
13831419
}
1420+
},
1421+
{
1422+
"@id": "_:implement_minister_v1.2",
1423+
"iteration": "_:iteration_minister_3",
1424+
"name": {
1425+
"en": "Multiple",
1426+
"fr": "Plusieurs"
1427+
},
1428+
"introduction": {
1429+
"en": "This implementation is meant for developers/publishers adding the multiple pictures component manually.",
1430+
"fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant de plusieurs images manuellement."
1431+
},
1432+
"notes": {
1433+
"en": [
1434+
"The recommended image size is 200px by 250px."
1435+
],
1436+
"fr": [
1437+
"La taille d'image recommandée est de 200px par 250px."
1438+
]
1439+
},
1440+
"sample": {
1441+
"en": [
1442+
{
1443+
"@type": "source-code",
1444+
"description": "Code sample with image:",
1445+
"code": "<section class=\"gc-minister\">\n\t<h2>Secretary(ies) of State</h2>\n\t<div class=\"row wb-eqht-grd\">\n\t\t<div class=\"col-xs-12 col-md-4\">\n\t\t\t<div class=\"row\">\n\t\t\t\t<div class=\"col-xs-12 col-md-7 pull-right\">\n\t\t\t\t\t<h3><a href=\"#\">The Honourable [Minister name]</a></h3>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"col-xs-12 col-md-5\">\n\t\t\t\t\t <img src=\"[image url]\" alt=\"The Honourable [Minister name]\">\n\t\t\t\t</div>\n\t\t\t\t<div class=\"col-xs-12 col-md-7\">\n\t\t\t\t\t<p>[Official title]</p>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li><a href=\"\">Mandate letter</a></li>\n\t\t\t\t\t\t<li><a href=\"\">Briefing book</a></li>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>"
1446+
},
1447+
{
1448+
"@type": "source-code",
1449+
"description": "Code sample without image:",
1450+
"code": "<section class=\"gc-minister\">\n\t<h2>Secretary(ies) of State</h2>\n\t<div class=\"row wb-eqht-grd\">\n\t\t<div class=\"col-xs-12 col-md-4\">\n\t\t\t<div class=\"row\">\n\t\t\t\t<div class=\"col-xs-12 col-md-7 pull-right\">\n\t\t\t\t\t<h3><a href=\"#\">The Honourable [Minister name]</a></h3>\n\t\t\t\t</div>\n\t\t\t\t<p>[Official title]</p>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li><a href=\"\">Mandate letter</a></li>\n\t\t\t\t\t\t<li><a href=\"\">Briefing book</a></li>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>"
1451+
}
1452+
],
1453+
"fr": [
1454+
{
1455+
"@type": "source-code",
1456+
"description": "Exemple de code avec image :",
1457+
"code": "<section class=\"gc-minister\">\n\t<h2>Secrétaire(s) d'État</h2>\n\t<div class=\"row wb-eqht-grd\">\n\t\t<div class=\"col-xs-12 col-md-4\">\n\t\t\t<div class=\"row\">\n\t\t\t\t<div class=\"col-xs-12 col-md-7 pull-right\">\n\t\t\t\t\t<h3><a href=\"#\">L'honorable [prénom et nom de famille]</a></h3>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"col-xs-12 col-md-5\">\n\t\t\t\t\t<img src=\"[url de l'image]\" alt=\"L'honorable [prénom et nom de famille]\">\n\t\t\t\t</div>\n\t\t\t\t<div class=\"col-xs-12 col-md-7\">\n\t\t\t\t\t<p>[Titre officiel du ministre]</p>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li><a href=\"\">Lettre de mandat</a></li>\n\t\t\t\t\t\t<li><a href=\"\">Dossier d'information</a></li>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>"
1458+
},
1459+
{
1460+
"@type": "source-code",
1461+
"description": "Exemple de code sans image :",
1462+
"code": "<section class=\"gc-minister\">\n\t<h2>Secrétaire(s) d'État</h2>\n\t<div class=\"row wb-eqht-grd\">\n\t\t<div class=\"col-xs-12 col-md-4\">\n\t\t\t<h3><a href=\"#\">L'honorable [prénom et nom de famille]</a></h3>\n\t\t\t<p>[Titre officiel]</p>\n\t\t\t<ul>\n\t\t\t\t<li><a href=\"\">Lettre de mandat</a></li>\n\t\t\t\t<li><a href=\"\">Dossier d'information</a></li>\n\t\t\t</ul>\n\t\t</div>\n\t</div>\n</section>"
1463+
}
1464+
]
1465+
}
13841466
}
13851467
],
13861468
"iteration": [
@@ -1424,6 +1506,29 @@
14241506
"code": "<section class=\"gc-minister col-xs-12 col-md-5\">\n\t<h2>Minister</h2>\n\t<div class=\"row wb-eqht-grd\">\n\t\t<div class=\"col-xs-12 col-md-6\">\n\t\t\t<h3><a href=\"#\">The Honourable [Minister 3 name]</a></h3>\n\t\t\t<p>[Official title]</p>\n\t\t\t<ul>\n\t\t\t\t<li><a href=\"\">Mandate letter</a></li>\n\t\t\t\t<li><a href=\"\">Briefing book</a></li>\n\t\t\t</ul>\n\t\t</div>\n\t</div>\n</section>"
14251507
}
14261508
]
1509+
},
1510+
{
1511+
"@id": "_:iteration_minister_3",
1512+
"name": "Minister - Iteration 3",
1513+
"date": "2025-06",
1514+
"additions": [
1515+
"Added variation of the component with multiple pictures to accomodate high number of appointees. "
1516+
],
1517+
"detectableBy": ".gc-minister",
1518+
"assets": [
1519+
{
1520+
"@type": "source-code",
1521+
"@language": "en",
1522+
"description": "Code sample with image",
1523+
"code": "<section class=\"gc-minister\">\n\t<h2>Secretary(ies) of State</h2>\n\t<div class=\"row wb-eqht-grd\">\n\t\t<div class=\"col-xs-12 col-md-4\">\n\t\t\t<div class=\"row\">\n\t\t\t\t<div class=\"col-xs-12 col-md-7 pull-right\">\n\t\t\t\t\t<h3><a href=\"#\">The Honourable [Minister name]</a></h3>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"col-xs-12 col-md-5\">\n\t\t\t\t\t <img src=\"[image url]\" alt=\"The Honourable [Minister name]\">\n\t\t\t\t</div>\n\t\t\t\t<div class=\"col-xs-12 col-md-7\">\n\t\t\t\t\t<p>[Official title]</p>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li><a href=\"\">Mandate letter</a></li>\n\t\t\t\t\t\t<li><a href=\"\">Briefing book</a></li>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>"
1524+
1525+
},
1526+
{
1527+
"@type": "source-code",
1528+
"description": "Code sample without image",
1529+
"code": "<section class=\"gc-minister\">\n\t<h2>Secretary(ies) of State</h2>\n\t<div class=\"row wb-eqht-grd\">\n\t\t<div class=\"col-xs-12 col-md-4\">\n\t\t\t<div class=\"row\">\n\t\t\t\t<div class=\"col-xs-12 col-md-7 pull-right\">\n\t\t\t\t\t<h3><a href=\"#\">The Honourable [Minister name]</a></h3>\n\t\t\t\t</div>\n\t\t\t\t<p>[Official title]</p>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li><a href=\"\">Mandate letter</a></li>\n\t\t\t\t\t\t<li><a href=\"\">Briefing book</a></li>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>"
1530+
}
1531+
]
14271532
}
14281533
],
14291534
"changesets": [
@@ -1450,6 +1555,29 @@
14501555
"Ministers > Briefing book URL (type: STRING)"
14511556
],
14521557
"mediaConsiderations": "Recommended image size: 200x250px."
1558+
},
1559+
{
1560+
"@id": "_:cs_minister",
1561+
"name": "Minister or institutional head",
1562+
"status": "stable",
1563+
"baseOnIteration": "_:iteration_minister_3",
1564+
"detectableBy": ".gc-minister",
1565+
"layout": "Each minister takes up one third of the container and there are two rows. ",
1566+
"semantic": "section ((h3 a) + img + p + (ul > li))",
1567+
"style": "The image has a thin grey border.",
1568+
"context": "To be used in the institutional landing page template.",
1569+
"schema": [
1570+
"Section title (type: STRING) - for example: Minister, President, Parliamentary secretary, Associate minister, Ombudsman, Management",
1571+
"Ministers (type: ARRAY)",
1572+
"Ministers > Name (type: STRING)",
1573+
"Ministers > Title (type: STRING)",
1574+
"Ministers > Page URL (type: STRING)",
1575+
"Ministers > Image URL (type: STRING)",
1576+
"Ministers > Mandate letter text (type: STRING)",
1577+
"Ministers > Mandate letter URL (type: STRING)",
1578+
"Ministers > Briefing book text (type: STRING)",
1579+
"Ministers > Briefing book URL (type: STRING)"
1580+
]
14531581
}
14541582
]
14551583
}

‎_data/templates.json‎

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -640,6 +640,16 @@
640640
"title": "Page d'accueil institutionnelle",
641641
"language": "fr",
642642
"path": "institutional-landing-fr.html"
643+
},
644+
{
645+
"title": "Institutional landing page - multiple with pictures",
646+
"language": "en",
647+
"path": "institutional-landing-multiple-en.html"
648+
},
649+
{
650+
"title": "Page d'accueil institutionnelle - plusieurs avec des images",
651+
"language": "fr",
652+
"path": "institutional-landing-multiple-fr.html"
643653
}
644654
],
645655
"reports": [
@@ -724,6 +734,37 @@
724734
"fr": "Avril 2014 - Implémentation de la version 1 du gabarit de page."
725735
}
726736
]
737+
},
738+
{
739+
"name": {
740+
"en": "Institutional landing page - multiple with pictures",
741+
"fr": "Pages d'accueil institutionnelle - plusieurs avec des images"
742+
},
743+
"status": "stable",
744+
"description": {
745+
"en": "Use this template as the landing page for Government of Canada institutions and organizations with multiple ministers or institutional heads.",
746+
"fr": "Utilisez ce modèle comme page d'accueil pour les institutions et organismes du gouvernement du Canada lorsqu'il y a plusieurs ministres."
747+
},
748+
"guidance": {
749+
"en": "https://design.canada.ca/mandatory-templates/institutional-profile-pages.html",
750+
"fr": "https://conception.canada.ca/modeles-obligatoire/pages-profil-institutionnel.html"
751+
},
752+
"iteration": "_:iteration_ilp_4",
753+
"example": [
754+
{
755+
"en": { "href": "institutional-landing-multiple-en.html", "text": "Institutional landing page - multiple" },
756+
"fr": { "href": "institutional-landing-multiple-fr.html", "text": "Pages d'accueil institutionnelle - plusieurs" }
757+
}
758+
],
759+
"implementation": [
760+
"_:implement_ilp_multiple"
761+
],
762+
"history": [
763+
{
764+
"en": "July 2025 - implementation of the version 4 of the page template.",
765+
"fr": "Juillet 2024 - Implémentation provisoire de la version 4 du gabarit de page."
766+
}
767+
]
727768
}
728769
],
729770
"implementation": [
@@ -794,9 +835,51 @@
794835
"en": "institutional-landing-en.html main > *:not(.pagedetails)",
795836
"fr": "institutional-landing-fr.html main > *:not(.pagedetails)"
796837
}
838+
},
839+
{
840+
"@id": "_:implement_ilp_multiple",
841+
"iteration": "_:iteration_ilp_4",
842+
"name": {
843+
"en": "Multiple",
844+
"fr": "Plusieurs"
845+
},
846+
"introduction": {
847+
"en": "This implementation is meant for developers/publishers adding the multiple pictures component manually.",
848+
"fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant de plusieurs images manuellement."
849+
},
850+
"instructions": {
851+
"en": [
852+
"Refer to the working example for a code sample.",
853+
"Refer to the working example and guidance for more information on how to implement this page template."
854+
],
855+
"fr": [
856+
"Reportez-vous à l'exemple pratique pour un exemple de code.",
857+
"Référez-vous à l'exemple pratique et aux directives pour plus d'informations sur l'implémentation ce modèle de page."
858+
]
859+
}
797860
}
798861
],
799862
"iteration": [
863+
{
864+
"@id": "_:iteration_ilp_4",
865+
"name": "Institutional landing page - Iteration 4 (multiple)",
866+
"date": "2025-07",
867+
"detectableBy": "Multiple pictures for minister or insitutional head.",
868+
"example": {
869+
"en": [
870+
{
871+
"href": "institutional-landing-multiple-en.html",
872+
"text": "Institutional landing page version 4 (multiple)"
873+
}
874+
],
875+
"fr": [
876+
{
877+
"href": "institutional-landing-multiple-fr.html",
878+
"text": "Page d'accueil institutionnelle version 4 (plusieurs)"
879+
}
880+
]
881+
}
882+
},
800883
{
801884
"@id": "_:iteration_ilp_3",
802885
"name": "Institutional landing page - Iteration 3",

‎_includes/components/gc-minister/gc-minister-multiple.html‎

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
<section class="gc-minister">
2+
<h2>{% if page.language == "en" %}Secretary(ies) of State{% else %}Secrétaire(s) d'État{% endif %}</h2>
3+
<div class="row wb-eqht-grd">
4+
<div class="col-xs-12 col-md-4">
5+
<div class="row">
6+
<div class="col-xs-12 col-md-7 pull-right">
7+
<h3><a href="#">{% if page.language == "en" %}The Honourable [Secretary of State name]{% else %}L'honorable [prénom et nom de famille]{% endif %}</a></h3>
8+
</div>
9+
<div class="col-xs-12 col-md-5">
10+
<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Official title]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
11+
</div>
12+
<div class="col-xs-12 col-md-7">
13+
<p>{% if page.language == "en" %}[Official title]{% else %}[Titre officiel]{% endif %}</p>
14+
</div>
15+
</div>
16+
</div>
17+
<div class="col-xs-12 col-md-4">
18+
<div class="row">
19+
<div class="col-xs-12 col-md-7 pull-right">
20+
<h3><a href="#">{% if page.language == "en" %}The Honourable [Secretary of State name]{% else %}L'honorable [prénom et nom de famille]{% endif %}</a></h3>
21+
</div>
22+
<div class="col-xs-12 col-md-5 ">
23+
<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Official title]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
24+
</div>
25+
<div class="col-xs-12 col-md-7">
26+
<p>{% if page.language == "en" %}[Official title]{% else %}[Titre officiel]{% endif %}</p>
27+
</div>
28+
</div>
29+
</div>
30+
<div class="col-xs-12 col-md-4">
31+
<div class="row">
32+
<div class="col-xs-12 col-md-7 pull-right">
33+
<h3><a href="#">{% if page.language == "en" %}The Honourable [Secretary of State name]{% else %}L'honorable [prénom et nom de famille]{% endif %}</a></h3>
34+
</div>
35+
<div class="col-xs-12 col-md-5 ">
36+
<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Official title]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
37+
</div>
38+
<div class="col-xs-12 col-md-7">
39+
<p>{% if page.language == "en" %}[Official title]{% else %}[Titre officiel]{% endif %}</p>
40+
</div>
41+
</div>
42+
</div>
43+
</div>
44+
45+
<div class="row wb-eqht-grd">
46+
<div class="col-xs-12 col-md-4">
47+
<div class="row">
48+
<div class="col-xs-12 col-md-7 pull-right">
49+
<h3><a href="#">{% if page.language == "en" %}The Honourable [Secretary of State name]{% else %}L'honorable [prénom et nom de famille]{% endif %}</a></h3>
50+
</div>
51+
<div class="col-xs-12 col-md-5 ">
52+
<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Official title]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
53+
</div>
54+
<div class="col-xs-12 col-md-7">
55+
<p>{% if page.language == "en" %}[Official title]{% else %}[Titre officiel]{% endif %}</p>
56+
</div>
57+
</div>
58+
</div>
59+
<div class="col-xs-12 col-md-4">
60+
<div class="row">
61+
<div class="col-xs-12 col-md-7 pull-right">
62+
<h3><a href="#">{% if page.language == "en" %}The Honourable [Secretary of State name]{% else %}L'honorable [prénom et nom de famille]{% endif %}</a></h3>
63+
</div>
64+
<div class="col-xs-12 col-md-5 ">
65+
<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Official title]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
66+
</div>
67+
<div class="col-xs-12 col-md-7">
68+
<p>{% if page.language == "en" %}[Official title]{% else %}[Titre officiel]{% endif %}</p>
69+
</div>
70+
</div>
71+
</div>
72+
<div class="col-xs-12 col-md-4">
73+
<div class="row">
74+
<div class="col-xs-12 col-md-7 pull-right">
75+
<h3><a href="#">{% if page.language == "en" %}The Honourable [Secretary of State name]{% else %}L'honorable [prénom et nom de famille]{% endif %}</a></h3>
76+
</div>
77+
<div class="col-xs-12 col-md-5 ">
78+
<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="{% if page.language == 'en' %}The Honourable [Official title]{% else %}L'honorable [prénom et nom de famille]{% endif %}">
79+
</div>
80+
<div class="col-xs-12 col-md-7">
81+
<p>{% if page.language == "en" %}[Official title]{% else %}[Titre officiel]{% endif %}</p>
82+
</div>
83+
</div>
84+
</div>
85+
</div>
86+
</section>

0 commit comments

Comments
 (0)