From 4d508593df2b107ad87fe318ecd5b88c1ab94b43 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Garneau?= Date: Thu, 23 Nov 2023 14:35:53 -0500 Subject: [PATCH] Archived: add new variant without overlay --- _data/sites.json | 293 ++++++++++++++++++++++- components/_base.scss | 17 -- sites/archived/_archived.scss | 33 +-- sites/archived/archived-docs-en.html | 11 + sites/archived/archived-docs-fr.html | 11 + sites/archived/archived-en.html | 13 +- sites/archived/archived-fr.html | 13 +- sites/archived/archived-overlay-en.html | 33 +++ sites/archived/archived-overlay-fr.html | 33 +++ sites/archived/index.json-ld | 294 +++++++++++++++++++++++- sites/headers-includes/archive.html | 6 + sites/layouts/documentation.html | 30 ++- 12 files changed, 732 insertions(+), 55 deletions(-) create mode 100644 sites/archived/archived-docs-en.html create mode 100644 sites/archived/archived-docs-fr.html create mode 100644 sites/archived/archived-overlay-en.html create mode 100644 sites/archived/archived-overlay-fr.html diff --git a/_data/sites.json b/_data/sites.json index 253635d98..16521b303 100644 --- a/_data/sites.json +++ b/_data/sites.json @@ -17,6 +17,7 @@ "modified": "2022-05-03", "componentName": "archived", "status": "stable", + "version": "1.1", "pages": { "examples": [ { @@ -29,8 +30,298 @@ "language": "fr", "path": "archived-fr.html" } + ], + "docs": [ + { + "title": "Archived - documentation", + "language": "en", + "path": "archived-docs-en.html" + }, + { + "title": "Archivé - documentation", + "language": "fr", + "path": "archived-docs-fr.html" + } ] - } + }, + "dependencies": "no dependency", + "a11yGuidance": "no accessibility guidance", + "variations": [ + { + "name": { + "en": "Archived - default", + "fr": "Archivé - par défaut" + }, + "status": "stable", + "description": { + "en": "The archived component indicates that a given page was archived and its content is provided for reference, research or recordkeeping purposes.", + "fr": "La composante archivé indique qu'une page donnée a été archivée et que son contenu est fourni aux fins de référence, de recherche ou de tenue de documents." + }, + "iteration": "_:iteration_archvd_1", + "example": [ + { + "en": { "href": "archived-en.html", "text": "Archived" }, + "fr": { "href": "archived-fr.html", "text": "Archivé" } + } + ], + "implementation": [ + "_:implement_archvd" + ], + "history": [ + { + "en": "November 2023 - Initial implementation of the variation.", + "fr": "Novembre 2023 - Implémentation initiale de la variante." + } + ] + }, + { + "name": { + "en": "Archived with overlay", + "fr": "Archivé avec contenu superposé" + }, + "status": "stable", + "description": { + "en": "The archived with overlay component indicates that a given page was archived and its content is provided for reference, research or recordkeeping purposes. It contains an overlayed element that appears when the page is scrolled.", + "fr": "La composante archivé avec contenu superposé indique qu'une page donnée a été archivée et que son contenu est fourni aux fins de référence, de recherche ou de tenue de documents. Elle comporte un élément superposé au contenu qui s'affiche lorsque la page défile." + }, + "iteration": "_:iteration_archvd_overlay_1", + "example": [ + { + "en": { "href": "archived-overlay-en.html", "text": "Archived with overlay" }, + "fr": { "href": "archived-overlay-fr.html", "text": "Archivé avec contenu superposé" } + } + ], + "implementation": [ + "_:implement_archvd_overlay", + "_:implement_archvd_overlay_gcweb" + ], + "history": [ + { + "en": "February 2014 - Initial implementation of the variation.", + "fr": "Février 2014 - Implémentation initiale de la variante." + } + ] + } + ], + "implementation": [ + { + "@id": "_:implement_archvd_overlay", + "iteration": "_:iteration_archvd_overlay_1", + "name": { + "en": "Standard", + "fr": "Standard" + }, + "introduction": { + "en": "This implementation is meant for developers/publishers adding the component manually.", + "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement." + }, + "instructions": { + "en": [ + "Insert the code snippet below at the beginning of your <body> element." + ], + "fr": [ + "Insérez l'extrait de code ci-dessous au début de votre élément <body>." + ] + }, + "notes": { + "en": [ + "For more information on how the Overlay or Data Inview plugins, visit their respective documentation" + ], + "fr": [ + "Pour plus d'informations sur le fonctionnement des plugiciels Contenu superposé ou Data Inview, visitez leur documentation respective" + ] + }, + "sample": { + "en": [ + { + "@type": "source-code", + "description": "Code sample:", + "code": "
\n\t
\n\t\t

We have archived this page and will not be updating it.

\n\t\t

You can use it for research or reference.

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

We have archived this page and will not be updating it.

\n\t\t

You can use it for research or reference.

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

Nous avons archivé cette page et elle ne sera plus mise à jour.

\n\t\t

Vous pouvez la consulter à des fins de recherche ou à titre de référence.

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

Nous avons archivé cette page et elle ne sera plus mise à jour.

\n\t\t

Vous pouvez la consulter à des fins de recherche ou à titre de référence.

\n\t
\n
" + } + ] + } + }, + { + "@id": "_:implement_archvd_overlay_gcweb", + "iteration": "_:iteration_archvd_overlay_1", + "name": { + "en": "GCWeb Jekyll", + "fr": "GCWeb Jekyll" + }, + "introduction": { + "en": "This implementation is meant for developers trying to implement this component within a GCWeb Jekyll site.", + "fr": "Cette implémentation est destinée aux développeurs essayant d'implémenter ce composant dans un site GCWeb Jekyll." + }, + "instructions": { + "en": [ + "To show the \"Archived with overlay\", in the page's front-matter, set the property archiveOverlay to true." + ], + "fr": [ + "Pour afficher \"Archivé avec contenu superposé\", dans l'en-tête de la page, définissez la propriété archiveOverlay à true." + ] + }, + "notes": { + "en": [ + "For more information on how the Overlay or Data Inview plugins, visit their respective documentation" + ], + "fr": [ + "Pour plus d'informations sur le fonctionnement des plugiciels Contenu superposé ou Data Inview, visitez leur documentation respective" + ] + }, + "sample": { + "en": [ + { + "@type": "source-code", + "description": "Code sample:", + "code": "{\n\t...\n\t\"archiveOverlay\": true\n\t...\n}" + } + ], + "fr": [ + { + "@type": "source-code", + "description": "Exemple de code:", + "code": "{\n\t...\n\t\"archiveOverlay\": true\n\t...\n}" + } + ] + } + }, + { + "@id": "_:implement_archvd", + "iteration": "_:iteration_archvd_1", + "name": { + "en": "Standard", + "fr": "Standard" + }, + "introduction": { + "en": "This implementation is meant for developers/publishers adding the component manually.", + "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement." + }, + "instructions": { + "en": [ + "Insert the code snippet below at the beginning of your <body> element." + ], + "fr": [ + "Insérez l'extrait de code ci-dessous au début de votre élément <body>." + ] + }, + "sample": { + "en": [ + { + "@type": "source-code", + "description": "Code sample:", + "code": "
\n\t
\n\t\t

We have archived this page and will not be updating it.

\n\t\t

You can use it for research or reference.

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

Nous avons archivé cette page et elle ne sera plus mise à jour.

\n\t\t

Vous pouvez la consulter à des fins de recherche ou à titre de référence.

\n\t
\n
" + } + ] + } + } + ], + "iteration": [ + { + "@id": "_:iteration_archvd_1", + "name": "Archived - Iteration 1", + "date": "2023-11", + "detectableBy": ".gc-archv", + "assets": [ + { + "@type": "source-code", + "@language": "en", + "description": "Code sample", + "code": "
\n\t
\n\t

We have archived this page and will not be updating it.

\n\t

You can use it for research or reference.

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

Nous avons archivé cette page et elle ne sera plus mise à jour.

\n\t

Vous pouvez la consulter à des fins de recherche ou à titre de référence.

\n\t
\n
" + } + ] + }, + { + "@id": "_:iteration_archvd_overlay_1", + "name": "Archived with overlay - Iteration 1", + "date": "2014-02", + "detectableBy": ".gc-archv.wb-inview", + "assets": [ + { + "@type": "source-code", + "@language": "en", + "description": "Code sample", + "code": "
\n\t
\n\t

We have archived this page and will not be updating it.

\n\t

You can use it for research or reference.

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

We have archived this page and will not be updating it.

\n\t

You can use it for research or reference.

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

Nous avons archivé cette page et elle ne sera plus mise à jour.

\n\t

Vous pouvez la consulter à des fins de recherche ou à titre de référence.

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

Nous avons archivé cette page et elle ne sera plus mise à jour.

\n\t

Vous pouvez la consulter à des fins de recherche ou à titre de référence.

\n\t
\n
" + } + ] + } + ], + "changesets": [ + { + "@id": "_:cs_archvd", + "name": "Archived", + "status": "stable", + "baseOnIteration": "_:iteration_archvd_1", + "detectableBy": ".gc-archv", + "layout": "Must be at the very top of the page", + "semantic": "section > .container > h2 + p", + "static": [ + "We have archived this page and will not be updating it.", + "You can use it for research or reference.", + "Nous avons archivé cette page et elle ne sera plus mise à jour.", + "Vous pouvez la consulter à des fins de recherche ou à titre de référence." + ], + "include": { + "@type": "source-code", + "collapsed": true, + "description": "Include with logic in Liquid.", + "code": { + "@type": [ "@id", "rdf:HTML" ], + "@value": "../headers-includes/archive.html" + } + } + }, + { + "@id": "_:cs_archvd_overlay", + "name": "Archived with overlay", + "status": "stable", + "baseOnIteration": "_:iteration_archvd_overlay_1", + "detectableBy": ".gc-archv.wb-inview", + "layout": "Must be at the very top of the page", + "semantic": "(section > .container > h2 + p) + (section > .container > h2 + p)", + "static": [ + "We have archived this page and will not be updating it.", + "You can use it for research or reference.", + "Nous avons archivé cette page et elle ne sera plus mise à jour.", + "Vous pouvez la consulter à des fins de recherche ou à titre de référence." + ], + "include": { + "@type": "source-code", + "collapsed": true, + "description": "Include with logic in Liquid.", + "code": { + "@type": [ "@id", "rdf:HTML" ], + "@value": "../headers-includes/archive.html" + } + }, + "basic": "Overlay is not enabled." + } + ] } ,{ "@context": { diff --git a/components/_base.scss b/components/_base.scss index a3a00ce00..6116991b3 100644 --- a/components/_base.scss +++ b/components/_base.scss @@ -137,23 +137,6 @@ } } -/* - * Archived template banner - */ - -.gc-archv { - background-color: #ffd700 !important; - padding: 25px 50px; - - h2 { - margin-top: 0; - } - - .mfp-close.overlay-close { - color: #000; - } -} - /* Embedding a Fluid Survey */ .gc-fld-srvy-container { -webkit-overflow-scrolling: touch; diff --git a/sites/archived/_archived.scss b/sites/archived/_archived.scss index 095969104..32b50c442 100644 --- a/sites/archived/_archived.scss +++ b/sites/archived/_archived.scss @@ -1,26 +1,27 @@ +.gc-archv { + &.modal-content { + border: none; + border-radius: 0; + } -#archived-bnr { - background-color: #fd0; + background-color: #ffd700 !important; + box-shadow: 0 5px 15px rgba(0, 0, 0, .5); + padding: 25px 0px; - p { - margin: 0; - text-align: center; + h2 { + margin-top: 0; } - a { + .mfp-close.overlay-close { color: #000; - display: block; - font-weight: 700; - padding: .75em 44px; - text-decoration: none; - &:hover, - &:focus { - text-decoration: underline; + &:focus, &:focus-visible { + outline: 5px auto rgb(0, 95, 204); + outline-offset: -2px; } } +} - .overlay-close { - color: #000; - } +.wb-disable .gc-arch.wb-overlay { + display: none; } diff --git a/sites/archived/archived-docs-en.html b/sites/archived/archived-docs-en.html new file mode 100644 index 000000000..498bccabd --- /dev/null +++ b/sites/archived/archived-docs-en.html @@ -0,0 +1,11 @@ +--- +{ + "layout": "documentation", + "altLangPage": "archived-docs-fr.html", + "dateModified": "2023-11-29", + "index_json": "index.json-ld", + "description": "Documentation on how to use the \"Archived\" site component.", + "language": "en", + "title": "Archived - documentation" +} +--- diff --git a/sites/archived/archived-docs-fr.html b/sites/archived/archived-docs-fr.html new file mode 100644 index 000000000..4912283e3 --- /dev/null +++ b/sites/archived/archived-docs-fr.html @@ -0,0 +1,11 @@ +--- +{ + "layout": "documentation", + "altLangPage": "archived-docs-en.html", + "dateModified": "2023-11-29", + "index_json": "index.json-ld", + "description": "Documentation sur l'utilisation de la composante de site « Archivé ».", + "language": "fr", + "title": "Archivé - documentation" +} +--- diff --git a/sites/archived/archived-en.html b/sites/archived/archived-en.html index 4987c2561..f66a6ed25 100644 --- a/sites/archived/archived-en.html +++ b/sites/archived/archived-en.html @@ -4,13 +4,22 @@ "language": "en", "altLangPage": "archived-fr.html", "secondlevel": false, - "dateModified": "2022-05-03", + "dateModified": "2023-11-29", "share": "true", "archived": true } --- +
+

Archived information

Archived information is provided for reference, research or recordkeeping purposes. It is not subject to the Government of Canada Web Standards and has not been altered or updated since it was archived. Please contact us to request a format other than those available.

-{% include web-contents/placeholdercontent-en.html %} + +

Code sample

+
<section class="gc-archv">
+	<div class="container">
+		<h2>We have archived this page and will not be updating it.</h2>
+		<p>You can use it for research or reference.</p>
+	</div>
+</section>
diff --git a/sites/archived/archived-fr.html b/sites/archived/archived-fr.html index f5efeccba..7a54a3121 100644 --- a/sites/archived/archived-fr.html +++ b/sites/archived/archived-fr.html @@ -4,13 +4,22 @@ "language": "fr", "altLangPage": "archived-en.html", "secondlevel": false, - "dateModified": "2022-05-03", + "dateModified": "2023-11-29", "share": "true", "archived": true } --- +
+

Informations archivées

Les informations archivées sont fournies aux fins de référence, de recherche ou de tenue de documents. Elles ne sont pas assujetties aux normes Web du gouvernement du Canada et n'ont pas été modifiées ou mises à jour depuis leur archivage. Pour obtenir ces informations dans un autre format, veuillez communiquer avec nous.

-{% include web-contents/placeholdercontent-fr.html %} + +

Code

+
<section class="gc-archv">
+	<div class="container">
+		<h2>Nous avons archivé cette page et elle ne sera plus mise à jour.</h2>
+		<p>Vous pouvez la consulter à des fins de recherche ou à titre de référence.</p>
+	</div>
+</section>
diff --git a/sites/archived/archived-overlay-en.html b/sites/archived/archived-overlay-en.html new file mode 100644 index 000000000..7f6866edd --- /dev/null +++ b/sites/archived/archived-overlay-en.html @@ -0,0 +1,33 @@ +--- +{ + "title": "Archived with overlay", + "language": "en", + "altLangPage": "archived-overlay-fr.html", + "secondlevel": false, + "dateModified": "2022-05-03", + "share": "true", + "archived": true, + "archiveOverlay": true +} +--- +
+ +
+

Archived information

+

Archived information is provided for reference, research or recordkeeping purposes. It is not subject to the Government of Canada Web Standards and has not been altered or updated since it was archived. Please contact us to request a format other than those available.

+
+ +

Code sample

+
<section class="gc-archv wb-inview modal-content show-none bar-demo" data-inview="top-bar">
+	<div class="container">
+		<h2>We have archived this page and will not be updating it.</h2>
+		<p>You can use it for research or reference.</p>
+	</div>
+</section>
+
+<section id="top-bar" class="gc-archv wb-overlay modal-content overlay-def wb-bar-t">
+	<div class="container">
+		<h2>We have archived this page and will not be updating it.</h2>
+		<p>You can use it for research or reference.</p>
+	</div>
+</section>
diff --git a/sites/archived/archived-overlay-fr.html b/sites/archived/archived-overlay-fr.html new file mode 100644 index 000000000..561627bc7 --- /dev/null +++ b/sites/archived/archived-overlay-fr.html @@ -0,0 +1,33 @@ +--- +{ + "title": "Archivé avec contenu superposé", + "language": "fr", + "altLangPage": "archived-overlay-en.html", + "secondlevel": false, + "dateModified": "2022-05-03", + "share": "true", + "archived": true, + "archiveOverlay": true +} +--- +
+ +
+

Informations archivées

+

Les informations archivées sont fournies aux fins de référence, de recherche ou de tenue de documents. Elles ne sont pas assujetties aux normes Web du gouvernement du Canada et n'ont pas été modifiées ou mises à jour depuis leur archivage. Pour obtenir ces informations dans un autre format, veuillez communiquer avec nous.

+
+ +

Code

+
<section class="gc-archv wb-inview modal-content show-none bar-demo" data-inview="top-bar">
+	<div class="container">
+		<h2>Nous avons archivé cette page et elle ne sera plus mise à jour.</h2>
+		<p>Vous pouvez la consulter à des fins de recherche ou à titre de référence.</p>
+	</div>
+</section>
+
+<section id="top-bar" class="gc-archv wb-overlay modal-content overlay-def wb-bar-t">
+	<div class="container">
+		<h2>Nous avons archivé cette page et elle ne sera plus mise à jour.</h2>
+		<p>Vous pouvez la consulter à des fins de recherche ou à titre de référence.</p>
+	</div>
+</section>
diff --git a/sites/archived/index.json-ld b/sites/archived/index.json-ld index 06dc1edd1..a8e464385 100644 --- a/sites/archived/index.json-ld +++ b/sites/archived/index.json-ld @@ -17,6 +17,7 @@ "modified": "2022-05-03", "componentName": "archived", "status": "stable", + "version": "1.1", "pages": { "examples": [ { @@ -29,6 +30,297 @@ "language": "fr", "path": "archived-fr.html" } + ], + "docs": [ + { + "title": "Archived - documentation", + "language": "en", + "path": "archived-docs-en.html" + }, + { + "title": "Archivé - documentation", + "language": "fr", + "path": "archived-docs-fr.html" + } ] - } + }, + "dependencies": "no dependency", + "a11yGuidance": "no accessibility guidance", + "variations": [ + { + "name": { + "en": "Archived - default", + "fr": "Archivé - par défaut" + }, + "status": "stable", + "description": { + "en": "The archived component indicates that a given page was archived and its content is provided for reference, research or recordkeeping purposes.", + "fr": "La composante archivé indique qu'une page donnée a été archivée et que son contenu est fourni aux fins de référence, de recherche ou de tenue de documents." + }, + "iteration": "_:iteration_archvd_1", + "example": [ + { + "en": { "href": "archived-en.html", "text": "Archived" }, + "fr": { "href": "archived-fr.html", "text": "Archivé" } + } + ], + "implementation": [ + "_:implement_archvd" + ], + "history": [ + { + "en": "November 2023 - Initial implementation of the variation.", + "fr": "Novembre 2023 - Implémentation initiale de la variante." + } + ] + }, + { + "name": { + "en": "Archived with overlay", + "fr": "Archivé avec contenu superposé" + }, + "status": "stable", + "description": { + "en": "The archived with overlay component indicates that a given page was archived and its content is provided for reference, research or recordkeeping purposes. It contains an overlayed element that appears when the page is scrolled.", + "fr": "La composante archivé avec contenu superposé indique qu'une page donnée a été archivée et que son contenu est fourni aux fins de référence, de recherche ou de tenue de documents. Elle comporte un élément superposé au contenu qui s'affiche lorsque la page défile." + }, + "iteration": "_:iteration_archvd_overlay_1", + "example": [ + { + "en": { "href": "archived-overlay-en.html", "text": "Archived with overlay" }, + "fr": { "href": "archived-overlay-fr.html", "text": "Archivé avec contenu superposé" } + } + ], + "implementation": [ + "_:implement_archvd_overlay", + "_:implement_archvd_overlay_gcweb" + ], + "history": [ + { + "en": "February 2014 - Initial implementation of the variation.", + "fr": "Février 2014 - Implémentation initiale de la variante." + } + ] + } + ], + "implementation": [ + { + "@id": "_:implement_archvd_overlay", + "iteration": "_:iteration_archvd_overlay_1", + "name": { + "en": "Standard", + "fr": "Standard" + }, + "introduction": { + "en": "This implementation is meant for developers/publishers adding the component manually.", + "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement." + }, + "instructions": { + "en": [ + "Insert the code snippet below at the beginning of your <body> element." + ], + "fr": [ + "Insérez l'extrait de code ci-dessous au début de votre élément <body>." + ] + }, + "notes": { + "en": [ + "For more information on how the Overlay or Data Inview plugins, visit their respective documentation" + ], + "fr": [ + "Pour plus d'informations sur le fonctionnement des plugiciels Contenu superposé ou Data Inview, visitez leur documentation respective" + ] + }, + "sample": { + "en": [ + { + "@type": "source-code", + "description": "Code sample:", + "code": "
\n\t
\n\t\t

We have archived this page and will not be updating it.

\n\t\t

You can use it for research or reference.

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

We have archived this page and will not be updating it.

\n\t\t

You can use it for research or reference.

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

Nous avons archivé cette page et elle ne sera plus mise à jour.

\n\t\t

Vous pouvez la consulter à des fins de recherche ou à titre de référence.

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

Nous avons archivé cette page et elle ne sera plus mise à jour.

\n\t\t

Vous pouvez la consulter à des fins de recherche ou à titre de référence.

\n\t
\n
" + } + ] + } + }, + { + "@id": "_:implement_archvd_overlay_gcweb", + "iteration": "_:iteration_archvd_overlay_1", + "name": { + "en": "GCWeb Jekyll", + "fr": "GCWeb Jekyll" + }, + "introduction": { + "en": "This implementation is meant for developers trying to implement this component within a GCWeb Jekyll site.", + "fr": "Cette implémentation est destinée aux développeurs essayant d'implémenter ce composant dans un site GCWeb Jekyll." + }, + "instructions": { + "en": [ + "To show the \"Archived with overlay\", in the page's front-matter, set the property archiveOverlay to true." + ], + "fr": [ + "Pour afficher \"Archivé avec contenu superposé\", dans l'en-tête de la page, définissez la propriété archiveOverlay à true." + ] + }, + "notes": { + "en": [ + "For more information on how the Overlay or Data Inview plugins, visit their respective documentation" + ], + "fr": [ + "Pour plus d'informations sur le fonctionnement des plugiciels Contenu superposé ou Data Inview, visitez leur documentation respective" + ] + }, + "sample": { + "en": [ + { + "@type": "source-code", + "description": "Code sample:", + "code": "{\n\t...\n\t\"archiveOverlay\": true\n\t...\n}" + } + ], + "fr": [ + { + "@type": "source-code", + "description": "Exemple de code:", + "code": "{\n\t...\n\t\"archiveOverlay\": true\n\t...\n}" + } + ] + } + }, + { + "@id": "_:implement_archvd", + "iteration": "_:iteration_archvd_1", + "name": { + "en": "Standard", + "fr": "Standard" + }, + "introduction": { + "en": "This implementation is meant for developers/publishers adding the component manually.", + "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement." + }, + "instructions": { + "en": [ + "Insert the code snippet below at the beginning of your <body> element." + ], + "fr": [ + "Insérez l'extrait de code ci-dessous au début de votre élément <body>." + ] + }, + "sample": { + "en": [ + { + "@type": "source-code", + "description": "Code sample:", + "code": "
\n\t
\n\t\t

We have archived this page and will not be updating it.

\n\t\t

You can use it for research or reference.

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

Nous avons archivé cette page et elle ne sera plus mise à jour.

\n\t\t

Vous pouvez la consulter à des fins de recherche ou à titre de référence.

\n\t
\n
" + } + ] + } + } + ], + "iteration": [ + { + "@id": "_:iteration_archvd_1", + "name": "Archived - Iteration 1", + "date": "2023-11", + "detectableBy": ".gc-archv", + "assets": [ + { + "@type": "source-code", + "@language": "en", + "description": "Code sample", + "code": "
\n\t
\n\t

We have archived this page and will not be updating it.

\n\t

You can use it for research or reference.

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

Nous avons archivé cette page et elle ne sera plus mise à jour.

\n\t

Vous pouvez la consulter à des fins de recherche ou à titre de référence.

\n\t
\n
" + } + ] + }, + { + "@id": "_:iteration_archvd_overlay_1", + "name": "Archived with overlay - Iteration 1", + "date": "2014-02", + "detectableBy": ".gc-archv.wb-inview", + "predecessor": "_:iteration_archvd_1", + "assets": [ + { + "@type": "source-code", + "@language": "en", + "description": "Code sample", + "code": "
\n\t
\n\t

We have archived this page and will not be updating it.

\n\t

You can use it for research or reference.

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

We have archived this page and will not be updating it.

\n\t

You can use it for research or reference.

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

Nous avons archivé cette page et elle ne sera plus mise à jour.

\n\t

Vous pouvez la consulter à des fins de recherche ou à titre de référence.

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

Nous avons archivé cette page et elle ne sera plus mise à jour.

\n\t

Vous pouvez la consulter à des fins de recherche ou à titre de référence.

\n\t
\n
" + } + ] + } + ], + "changesets": [ + { + "@id": "_:cs_archvd", + "name": "Archived", + "status": "stable", + "baseOnIteration": "_:iteration_archvd_1", + "detectableBy": ".gc-archv", + "layout": "Must be at the very top of the page", + "semantic": "section > .container > h2 + p", + "static": [ + "We have archived this page and will not be updating it.", + "You can use it for research or reference.", + "Nous avons archivé cette page et elle ne sera plus mise à jour.", + "Vous pouvez la consulter à des fins de recherche ou à titre de référence." + ], + "include": { + "@type": "source-code", + "collapsed": true, + "description": "Include with logic in Liquid.", + "code": { + "@type": [ "@id", "rdf:HTML" ], + "@value": "../headers-includes/archive.html" + } + } + }, + { + "@id": "_:cs_archvd_overlay", + "name": "Archived with overlay", + "status": "stable", + "baseOnIteration": "_:iteration_archvd_overlay_1", + "detectableBy": ".gc-archv.wb-inview", + "layout": "Must be at the very top of the page", + "semantic": "(section > .container > h2 + p) + (section > .container > h2 + p)", + "static": [ + "We have archived this page and will not be updating it.", + "You can use it for research or reference.", + "Nous avons archivé cette page et elle ne sera plus mise à jour.", + "Vous pouvez la consulter à des fins de recherche ou à titre de référence." + ], + "include": { + "@type": "source-code", + "collapsed": true, + "description": "Include with logic in Liquid.", + "code": { + "@type": [ "@id", "rdf:HTML" ], + "@value": "../headers-includes/archive.html" + } + }, + "basic": "Overlay is not enabled." + } + ] } diff --git a/sites/headers-includes/archive.html b/sites/headers-includes/archive.html index 5893f3031..d89470809 100644 --- a/sites/headers-includes/archive.html +++ b/sites/headers-includes/archive.html @@ -1,13 +1,19 @@ +{%- if page.archiveOverlay == true -%}