From 51fa1ec8b0e9b26b3c454c68516eba42727c219b Mon Sep 17 00:00:00 2001 From: Garneauma Date: Fri, 6 Dec 2024 14:33:07 -0500 Subject: [PATCH] =?UTF-8?q?Major=20-=20Clean=20up:=20moving=20deprecated?= =?UTF-8?q?=20components=20to=20m=C3=A9li-m=C3=A9lo=20(#2425)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Deprecation of: * Topic page version 1 and the beta version * Follow us version 1 (which is now replaced by social media channels) * Page details version 3.1 and older * A few provision feature such: * Chat wizard * background image heading * Icon warning * Pink day thematic Removal of: * Site footer version 1 to version 5 --- _data/components.json | 26 +- "_data/m\303\251li-m\303\251lo.json" | 16 +- _data/sites.json | 20 +- _data/templates.json | 54 +- components/_provisional.scss | 27 +- components/gc-follow-us/_base.scss | 6 +- components/gc-follow-us/index.json-ld | 10 +- components/provisional-en.html | 42 +- components/provisional-fr.html | 46 +- .../social-media-icons/_screen-md-min.scss | 3 - components/wb-chtwzrd/chatwizard.js | 24 +- components/wb-chtwzrd/index.json-ld | 16 +- .../assets/how-to-get-involved-orange.png" | Bin .../deprecated/assets/x-blue-line.png" | Bin 0 -> 3122 bytes .../chatwizard/assets/default-avatar.png" | Bin 0 -> 1627 bytes .../deprecated/chatwizard/chatwizard-en.html" | 13 +- .../deprecated/chatwizard/chatwizard-fr.html" | 12 +- .../chatwizard/chatwizard-json-en.html" | 6 +- .../chatwizard/chatwizard-json-fr.html" | 6 +- .../deprecated/chatwizard/chatwizard.css" | 429 +++++++++ .../deprecated/chatwizard/chatwizard.js" | 830 ++++++++++++++++++ .../chatwizard/demo/manual-form.json" | 84 ++ .../deprecated/chatwizard/docs.html" | 13 +- .../deprecated/deprecated.html" | 75 +- .../deprecated/pinkday/docs-en.html" | 31 + .../deprecated/pinkday/docs-fr.html" | 31 + .../deprecated/pinkday/pink-day-en.html" | 1 - .../deprecated/pinkday/pink-day-fr.html" | 1 - .../deprecated/pinkday/pink-day-home-en.html" | 0 .../deprecated/pinkday/pink-day-home-fr.html" | 0 .../deprecated/pinkday/pinkday.css" | 50 ++ .../deprecated/style.css" | 115 +++ sites/footers/_screen-sm-max.scss | 43 +- sites/footers/_screen-xs-max.scss | 41 - sites/footers/_screen-xxs-max.scss | 10 +- sites/footers/deprecated/footers-v1-en.html | 84 -- sites/footers/deprecated/footers-v1-fr.html | 84 -- sites/footers/deprecated/footers-v2-en.html | 90 -- sites/footers/deprecated/footers-v2-fr.html | 90 -- sites/footers/deprecated/footers-v3-en.html | 117 --- sites/footers/deprecated/footers-v3-fr.html | 117 --- sites/footers/deprecated/footers-v4-en.html | 112 --- sites/footers/deprecated/footers-v4-fr.html | 114 --- sites/footers/deprecated/footers-v5-en.html | 115 --- sites/footers/deprecated/footers-v5-fr.html | 114 --- .../deprecated/includes/footers-v2.html | 104 --- sites/footers/old-footers-en.html | 297 +------ sites/footers/old-footers-fr.html | 303 +------ .../page-details-v3-en.html | 2 +- .../page-details-v3-fr.html | 2 +- .../page-details-v3.1-en.html | 2 +- .../page-details-v3.1-fr.html | 2 +- sites/page-details/index.json-ld | 20 +- sites/theme.scss | 2 - templates/thematic/index.json-ld | 28 +- .../theme-topic-en.html | 0 .../theme-topic-fr.html | 0 .../{demoted => deprecated}/topic-en.html | 0 .../{demoted => deprecated}/topic-fr.html | 0 .../topic-testcase-1-en.html | 0 .../topic-testcase-1-fr.html | 0 templates/topic/index.json-ld | 26 +- 62 files changed, 1870 insertions(+), 2036 deletions(-) delete mode 100644 components/social-media-icons/_screen-md-min.scss rename components/img/provisional-DOCS-how-to-get-involved-orange.png => "m\303\251li-m\303\251lo/deprecated/assets/how-to-get-involved-orange.png" (100%) create mode 100644 "m\303\251li-m\303\251lo/deprecated/assets/x-blue-line.png" create mode 100644 "m\303\251li-m\303\251lo/deprecated/chatwizard/assets/default-avatar.png" rename components/wb-chtwzrd/chatwizard-en.html => "m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard-en.html" (96%) rename components/wb-chtwzrd/chatwizard-fr.html => "m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard-fr.html" (96%) rename components/wb-chtwzrd/chatwizard-json-en.html => "m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard-json-en.html" (94%) rename components/wb-chtwzrd/chatwizard-json-fr.html => "m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard-json-fr.html" (94%) create mode 100644 "m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard.css" create mode 100644 "m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard.js" create mode 100644 "m\303\251li-m\303\251lo/deprecated/chatwizard/demo/manual-form.json" rename components/wb-chtwzrd/docs.html => "m\303\251li-m\303\251lo/deprecated/chatwizard/docs.html" (94%) create mode 100644 "m\303\251li-m\303\251lo/deprecated/pinkday/docs-en.html" create mode 100644 "m\303\251li-m\303\251lo/deprecated/pinkday/docs-fr.html" rename templates/thematic/pink-day-en.html => "m\303\251li-m\303\251lo/deprecated/pinkday/pink-day-en.html" (96%) rename templates/thematic/pink-day-fr.html => "m\303\251li-m\303\251lo/deprecated/pinkday/pink-day-fr.html" (96%) rename templates/thematic/pink-day-home-en.html => "m\303\251li-m\303\251lo/deprecated/pinkday/pink-day-home-en.html" (100%) rename templates/thematic/pink-day-home-fr.html => "m\303\251li-m\303\251lo/deprecated/pinkday/pink-day-home-fr.html" (100%) create mode 100644 "m\303\251li-m\303\251lo/deprecated/pinkday/pinkday.css" delete mode 100644 sites/footers/_screen-xs-max.scss delete mode 100644 sites/footers/deprecated/footers-v1-en.html delete mode 100644 sites/footers/deprecated/footers-v1-fr.html delete mode 100644 sites/footers/deprecated/footers-v2-en.html delete mode 100644 sites/footers/deprecated/footers-v2-fr.html delete mode 100644 sites/footers/deprecated/footers-v3-en.html delete mode 100644 sites/footers/deprecated/footers-v3-fr.html delete mode 100644 sites/footers/deprecated/footers-v4-en.html delete mode 100644 sites/footers/deprecated/footers-v4-fr.html delete mode 100644 sites/footers/deprecated/footers-v5-en.html delete mode 100644 sites/footers/deprecated/footers-v5-fr.html delete mode 100644 sites/footers/deprecated/includes/footers-v2.html rename sites/page-details/{demoted => deprecated}/page-details-v3-en.html (99%) rename sites/page-details/{demoted => deprecated}/page-details-v3-fr.html (98%) rename sites/page-details/{demoted => deprecated}/page-details-v3.1-en.html (99%) rename sites/page-details/{demoted => deprecated}/page-details-v3.1-fr.html (98%) rename templates/topic/{demoted => deprecated}/theme-topic-en.html (100%) rename templates/topic/{demoted => deprecated}/theme-topic-fr.html (100%) rename templates/topic/{demoted => deprecated}/topic-en.html (100%) rename templates/topic/{demoted => deprecated}/topic-fr.html (100%) rename templates/topic/{demoted => deprecated}/topic-testcase-1-en.html (100%) rename templates/topic/{demoted => deprecated}/topic-testcase-1-fr.html (100%) diff --git a/_data/components.json b/_data/components.json index 92630e7b9e..6cc528b2a0 100644 --- a/_data/components.json +++ b/_data/components.json @@ -879,7 +879,7 @@ "en": "Follow us", "fr": "Suivez-nous" }, - "status": "demoted", + "status": "deprecated", "description": { "en": "The social media channels pattern provides links to official Government of Canada (GC) social media accounts.", "fr": "La configuration de conception des chaînes de médias sociaux fournit des liens vers les comptes de médias sociaux officiels du gouvernement du Canada (GC)." @@ -899,6 +899,10 @@ "_:implement_follow" ], "history": [ + { + "en": "September 2024 - This variant is now officially deprecated.", + "fr": "Septembre 2024 - Cette variante est maintenant officiellement obsolète." + }, { "en": "April 2017 - Initial implementation of the variation.", "fr": "Avril 2017 - Implémentation initiale de la variante." @@ -1005,7 +1009,7 @@ "New SVG image for X logo (formerly known as Twitter)." ], "fixes": [ - "Demoted: SVG image for Twitter to be deprecated." + "Deprecated: SVG image for Twitter to be deprecated." ], "assets": [ { @@ -1106,7 +1110,7 @@ { "@id": "_:cs_follow", "name": "Follow us", - "status": "demoted", + "status": "deprecated", "deprecatedOn": "2024-02-02", "baseOnIteration": "_:iteration_follow_1", "detectableBy": ".followus", @@ -2331,42 +2335,42 @@ "en": "Transforms a simple form into a conversation like experience used as a wizard.", "fr": "Conversation suggestive" }, - "modified": "2020-08-18", + "modified": "2024-12-05", "componentName": "wb-chtwzrd", - "status": "provisional", + "status": "deprecated", "pages": { "examples": [ { "title": "Chat wizard", "language": "en", - "path": "chatwizard-en.html" + "path": "../../méli-mélo/deprecated/chatwizard/chatwizard-en.html" }, { "title": "Conversation suggestive", "language": "fr", - "path": "chatwizard-fr.html" + "path": "../../méli-mélo/deprecated/chatwizard/chatwizard-fr.html" }, { "title": "with JSON setting", "language": "en", - "path": "chatwizard-json-en.html" + "path": "../../méli-mélo/deprecated/chatwizard/chatwizard-json-en.html" }, { "title": "avec une configuration JSON", "language": "fr", - "path": "chatwizard-json-fr.html" + "path": "../../méli-mélo/deprecated/chatwizard/chatwizard-json-fr.html" } ], "docs": [ { "title": "Chat wizard", "language": "en", - "path": "docs.html" + "path": "../../méli-mélo/deprecated/chatwizard/docs.html" }, { "title": "Chat wizard (en anglais seulement)", "language": "fr", - "path": "docs.html" + "path": "../../méli-mélo/deprecated/chatwizard/docs.html" } ], "related": [ diff --git "a/_data/m\303\251li-m\303\251lo.json" "b/_data/m\303\251li-m\303\251lo.json" index 01e486f205..5226f1a820 100644 --- "a/_data/m\303\251li-m\303\251lo.json" +++ "b/_data/m\303\251li-m\303\251lo.json" @@ -4,20 +4,20 @@ { "nom": "2025-04-nahanni", "libs": [ - "2024-10-datatable-utilities", + "2024-10-datatable-utilities", "2024-02-charts", - "2024-04-stepsquiz", - "2021-05-conjunction", - "2021-05-steps", - "deprecated" + "2024-04-stepsquiz", + "2021-05-conjunction", + "2021-05-steps", + "deprecated" ] }, { "nom": "2025-12-mille-iles", "libs": [ "2024-10-datatable-utilities", - "2021-05-conjunction", - "2021-05-steps", + "2021-05-conjunction", + "2021-05-steps", "deprecated" ] }, @@ -98,7 +98,7 @@ "nom": "2024-10-datatable-utilities", "mainpage": "index-en.html" }, - { + { "nom": "deprecated", "mainpage": "deprecated.html" } diff --git a/_data/sites.json b/_data/sites.json index 86e1d751fa..3e6ec3171e 100644 --- a/_data/sites.json +++ b/_data/sites.json @@ -2736,12 +2736,12 @@ "fr": { "href": "page-details-pft-fr.html", "text": "Détails de la page avec Outil de rétroaction sur la page" } }, { - "en": { "href": "demoted/page-details-v3-en.html", "text": "Demoted - Page details version 3.0" }, - "fr": { "href": "demoted/page-details-v3-fr.html", "text": "Rétrogradé - Détails de la page version 3.0" } + "en": { "href": "deprecated/page-details-v3-en.html", "text": "Deprecated as of GCWeb v16.0.0 - Page details version 3.0" }, + "fr": { "href": "deprecated/page-details-v3-fr.html", "text": "Obsolète à partir de GCWeb v16.0.0 - Détails de la page version 3.0" } }, { - "en": { "href": "demoted/page-details-v3.1-en.html", "text": "Demoted - Page details version 3.1" }, - "fr": { "href": "demoted/page-details-v3.1-fr.html", "text": "Rétrogradé - Détails de la page version 3.1" } + "en": { "href": "deprecated/page-details-v3.1-en.html", "text": "Deprecated as of GCWeb v16.0.0 - Page details version 3.1" }, + "fr": { "href": "deprecated/page-details-v3.1-fr.html", "text": "Obsolète à partir de GCWeb v16.0.0 - Détails de la page version 3.1" } } ], "implementation": [ @@ -2795,14 +2795,6 @@ "Pour plus d'informations sur le composant de l'Outil de rétroaction sur la page, veuillez visiter la page Zone de rétroaction sur la page." ] }, - "notes": { - "en": [ - "Although the component has been updated to version 3.2, versions 2.0, 3.0 and 3.1 are still supported. However, for version 2.0, the page content and the <footer> have to be located inside an <article> tag." - ], - "fr": [ - "Bien que le composant ait été mis à jour vers la version 3.2, les versions 2.0, 3.0 et 3.1 sont toujours prises en charge. Cependant, pour la version 2.0, le contenu de la page et la balise <footer> doivent être situés à l'intérieur d'une balise <article>." - ] - }, "sample": { "en": [ { @@ -3192,7 +3184,7 @@ { "@id": "_:cs_pd_4", "name": "Page details - version 3.1", - "status": "stable", + "status": "deprecated", "baseOnIteration": "_:iteration_pd_4", "detectableBy": "section.pagedetails", "layout": [ @@ -3230,7 +3222,7 @@ { "@id": "_:cs_pd_3", "name": "Page details - Compatible with PFT + Accessiblity fix (version 3.0)", - "status": "stable", + "status": "deprecated", "baseOnIteration": "_:iteration_pd_3", "detectableBy": "section.pagedetails", "layout": [ diff --git a/_data/templates.json b/_data/templates.json index 54bfa8cc24..7295001942 100644 --- a/_data/templates.json +++ b/_data/templates.json @@ -1356,26 +1356,38 @@ "componentName": "thematic", "status": "provisional", "pages": { + "docs": [ + { + "title": "Pink Day - Deprecated as of GCWeb v16.0.0", + "language": "en", + "path": "../../méli-mélo/deprecated/pinkday/docs-en.html" + }, + { + "title": "Journée rose - Obsolète à partir de GCWeb v16.0.0", + "language": "fr", + "path": "../../méli-mélo/deprecated/pinkday/docs-fr.html" + } + ], "examples": [ { - "title": "Pink Day", + "title": "Pink Day - Deprecated as of GCWeb v16.0.0", "language": "en", - "path": "pink-day-en.html" + "path": "../../méli-mélo/deprecated/pinkday/pink-day-en.html" }, { - "title": "Journée rose", + "title": "Journée rose - Obsolète à partir de GCWeb v16.0.0", "language": "fr", - "path": "pink-day-fr.html" + "path": "../../méli-mélo/deprecated/pinkday/pink-day-fr.html" }, { - "title": "Pink Day - Home", + "title": "Pink Day - Home - Deprecated as of GCWeb v16.0.0", "language": "en", - "path": "pink-day-home-en.html" + "path": "../../méli-mélo/deprecated/pinkday/pink-day-home-en.html" }, { - "title": "Journée rose - Accueil", + "title": "Journée rose - Accueil - Obsolète à partir de GCWeb v16.0.0", "language": "fr", - "path": "pink-day-home-fr.html" + "path": "../../méli-mélo/deprecated/pinkday/pink-day-home-fr.html" }, { "title": "Dark theme", @@ -1443,22 +1455,22 @@ "path": "topic-stackedheader-fr.html" }, { - "title": "Theme/Topic page - Demoted", + "title": "Theme/Topic page - Deprecated as of GCWeb v16.0.0", "language": "en", - "path": "demoted/theme-topic-en.html" + "path": "deprecated/theme-topic-en.html" }, { - "title": "Page de sujet/thème - Rétrogradée", + "title": "Page de sujet/thème - Obsolète à partir de GCWeb v16.0.0", "language": "fr", - "path": "demoted/theme-topic-fr.html" + "path": "deprecated/theme-topic-fr.html" }, { - "title": "Lowest topic (with secondary navigation) - Deprecated", + "title": "Lowest topic (with secondary navigation) - Deprecated as of GCWeb v16.0.0", "language": "en", "path": "../lowest-topic/index-en.html" }, { - "title": "Sujet de plus bas niveau (avec une navigation secondaire) - Dépréciée", + "title": "Sujet de plus bas niveau (avec une navigation secondaire) - Obsolète à partir de GCWeb v16.0.0", "language": "fr", "path": "../lowest-topic/index-fr.html" } @@ -1701,14 +1713,14 @@ "example": { "en": [ { - "href": "demoted/theme-topic-en.html", - "text": "Theme - Topic page version 2 (beta)" + "href": "deprecated/theme-topic-en.html", + "text": "Theme - Topic page version 2 (beta) - Deprecated as of GCWeb v16.0.0" } ], "fr": [ { - "href": "demoted/theme-topic-fr.html", - "text": "Page the thème ou de sujet version 2 (bêta)" + "href": "deprecated/theme-topic-fr.html", + "text": "Page the thème ou de sujet version 2 (bêta) - Obsolète à partir de GCWeb v16.0.0" } ] } @@ -1721,14 +1733,14 @@ "example": { "en": [ { - "href": "demoted/topic-en.html", - "text": "Topic page version 1" + "href": "deprecated/topic-en.html", + "text": "Topic page version 1 - Deprecated as of GCWeb v16.0.0" } ], "fr": [ { "href": "deprecated/topic-fr.html", - "text": "Page de sujet version 1" + "text": "Page de sujet version 1 - Obsolète à partir de GCWeb v16.0.0" } ] } diff --git a/components/_provisional.scss b/components/_provisional.scss index d395e04519..87d67d21ed 100644 --- a/components/_provisional.scss +++ b/components/_provisional.scss @@ -11,6 +11,13 @@ .provisional { + /* + * + * + * START: the following code has been deprecated as of version 16.0.0 + * + * + */ /* ------------ * Background color * @@ -30,7 +37,7 @@ * */ .bg-img-hdng { - background-image: url("../assets/x-blue-line.png"); + background-image: url("https://www.canada.ca/content/dam/servcan/x-blue-line.png"); background-position: right bottom; background-repeat: no-repeat; min-height: 60px; @@ -96,6 +103,19 @@ } } + + //This color will eventually be replaced by the new colors from the alert revamp PR. + &.icon-warning-light, .icon-warning-light { + color: #DF7200; + } + /* + * + * + * END: the above code has been deprecated as of version 16.0.0 + * + * + */ + /* Dark theme */ &.dark-theme { @@ -149,11 +169,6 @@ } } - //This color will eventually be replaced by the new colors from the alert revamp PR. - &.icon-warning-light, .icon-warning-light { - color: #DF7200; - } - /* Theme/topic decorative image */ &.gc-topic-bg div { background: no-repeat; diff --git a/components/gc-follow-us/_base.scss b/components/gc-follow-us/_base.scss index 5759537ba6..e5dcb9466d 100644 --- a/components/gc-follow-us/_base.scss +++ b/components/gc-follow-us/_base.scss @@ -2,6 +2,7 @@ Social Media Icons, follow-us */ +// START: Deprecated as of version 16.0.0 %social-media-icons-followus-logo-properties { background-position: center center; background-repeat: no-repeat; @@ -63,6 +64,7 @@ %social-media-icons-logo-email { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAWCAYAAABOm/V6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gQVECMqfCsMgwAAAshJREFUSMfF1s9P02AYwPFvyxwbHRuMrYOVVgS2BRNBDfHqxXDxz/Bq4sH/QA+e/B8MR+9e/QcUMk0IMBRho4R1g7LRbmPA6mFuqLAxfj9Jk6bv276fPHnep6+QnJ3xAq+Bl0CEm41PwBsX8AJ4y+3Ec2DYBbwCCClj7O1k6Q3KRO5OXNuqlVKRjVQSr6+PXSMDMCUCIwCylkCJTWHt5smuLV4LYL9ssZFK4g9GUMYnm8/Fvyd5fX1Exx7UIetXC6mWbTLLc/gHBpG1+D9jIuDUb51jyPgklpknu750NYBKifTSVwKhKOHhGCCcQJwIry+AEptizzQw0suXByx+oS+sEFLGEQThxByx1cseyc9w/BHFnSy5zAqO41wYEAgrDERHTwW0RQB4enpRE48pbG+S13/iOLVz1UADEIqOIoitlxLP+li314eWmKaQ09nWV3FqZ0P2Sxbp5TkC4SghZawtoCMEgNsroU1Ms5vTyW+uts1IpVQkk5rHHxxsWQMXQgC4PXVIIaeT11dPrZGKXUBPJekNRpC1eEeAcyGqlRJGOoUUCFHI6+QyKWpHh81xu7CNvvKd7h4fFbuImc10XD+uzgA2RjqFRwoQUkbZL9ts/vjG4UGVbq+PWu0Qy8zROxBBVuNU7CJGJgVAf0S9fCb+B9SLVUK7/wTXHTd2cYdq2SasxpDVeHN7y2qcPdNo/B8unoljgL8JaERXlwtZS9Cuz8hqrN5jgH5ZPX8mGjXgkfwMREcv1C09kp+wGsPaaZ8R8biRH1fywX4ZI71cBwzd67jKW2ZES7BnGpgtICJQBZpN6KBaIbu+hEfyExwaObPRdBLdPT5kLYFlGqfuGhGYB9haW+Do8ICtXwt1wKCGIAg4Tu1KLrenh7AaxzKzZNcWsXZzDUNJSM7OPPtz1nPf0hHvowv4DDwF3gEPAekGFnaADPABeP8bNrJaPIc3C6EAAAAASUVORK5CYII=") } +// END: Deprecated as of version 16.0.0 $social-media-li-margin-bottom: 15px; $social-media-icons-vertical-offset: 6px; @@ -192,6 +194,7 @@ $social-media-icons-size: 38px; } } +// START: Deprecated as of version 16.0.0 //removes the icon to the share widget .shr-pg { a { @@ -280,7 +283,7 @@ $social-media-icons-size: 38px; @extend %social-media-icons-logo-instagram; } - .googleplus { //This is deprecated and will be removed from later versions + .googleplus { @extend %social-media-icons-followus-logo-properties; @extend %social-media-icons-logo-googleplus; background-repeat: no-repeat; @@ -369,3 +372,4 @@ $social-media-icons-size: 38px; @extend %social-media-icons-logo-rss; } } +// END: Deprecated as of version 16.0.0 diff --git a/components/gc-follow-us/index.json-ld b/components/gc-follow-us/index.json-ld index 717491de2d..1d1c15d6e5 100644 --- a/components/gc-follow-us/index.json-ld +++ b/components/gc-follow-us/index.json-ld @@ -86,7 +86,7 @@ "en": "Follow us", "fr": "Suivez-nous" }, - "status": "demoted", + "status": "deprecated", "description": { "en": "The social media channels pattern provides links to official Government of Canada (GC) social media accounts.", "fr": "La configuration de conception des chaînes de médias sociaux fournit des liens vers les comptes de médias sociaux officiels du gouvernement du Canada (GC)." @@ -106,6 +106,10 @@ "_:implement_follow" ], "history": [ + { + "en": "September 2024 - This variant is now officially deprecated.", + "fr": "Septembre 2024 - Cette variante est maintenant officiellement obsolète." + }, { "en": "April 2017 - Initial implementation of the variation.", "fr": "Avril 2017 - Implémentation initiale de la variante." @@ -212,7 +216,7 @@ "New SVG image for X logo (formerly known as Twitter)." ], "fixes": [ - "Demoted: SVG image for Twitter to be deprecated." + "Deprecated: SVG image for Twitter to be deprecated." ], "assets": [ { @@ -313,7 +317,7 @@ { "@id": "_:cs_follow", "name": "Follow us", - "status": "demoted", + "status": "deprecated", "deprecatedOn": "2024-02-02", "baseOnIteration": "_:iteration_follow_1", "detectableBy": ".followus", diff --git a/components/provisional-en.html b/components/provisional-en.html index f4e5291132..76c4fdee5b 100644 --- a/components/provisional-en.html +++ b/components/provisional-en.html @@ -68,7 +68,7 @@

Provisional feature removal first notice

CSS .pnkDy-theme set global Apply global template color change for the pink day color, as that property is defined on the <html> or <body> element v5.1 - + Identified as being a deprecated feature as of version 16.0.0. It has been moved to the deprecated méli-mélo. CSS .dark-theme set global @@ -80,13 +80,13 @@

Provisional feature removal first notice

CSS .bg-img-hdng Add a background image to a heading. v5.1 - Identified as being a deprecated feature on June 23, 2021. Will be move as méli-mélo feature in September 2021 compilation and then withdraw from next GCWeb minor/major version three weeks after its first availability in Canada.ca as a méli-mélo feature. + Identified as being a deprecated feature as of version 16.0.0. It has been moved to the deprecated méli-mélo. CSS .icon-warning-light Change the color to #DF7200 v7.0 - Identified as being a deprecated feature on June 23, 2021. Will be move as méli-mélo feature in September 2021 compilation and then withdraw from next GCWeb minor/major version three weeks after its first availability in Canada.ca as a méli-mélo feature. + Identified as being a deprecated feature as of version 16.0.0. It has been moved to the deprecated méli-mélo. Plugin .wb-chtwzrd @@ -100,7 +100,7 @@

Provisional feature removal first notice

v7.0 - Identified as being a deprecated feature on June 23, 2021. Will be move as méli-mélo feature in September 2021 compilation and then withdraw from next GCWeb minor/major version three weeks after its first availability in Canada.ca as a méli-mélo feature. + Identified as being a deprecated feature as of version 16.0.0. It has been moved to the deprecated méli-mélo. Template .gc-subway @@ -325,7 +325,7 @@

Heading

Theme template colors

@@ -345,24 +345,10 @@

Theme template colors

} )( document );
+

Background image on heading

-

Mostly for Services and information section.

-
-
-

Impact Assessment

-

Impact assessments process

-

Learn about the purpose and steps of impact assessments under the Impact Assessment Act.

-

Canadian Impact Assessment Registry

-

Information on potential and current IAs of projects subject to the federal IA process.

-
-
-

How to get involved

-

Public

-

Learn how the public can participate in impact assessments.

-

Indigenous

-

Learn about the Indigenous consultation process in impact assessments.

-
-
+

Working example: bg-img-hdng

+

In the following example, adding the .stretched-link class to the hyperlink found inside the <h3> tag will result in propagating the clickable area all the way up to the parent <div> with the .col-xy-z class because it has a "relative" position.

@@ -382,14 +368,4 @@

Icon warning color

-

Adding provisional icon-warning-light in the class will change the color

-
-

- Without "provisional icon-warning-light" class -

-
-
-

- With "provisional icon-warning-light" class -

-
+

Working example: Light warning alert icon

diff --git a/components/provisional-fr.html b/components/provisional-fr.html index 64d9352298..fc849893e8 100644 --- a/components/provisional-fr.html +++ b/components/provisional-fr.html @@ -64,7 +64,7 @@

Provisional feature removal first notice

CSS .bg-pnkDy et .bg-pnkDy.well.header-rwd Couleur de fond de la Journée rose v5.1 - + Identifiée comme étant une fonctionnalité obsolète à partir de la version 16.0.0. Elle a été déplacée vers le méli-mélo deprecated. CSS .pnkDy-theme fixé globalement @@ -82,13 +82,13 @@

Provisional feature removal first notice

CSS .bg-img-hdng Ajouter une image de fond à un en-tête v5.1 - Identified as being a deprecated feature on June 23, 2021. Will be move as méli-mélo feature in September 2021 compilation and then withdraw from next GCWeb minor/major version three weeks after its first availability in Canada.ca as a méli-mélo feature. + Identifiée comme étant une fonctionnalité obsolète à partir de la version 16.0.0. Elle a été déplacée vers le méli-mélo deprecated. CSS .icon-warning-light Change the color to #DF7200 v7.0 - Identified as being a deprecated feature on June 23, 2021. Will be move as méli-mélo feature in September 2021 compilation and then withdraw from next GCWeb minor/major version three weeks after its first availability in Canada.ca as a méli-mélo feature. + Identifiée comme étant une fonctionnalité obsolète à partir de la version 16.0.0. Elle a été déplacée vers le méli-mélo deprecated. Plugin .wb-chtwzrd @@ -102,7 +102,7 @@

Provisional feature removal first notice

v7.0 - Identified as being a deprecated feature on June 23, 2021. Will be move as méli-mélo feature in September 2021 compilation and then withdraw from next GCWeb minor/major version three weeks after its first availability in Canada.ca as a méli-mélo feature. + Identifiée comme étant une fonctionnalité obsolète à partir de la version 16.0.0. Elle a été déplacée vers le méli-mélo deprecated. Gabarit .gc-subway @@ -328,7 +328,7 @@

En-tête

Couleurs du gabarit de thème

@@ -350,23 +350,8 @@

Couleurs du gabarit de thème

Image de fond sur l'en-tête

-

Principalement pour la section Services et information.

-
-
-

Impact Assessment

-

Impact assessments process

-

Learn about the purpose and steps of impact assessments under the Impact Assessment Act.

-

Canadian Impact Assessment Registry

-

Information on potential and current IAs of projects subject to the federal IA process.

-
-
-

How to get involved

-

Public

-

Learn how the public can participate in impact assessments.

-

Indigenous

-

Learn about the Indigenous consultation process in impact assessments.

-
-
+

Exemple pratique: bg-img-hdng

+

Dans l'exemple suivant, ajouter la classe .stretched-link à l'hyperlien situé à l'intérieur de la balise <h3> résulera en une propagation de la zone cliquable jusqu'au <div> parent qui contient la classe .col-xy-z parce que celui-ci est en position « relative ».

@@ -385,17 +370,6 @@

-

Icon warning color

-

Adding provisional icon-warning-light in the class will change the color

-
-

- Without "provisional icon-warning-light" class -

-
-
-

- With "provisional icon-warning-light" class -

-
-

+ +

Alerte avec icône et fond pâle

+

Exemple pratique: Alerte avec icône et fond pâle

diff --git a/components/social-media-icons/_screen-md-min.scss b/components/social-media-icons/_screen-md-min.scss deleted file mode 100644 index eda307b98e..0000000000 --- a/components/social-media-icons/_screen-md-min.scss +++ /dev/null @@ -1,3 +0,0 @@ -/* - Social Media Icons Medium View and over -*/ diff --git a/components/wb-chtwzrd/chatwizard.js b/components/wb-chtwzrd/chatwizard.js index d7db4c4ce8..47f83a16f6 100644 --- a/components/wb-chtwzrd/chatwizard.js +++ b/components/wb-chtwzrd/chatwizard.js @@ -67,20 +67,22 @@ var componentName = "wb-chtwzrd", * @param {jQuery Event} event Event that triggered the function call */ init = function( event ) { + setTimeout( function() { - // Start initialization - // returns DOM object = proceed with init - // returns undefined = do not proceed with init (e.g., already initialized) - var elm = wb.init( event, componentName, selector ), - $elm; - if ( elm ) { - $elm = $( elm ); + // Start initialization + // returns DOM object = proceed with init + // returns undefined = do not proceed with init (e.g., already initialized) + var elm = wb.init( event, componentName, selector ), + $elm; + if ( elm ) { + $elm = $( elm ); - fireChtwzrd( $elm ); + fireChtwzrd( $elm ); - // Identify that initialization has completed - wb.ready( $elm, componentName ); - } + // Identify that initialization has completed + wb.ready( $elm, componentName ); + } + }, 500 ); }, /** diff --git a/components/wb-chtwzrd/index.json-ld b/components/wb-chtwzrd/index.json-ld index 5f31eb0717..82f8500dc7 100644 --- a/components/wb-chtwzrd/index.json-ld +++ b/components/wb-chtwzrd/index.json-ld @@ -14,42 +14,42 @@ "en": "Transforms a simple form into a conversation like experience used as a wizard.", "fr": "Conversation suggestive" }, - "modified": "2020-08-18", + "modified": "2024-12-05", "componentName": "wb-chtwzrd", - "status": "provisional", + "status": "deprecated", "pages": { "examples": [ { "title": "Chat wizard", "language": "en", - "path": "chatwizard-en.html" + "path": "../../méli-mélo/deprecated/chatwizard/chatwizard-en.html" }, { "title": "Conversation suggestive", "language": "fr", - "path": "chatwizard-fr.html" + "path": "../../méli-mélo/deprecated/chatwizard/chatwizard-fr.html" }, { "title": "with JSON setting", "language": "en", - "path": "chatwizard-json-en.html" + "path": "../../méli-mélo/deprecated/chatwizard/chatwizard-json-en.html" }, { "title": "avec une configuration JSON", "language": "fr", - "path": "chatwizard-json-fr.html" + "path": "../../méli-mélo/deprecated/chatwizard/chatwizard-json-fr.html" } ], "docs": [ { "title": "Chat wizard", "language": "en", - "path": "docs.html" + "path": "../../méli-mélo/deprecated/chatwizard/docs.html" }, { "title": "Chat wizard (en anglais seulement)", "language": "fr", - "path": "docs.html" + "path": "../../méli-mélo/deprecated/chatwizard/docs.html" } ], "related": [ diff --git a/components/img/provisional-DOCS-how-to-get-involved-orange.png "b/m\303\251li-m\303\251lo/deprecated/assets/how-to-get-involved-orange.png" similarity index 100% rename from components/img/provisional-DOCS-how-to-get-involved-orange.png rename to "m\303\251li-m\303\251lo/deprecated/assets/how-to-get-involved-orange.png" diff --git "a/m\303\251li-m\303\251lo/deprecated/assets/x-blue-line.png" "b/m\303\251li-m\303\251lo/deprecated/assets/x-blue-line.png" new file mode 100644 index 0000000000000000000000000000000000000000..02c92e5c98566b098be06c182f325fe9ee700cb8 GIT binary patch literal 3122 zcmbVNYgiL!7N)B!ElB(DSSdFlPuQhe47rhn2?Qz-Di*wODIf@hWPl_l!Au~82v(^m zEtjT>$YnvQK)6V3BtTHG))i7vunOTR*Hr=$|09TyLZUhd4C899^ z8ta0>V96MOjKLz-FC-j|&xj)j`uMKLg5M~}1c4xtj7AHELT4e~na7VuV*vm_V{m93 z4h37FAQ4wUOF?lVhYbWD5Tf&$i2^2%i_js`VtGjd3KC{&NP&|W5bze53#|(UONLIN zC8Dv;7&M2Y%S&$!2?D`CX#A-)6f8;v(SabuOXAbvdc-+wIK$fgbs(J~%!Yh`&xDIY zJLfX5H!@s4hE!NCNcfCnY;5)t0sx~h{9J42aV22Tj>(v``OwGYT=CW8!LK97UY z>r7_;2?r2h;7J4w355aUTu`yDE(BC8jsTzlJPD-5fpokpjfPzJXZ*kVpaYZYRv+%3(k$cB5!zdh^LdpXMop3L=pt)gtIBH9iUBdQwss_h zIIfn4^xZB7WZKgubiZyTx&P@6*QLbtAp299@5A;OlQE3NKD_-nCg_OLQ-|+ z+Uz4>Ng}cD>+b1nJx^)n)Oc>y6T39?e%6q^Ql89ZYqC{Uwbdfi5YcM)Y2}1^U|C)j z?K?uqw?C@~eh@bb9vW)4s~#y`2}gk&FX?jb0fR`bbK+L1H+yp3UugyMPfb0=0ubX}^< zoL3v7>}ZoOnPw_488|zh30WcXI#K@7_9xQ{C?iMQR?``)*DM}A&}loMxuBZ1E$GjP z#(9a?juKw%TL`?OGBZoaANjp7u`YjWn*(WvCTow z-OLUv5YOF6xBMnS-zc1Gu6$PR+ID5~S8OGbEtOZ^&4~KcKsAHS8tapA93s0K>u4tw zW?vb?G>9a5+Gd+&wPo*b_v&lWE)z{9e#<}!Z{`)X&pb@=v4MoxwLNXFB<&0c!Z z9`2GbfpnxiEt@r1N(c$3S1ZU<|HiKs|NKBNOi_cB80DF{$dTsc+4o+tCd1I5p3AMy zS#!-?d{a*JNIiItrO!8j{5^35m$^tu`ttC{R70K*%M~vmdf4bFd+g2@LbV~wE59mU zljg_frE6!{(nu$taSJUEd7vZmAwjqmwqF z+$Zbi$MRM8+>`b)mM*5*LP+$)?-i<{dGq{?Dm&%cT50cg1IuJ}JJfNl?G*$?S-quR zD$CL4(b5)45pSTk)CUgRpe^sbvar3R_WQ+<_isL&uVsSDr8e1Cy1AjZP-^Pz)g7Z2g#@pavV8HZ zlj1eY(v)dvaDE6QJ~!`don3jWteX-VekbJ4;k|~m&uNhb{kc8gM3Vlt(&oH0AQY)_ z9~!t04p}J`$*&cx(I#KT{R((YBd%wb8&n^7x*%BuW_{W|3jgJ&w0c!*(tHYiHce`n zG~&RvWrpU3d#T0p9*rq#V2q%wVu~VPwzw~O1RKC3X3mzFi+1OAgDizWzlX+F%0Hx(!TW(UgB%E zN#=UH^ZPSovQ(K#ndjfd7t7dJWsXq+QO8O1Kd3$rT0UtozWkp)RldX&d1F3OIXwBD zDjL~Dwb)7<#%XIJ$G&4dv8XM8&}Ch%0lW0l#+*N|)!y{vi)V(iYnG;-qaHLDehYe%kgiJ`5=76tA1 z8f%swJQYZlnmL%tFKuJ(0tz4*0Ugbq(2osZ%np%z<@uVJ!}tL zouarXZ+hKykFPpG3S_E|{{wF&qo&&_tEZ0q@W@23)sND_Z$-R5asB;y)q8!bGP%g1 zvyXBsXDDbf>cHyJK@+upWZJ3Bn?ogqA&cBHvIpP4PmJ#yQcdemMsDkXl?W?WObr(; mCTPl8Pi}Wz{muTJEk<7-@+c{=d=&}PG4iAC_o?@aIrU%aiZe(6 literal 0 HcmV?d00001 diff --git "a/m\303\251li-m\303\251lo/deprecated/chatwizard/assets/default-avatar.png" "b/m\303\251li-m\303\251lo/deprecated/chatwizard/assets/default-avatar.png" new file mode 100644 index 0000000000000000000000000000000000000000..67922fe2b149e3af66632b3372dd7674b9b4a6b8 GIT binary patch literal 1627 zcmV-h2Bi6kP)xlX`425w`$U~jYAtpMHy8faY!yz zFZK-%UMhqTu_da4Xvif9#i=NjNCM(Q!54&}Hc~l2*X2N3>XZYeVhyNB;B5nyAe*)c zrRi?mY`imr>~*(}?Oi+Jp&a;R+2h%N{`qF+f6bB@V`3eES`Q@F5f8_jM=FXUNm6kS z%d#BD{TDnGMM>r%ilVBj)@OV76Yp&H!6-9~1@jM?425V$f z6AwjEc%Gk~ovlS<37cp%>h*f7O4f8P@p!z11j8`>{rw!r0RW61Q50oa7DcgGQdQOQ z@$qOhT6K!*`yojZ&-3QrzP>)5=gsNMA&R0P2#G|(d@?dJ5(otT77t01LZOhVs(!zp z<2d8H>f#83kYzcMNTkzg!=lH>$NT&H?FL|L+`W6(@Am@$E?l@^BW90uIt>8m>+74D znXwVH<8k!pQ2@ZHQ>WHU!oZm`X8-^L0|RT}VXVV`aP1fv7ytmI(`l;_mT_GW1cD%n zE!65s7Pl1Dn7CJ3U6aS;SuT9S^vrpdCs7yy7_7*P~g%_Egc_4f8! zJ;e~_J{ZqUo|~V#IP>x8!U5~L)sR3Sz%Y!}Q#ulflyoVIGCVxo($Zr1ZBI{+%jGJO z(PnR48-J6esOh)fCP`A2r21{#jZZ&wwrp~3*-}1DG#b5p`Ld>ISFT(E0F*1N5KkkK z$kf!7(N3jOEX$T#3C%DIsqbzk&eCo-Nz)`vOUI5=&bsZ-JYB9Z7K@o7)kx9hi!VJF zC6D5slEj7~L|NV8VVZnCoYk>@|AUdctbMaa{=ckbNz z>nEeGhguiD{~kxhQGL4TYV>9 z?;3d(VpQ-E1oIoCn=X^z6@+yNGa2s5C-$B=USC78VtCCe>UGNH+I9GFT~qUqFAq@= z5%-H15}OT7A_TMg&Lhuv963xmowcYn3hBaruqAKBN?(N23B5Q2@~-IQa+HrsgO{{8!nMqxlO7!(Ad;s8z4N_rfPjgL=$;bvKf z$3r?CzrFuKF0Ej!FD@?6&BJ^5O5|-e+ss@A9vsIF4i1ivj+Tp-=f)sG5N%V8A1D|i_7fqltT85rxC#gfEU3xdI5aV}eNkbyixq0lO5Af#n7 zNLyYNiJ_sP&d$!_o(l1!tE;Q{ul=o%q$p2!H&tin|0VXpaa;)r%X^d{2%;!Doz8;? z587PaYKI^QM#yFuCJ+deU%u_`b3D&WlH~XMi_0fPQ7U>C$Yae!?RY4P5)OwYN$TzG z4Tr-3fMhZmiA1d8K`r;#weT>gnB}V1>y>5MCMdBiyJ~lz6JZj2w z#@Q>1GBGhx{6e7w!C-K0Bv$cW%7iG2kw~PZUSU}_5D3)%7V011@h{>3_qZ#uE_e_G Z@fVTO!_h#T8ae;~002ovPDHLkV1lX){doWY literal 0 HcmV?d00001 diff --git a/components/wb-chtwzrd/chatwizard-en.html "b/m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard-en.html" similarity index 96% rename from components/wb-chtwzrd/chatwizard-en.html rename to "m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard-en.html" index 7fa654d3ef..48384fe77c 100644 --- a/components/wb-chtwzrd/chatwizard-en.html +++ "b/m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard-en.html" @@ -1,16 +1,15 @@ --- -title: "Chat wizard - Provisional feature" +title: "Chat wizard" language: "en" category: "Plugins" -description: "Working example - provisional feature" -tag: "chatwizard" -parentdir: "chatwizard" altLangPage: "chatwizard-fr.html" -dateModified: "2022-08-25" +dateModified: "2024-09-11" +script: + - chatwizard.js +css: + - chatwizard.css --- -{% include alert-provisional.html %} -
  • Documentation
  • Questions or comments?
  • diff --git a/components/wb-chtwzrd/chatwizard-fr.html "b/m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard-fr.html" similarity index 96% rename from components/wb-chtwzrd/chatwizard-fr.html rename to "m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard-fr.html" index aa84b32c3a..f25a1f807b 100644 --- a/components/wb-chtwzrd/chatwizard-fr.html +++ "b/m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard-fr.html" @@ -1,14 +1,14 @@ --- -title: "Chat wizard - Fonctionalité provisoire" +title: "Chat wizard" language: "fr" category: "Plugiciels" -description: "Example pratique d'utilisation du chat wizard" -tag: "chatwizard" -parentdir: "chatwizard" altLangPage: "chatwizard-en.html" -dateModified: "2022-08-25" +dateModified: "2024-09-11" +script: + - chatwizard.js +css: + - chatwizard.css --- -{% include alert-provisional.html %}
    diff --git a/components/wb-chtwzrd/chatwizard-json-en.html "b/m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard-json-en.html" similarity index 94% rename from components/wb-chtwzrd/chatwizard-json-en.html rename to "m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard-json-en.html" index 49182026ad..532b693d56 100644 --- a/components/wb-chtwzrd/chatwizard-json-en.html +++ "b/m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard-json-en.html" @@ -6,7 +6,11 @@ tag: "chatwizard" parentdir: "chatwizard" altLangPage: "chatwizard-json-fr.html" -dateModified: "2022-08-25" +dateModified: "2024-09-11" +script: + - chatwizard.js +css: + - chatwizard.css --- {% include alert-provisional.html %} diff --git a/components/wb-chtwzrd/chatwizard-json-fr.html "b/m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard-json-fr.html" similarity index 94% rename from components/wb-chtwzrd/chatwizard-json-fr.html rename to "m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard-json-fr.html" index 722dcd49eb..b3cd428d1e 100644 --- a/components/wb-chtwzrd/chatwizard-json-fr.html +++ "b/m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard-json-fr.html" @@ -6,7 +6,11 @@ tag: "chatwizard" parentdir: "chatwizard" altLangPage: "chatwizard-json-en.html" -dateModified: "2022-08-25" +dateModified: "2024-09-11" +script: + - chatwizard.js +css: + - chatwizard.css --- {% include alert-provisional.html %} diff --git "a/m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard.css" "b/m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard.css" new file mode 100644 index 0000000000..89d591f6f7 --- /dev/null +++ "b/m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard.css" @@ -0,0 +1,429 @@ +/* + * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW) + * wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html + * Chat wizard - Provisional CSS + * + * ++++++++ + * This is a Provisional CSS, once stabilized it's include should be done from the theme.scss instead of _provisional.scss + * ++++++++ + * + */ + +/* Animations */ +@keyframes slideInFromRight { + 0% { + transform: scale(0, 1); + } + 95% { + transform: scale(0, 1); + } + 100% { + transform: scale(1, 1); + } +} + +@keyframes pulseIn { + 0% { + transform: scale(1, 1); + } + 15% { + transform: scale(1.15, 1.15); + } + 30% { + transform: scale(1, 1); + } + 65% { + transform: scale(1.3, 1.3); + } + 100% { + transform: scale(1, 1); + } +} + +@keyframes grow { + to { + transform: translateX(-50%) scale(0); + } +} + +.trans-left { + animation-delay: 0s; + animation-duration: 5s; + animation-iteration-count: 1; + animation-name: slideInFromRight; + animation-timing-function: ease-out; + transform-origin: 100% 50%; + will-change: scroll-position; +} + +.trans-pulse { + animation: .5s linear 3.5s 1 pulseIn, .5s linear 15s 1 pulseIn, .5s linear 30s 1 pulseIn; + will-change: transform; +} + +.loader-typing { + bottom: 30%; + height: 6px; + left: 30px; + position: absolute; + transform: translateX(-50%) translateY(-50%); + width: 26px; +} + +.loader-dot { + animation: grow .5s ease-in-out infinite alternate; + background-color: #444; + border-radius: 50%; + height: 6px; + position: absolute; + width: 6px; + will-change: transform; +} + +.loader-dot.dot1 { + left: 0; + transform-origin: 100% 50%; +} + +.loader-dot.dot2 { + animation-delay: .1s; + left: 50%; + margin-left: -3px; + transform: scale(.99); +} + +.loader-dot.dot3 { + animation-delay: .2s; + right: 0; +} + +/* Chat wizard Bubble */ +.wb-chtwzrd-bubble-wrap { + bottom: 30px; + height: 60px; + position: fixed; + right: 30px; + width: 60px; + z-index: 1049; +} + +.wb-chtwzrd-bubble-wrap p { + background: #335075; + border-bottom-left-radius: 25px; + border-top-left-radius: 25px; + box-shadow: 0 1px 3px rgba(0, 0, 0, .45); + color: #fff; + font-size: 14px; + line-height: 20px; + min-height: 50px; + padding: 5px 37.5px 5px 27.5px; + position: relative; + right: 195px; + top: 5px; + width: 225px; +} + +.wb-chtwzrd-bubble-wrap p .notif-close { + background: #333; + border-radius: 50%; + color: #fff; + font-size: 19px; + height: 1.25em; + line-height: 21px; + position: absolute; + right: 92.5%; + text-align: center; + text-decoration: none; + top: 0; + width: 1.25em; +} + +.wb-chtwzrd-bubble-wrap .notif { + cursor: pointer; +} + +.wb-chtwzrd-bubble-wrap .bubble { + background: #fff url("https://www.canada.ca/content/dam/servcan/default-avatar.png") center no-repeat; + border-radius: 50%; + bottom: 0; + box-shadow: 0 2px 4px rgba(0, 0, 0, .45); + height: 100%; + overflow: hidden; + position: absolute; + right: 0; + text-indent: -9999px; + white-space: nowrap; + width: 100%; + z-index: 1048; +} + +.wb-chtwzrd-bubble-wrap .bubble:focus { + border: 1px solid rgba(0, 0, 0, .5); + box-shadow: 0 2px 3px rgba(0, 0, 0, .7); +} + +.wb-chtwzrd-btn-extrnl + .wb-chtwzrd-bubble-wrap { + display: none !important; +} + +/* Chat Wizard */ +.wb-disable .wb-chtwzrd.hidden { + display: block !important; +} + +.wb-chtwzrd-container { + background-color: #fff; + bottom: 20px; + display: none; + font-size: .9em; + min-height: 200px; + overflow: hidden; + position: fixed; + right: 20px; + width: 25%; + z-index: 1050; +} + +.wb-chtwzrd-container .header { + max-height: 70px; + min-height: 39px; + padding-right: 84px; +} + +.wb-chtwzrd-container .header .title { + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + display: -webkit-box; + font-size: 19px; + line-height: 1.35; + overflow: hidden; + padding: 6px 0; + text-overflow: ellipsis; +} + +.wb-chtwzrd-container .minimize, .wb-chtwzrd-container .reset { + -webkit-appearance: none; + background: transparent; + border: 0; + color: #fff; + filter: alpha(opacity=65); + font-size: 1em; + font-weight: 700; + height: 40px; + line-height: 41px; + margin: 0; + opacity: .65; + overflow: visible; + padding: 0; + position: absolute; + right: 0; + text-decoration: none; + top: 0; + width: 40px; +} + +.wb-chtwzrd-container .reset { + right: 42px; +} + +.wb-chtwzrd-container .minimize:focus, .wb-chtwzrd-container .reset:focus { + opacity: 1; + outline: 1px dotted #fff; + outline-offset: -2px; +} + +.wb-chtwzrd-container .conversation { + margin-bottom: 15px; + max-height: 45vh; + min-height: 200px; + overflow-x: hidden; + overflow-y: auto; +} + +.wb-chtwzrd-container .history { + padding-top: 15px; +} + +.wb-chtwzrd-container .history::before { + background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), to(rgba(255, 255, 255, 0))); + background: linear-gradient(to bottom, #fff 20%, rgba(255, 255, 255, 0) 100%); + content: ""; + height: 40px; + left: 0; + pointer-events: none; + position: absolute; + top: 0; + width: 100%; + z-index: 1054; +} + +.wb-chtwzrd-container .controls { + height: 75px; +} + +.wb-chtwzrd-container .inputs-zone fieldset:first-child { + border-top: 1px solid #e5e5e5; +} + +.wb-chtwzrd-container .inputs-zone ul:last-child { + margin-bottom: 0; +} + +.wb-chtwzrd-container .choices input[type=radio]:checked + span { + color: #333; +} + +.wb-chtwzrd-container h4, +.wb-chtwzrd-container legend, +.wb-chtwzrd-container h4 .question a { + font-size: 1em; + line-height: 1.4375; +} + +.wb-chtwzrd-container .question, +.wb-chtwzrd-container .message, +.wb-chtwzrd-container label, +.wb-chtwzrd-container .question { + border-radius: 15px; + color: #5a5a5a; + font-weight: normal; + padding: 8px 12px; + width: auto; +} + +.wb-chtwzrd-container .question { + background-color: #efefef; + min-width: 60px; + position: relative; +} + +.wb-chtwzrd-container .message:focus { + box-shadow: 0 0 4px #666; +} + +.wb-chtwzrd-container .message, +.wb-chtwzrd-container label { + background-color: #ddd; +} + +.wb-chtwzrd-container .message { + margin-right: 15px; +} + +.wb-chtwzrd-container label { + border: 1px solid #c1c1c1; + font-weight: bold; + padding: 6px 10px; +} + +.wb-chtwzrd-container .avatar, +.wb-chtwzrd-container .question { + display: table-cell; + vertical-align: middle; +} + +.wb-chtwzrd-container .avatar { + background-color: #fff; + background-image: url("https://www.canada.ca/content/dam/servcan/default-avatar.png"); + background-position: center; + background-repeat: no-repeat; + background-size: 25px; + height: 30px; + width: 30px; +} + +.wb-chtwzrd-container .basic-link { + min-height: inherit; +} + +.wb-chtwzrd-mrgn { + margin-top: 80px; +} + +.wb-chtwzrd-container legend:focus { + outline: 1px dotted #666; +} + +/* Chat wizard inline (full-screen) */ +.wb-chtwzrd-contained { + bottom: 0; + box-shadow: none; + margin: 30px auto; + position: static; + right: 0; + width: 100%; +} + +.wb-chtwzrd-contained .conversation { + max-height: 70vh; +} + +.wb-chtwzrd-contained .minimize { + display: none; +} + +.wb-chtwzrd-contained .reset { + right: 0; +} + +/* Chat wizard Media queries */ +@media screen and (max-width: 1199px) { + .wb-chtwzrd-container { + width: 35%; + } +} + +@media screen and (max-width: 992px) { + .wb-chtwzrd-container { + width: 45%; + } +} + +@media screen and (max-width: 768px) { + .wb-chtwzrd-bubble-wrap { + right: 10px; + } + .wb-chtwzrd-container { + bottom: 0; + height: 100%; + margin: 0; + padding: 0; + right: 0; + width: 100%; + } + .wb-chtwzrd-container .body { + -webkit-box-direction: normal; + -webkit-box-orient: vertical; + display: flex; + flex-direction: column; + flex-wrap: nowrap; + height: 100%; + padding-bottom: 75px; + width: 100%; + } + .wb-chtwzrd-container .conversation { + -ms-flex-positive: 1; + -webkit-box-flex: 1; + flex-grow: 1; + max-height: none; + min-height: 2em; + } + .wb-chtwzrd-container .controls { + -ms-flex-negative: 0; + flex-shrink: 0; + height: 75px; + } + .wb-chtwzrd-noscroll { + overflow: hidden !important; + } + .wb-chtwzrd-bubble-wrap p .notif-close { + font-size: 2em; + height: 35px; + line-height: 1.1em; + right: 90%; + width: 35px; + } + .wb-chtwzrd-contained .body { + padding-bottom: 10px; + } +} diff --git "a/m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard.js" "b/m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard.js" new file mode 100644 index 0000000000..13e4cad712 --- /dev/null +++ "b/m\303\251li-m\303\251lo/deprecated/chatwizard/chatwizard.js" @@ -0,0 +1,830 @@ +/** + * @title WET-BOEW Chat Wizard plugin container + * @overview Plugin used to translate a form into a conversational form, hence a Chat Wizard + * @license wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html + * @author @gormfrank + */ +( function( $, window, wb ) { +"use strict"; +/* + * Variable and function definitions. + * These are global to the plugin - meaning that they will be initialized once per page, + * not once per instance of plugin on the page. So, this is a good place to define + * variables that are common to all instances of the plugin on a page. + */ +var componentName = "wb-chtwzrd", + selector = "." + componentName, + replacement = componentName + "-replace", + initEvent = "wb-init" + selector, + $document = wb.doc, + datainput = {}, + timeValues = {}, + waitingForAnswer, + formType, + isInline, + isNotif, + redirurl, + first, + intro, + current, + waitTimeout, + inputsTimeout, + sendButton, + i18nDict = { + en: { + "chtwzrd-send": "Send reply and continue", + "chtwzrd-reset": "Restart from the beginning", + "chtwzrd-toggle": "Switch to wizard", + "chtwzrd-notification": "Close chat notification", + "chtwzrd-open": "Open chat wizard", + "chtwzrd-minimize": "Minimize chat wizard", + "chtwzrd-history": "Conversation history", + "chtwzrd-reply": "Reply", + "chtwzrd-controls": "Controls", + "chtwzrd-toggle-basic": "Switch to basic form", + "chtwzrd-waiting": "Waiting for message", + "chtwzrd-answer": "You have answered:" + }, + fr: { + "chtwzrd-send": "Envoyer la réponse et continuer", + "chtwzrd-reset": "Recommencer depuis le début", + "chtwzrd-toggle": "Basculer vers l'assistant", + "chtwzrd-notification": "Fermer la notification de discussion", + "chtwzrd-open": "Ouvrir l'assistant de discussion", + "chtwzrd-minimize": "Réduire l'assistant de discussion", + "chtwzrd-history": "Historique de discussion", + "chtwzrd-reply": "Répondre", + "chtwzrd-controls": "Contrôles", + "chtwzrd-toggle-basic": "Basculer vers le formulaire", + "chtwzrd-waiting": "En attente d'un message", + "chtwzrd-answer": "Vous avez répondu :" + } + }, + + /** + * @method init + * @param {jQuery Event} event Event that triggered the function call + */ + init = function( event ) { + + // Start initialization + // returns DOM object = proceed with init + // returns undefined = do not proceed with init (e.g., already initialized) + var elm = wb.init( event, componentName, selector ), + $elm; + if ( elm ) { + $elm = $( elm ); + + fireChtwzrd( $elm ); + + // Identify that initialization has completed + wb.ready( $elm, componentName ); + } + }, + + /** + * Prepare initiation depending on the input type, wether it's JSON or a form + * @method fireChtwzrd + * @param {jQuery DOM element} $selector Element to which the wizard will be appended + */ + fireChtwzrd = function( $selector ) { + + // Grab JSON File, parse and create + if ( $selector.data( componentName + "-src" ) ) { + var data = $selector.data( componentName + "-src" ); + $.getJSON( data, function( json ) { + datainput = json; + buildBasicForm( $selector, datainput ); + initiateChtwzrd( $selector ); + } ); + + // Start from a form on the page + } else { + datainput = convertToObject( $selector ); + initiateChtwzrd( $selector ); + } + }, + + /** + * Initiate chat wizard experience + * @method initiateChtwzrd + * @param {jQuery DOM element} $selector Element to which the wizard will be appended + */ + initiateChtwzrd = function( $selector ) { + + // Check for local storage if we need to show notification + isNotif = localStorage.getItem( "wb-chtwzrd-notif" ); + + // Prevent on load flick and identify basic form + $selector.removeClass( "hidden wb-inv" ).addClass( componentName + "-basic" ); + + // Initiate default values + timeValues = { + shortDelay: 500, + mediumDelay: 750, + longDelay: 1250, + xLongDelay: 2000, + xxLongDelay: 2500 + }; + waitingForAnswer = false; + first = datainput.header.first; + intro = ( datainput.header.instructions ? datainput.header.instructions : "" ); + redirurl = datainput.header.defaultDestination; + current = datainput.questions[ first ]; + formType = datainput.header.formType ? datainput.header.formType : "dynamic"; + isInline = datainput.header.inline ? true : false; + + // Initiate dictionary + i18nDict = i18nDict[ $( "html" ).attr( "lang" ) || "en" ]; + i18nDict = { + send: i18nDict[ "chtwzrd-send" ], + reset: i18nDict[ "chtwzrd-reset" ], + toggle: i18nDict[ "chtwzrd-toggle" ], + notification: i18nDict[ "chtwzrd-notification" ], + trigger: i18nDict[ "chtwzrd-open" ], + minimize: i18nDict[ "chtwzrd-minimize" ], + conversation: i18nDict[ "chtwzrd-history" ], + reply: i18nDict[ "chtwzrd-reply" ], + controls: i18nDict[ "chtwzrd-controls" ], + toggleBasic: i18nDict[ "chtwzrd-toggle-basic" ], + waiting: i18nDict[ "chtwzrd-waiting" ], + answer: i18nDict[ "chtwzrd-answer" ] + }; + + // Build chat wizard + buildChtwzrd( $selector, datainput.header.title ); + + // All the commonly used elements + var $basic = $( selector + "-basic" ), + $bubble = $( selector + "-bubble-wrap" ), + $externalBtn = $( selector + "-btn" ), + $container = $( selector + "-container" ), + $form = $( ".body", $container ), + $conversation = $( ".history", $container ), + $minimize = $( ".minimize", $container ), + $reset = $( ".reset", $container ), + $basiclink = $( ".basic-link", $container ), + $focusedBeforechtwzrd, + $firstTabStop = $reset, + $lastTabStop = $basiclink; + + // Initiate basic form + initiateBasicForm( $basic ); + + // Initiate chat wizard bubble + initiateBubble( $bubble ); + + // Initiate chat wizard external btn + initiateExternalButton( $externalBtn ); + + // Show basic form and hide chat wizard + $basiclink.on( "click", function( event ) { + event.preventDefault(); + + var $legendFocus = $( "legend:first", $basic ); + $legendFocus.attr( "tabindex", "0" ); + + $conversation.attr( "aria-live", "" ); + toggleExperience( $basic, "form" ); + + $container.stop().hide(); + $basic.stop().show( function() { + $legendFocus.focus(); + $legendFocus.removeAttr( "tabindex" ); + } ); + + $( "body" ).removeClass( componentName + "-noscroll" ); + } ); + + // Show chat wizard and hide basic form + $( selector + "-link" ).on( "click", function( event ) { + event.preventDefault(); + + $basic.stop().hide(); + $focusedBeforechtwzrd = $( ":focus" ); + + if ( !$( this ).hasClass( componentName + "-bubble" ) ) { + toggleExperience( $container, "wizard" ); + } + $( ".bubble", $bubble ).removeClass( "trans-pulse" ); + $( "p", $bubble ).hide().removeClass( "trans-left" ); + + $container.stop().show(); + $bubble.stop().hide(); + + $externalBtn.prop( "disabled", true ); + + if ( !isInline ) { + $( "body" ).addClass( componentName + "-noscroll" ); + } + if ( $conversation.length ) { + $( ".conversation", $container ).scrollTop( $conversation[ 0 ].scrollHeight ); + } + if ( !waitingForAnswer ) { + appendInteraction( $form ); + } + + // Do not show notification on next load + localStorage.setItem( "wb-chtwzrd-notif", 1 ); + } ); + + // External btn event handler + $( selector + "-btn" ).on( "click", function( event ) { + event.preventDefault(); + + $externalBtn.prop( "disabled", true ); + + $basic.stop().hide(); + $focusedBeforechtwzrd = $( ":focus" ); + + toggleExperience( $container, "wizard" ); + + $container.stop().show(); + $bubble.stop().hide(); + $container.find( ":focusable" ).first().focus(); + + if ( !isInline ) { + $( "body" ).addClass( componentName + "-noscroll" ); + } + if ( $conversation.length ) { + $( ".conversation", $container ).scrollTop( $conversation[ 0 ].scrollHeight ); + } + if ( !waitingForAnswer ) { + appendInteraction( $form ); + } + } ); + + // If inline, do not trap user with keyboard + if ( isInline ) { + $( selector + "-link" ).click(); + } else { + + // Listen for and trap the keyboard + $container.on( "keydown", function( event ) { + + // Check for TAB key press, cycle through + if ( event.keyCode === 9 ) { + if ( event.shiftKey ) { + if ( $firstTabStop.is( ":focus" ) ) { + event.preventDefault(); + $lastTabStop.focus(); + } + } else { + if ( $lastTabStop.is( ":focus" ) ) { + event.preventDefault(); + $firstTabStop.focus(); + } + } + } + + // ESCAPE, close + if ( event.keyCode === 27 ) { + $minimize.click(); + } + } ); + } + + // On chat button pressed: append answer, and on submit: redirect + $document.on( "click", selector + "-container .btn-send", function( event ) { + + if ( $( this ).attr( "type" ) !== "submit" ) { + event.preventDefault(); + var $choiceselected = $( "input:checked", $form ); + if ( !$choiceselected.length ) { + $choiceselected = $( "input:first", $form ); + $choiceselected.attr( "checked", true ); + } + appendReply( $form, cookAnswerObj( $choiceselected ), false ); + } + } ); + + // On chat reset button pressed: toggle experience to wizard + $reset.on( "click", function( event ) { + event.preventDefault(); + toggleExperience( $( selector + "-container" ), "wizard" ); + } ); + + // Minimize chat wizard + $minimize.on( "click", function( event ) { + event.preventDefault(); + $container.stop().hide(); + + $externalBtn.prop( "disabled", false ); + $bubble.stop().show(); + + $( "body" ).removeClass( componentName + "-noscroll" ); + + // Set focus back to element that had it before the modal was opened + $focusedBeforechtwzrd.focus(); + } ); + }, + + /** + * Initiate basic form + * @method initiateBasicForm + * @param {jQuery DOM element} $selector Element to which the basic form will be appended + */ + initiateBasicForm = function( $selector ) { + var $basicForm = $( "form", $selector ), + $allQuestions = $( "fieldset", $selector ), + $firstQuestion = $allQuestions.first(); + + if ( formType === "dynamic" ) { + $firstQuestion.addClass( componentName + "-first-q" ); + $allQuestions.not( selector + "-first-q" ).hide(); + } + + // Hide and restart fresh on reload + $selector.hide(); + $( "input", $basicForm ).prop( "checked", false ); + + // Add link to chat from the basic form + $basicForm.append( "" ); + + // On input change in the basic form + $( "input", $basicForm ).on( "change", function() { + var answerData = cookAnswerObj( $( this ) ), + $qNext = $( "#" + answerData.qNext, $basicForm ); + + // Dynamically append next question on checked + if ( formType === "dynamic" ) { + var $fieldset = $( this ).closest( "fieldset" ); + if ( $qNext.is( ":hidden" ) || $fieldset.next().attr( "id" ) !== $qNext.attr( "id" ) || answerData.qNext === "none" ) { + $fieldset.nextAll( "fieldset" ).hide().find( "input" ).prop( "checked", false ); + } + if ( answerData.qNext !== "none" ) { + $( "#" + answerData.qNext ).show(); + } + if ( answerData.url !== "" ) { + $basicForm.attr( "action", answerData.url ); + } + } + } ); + }, + + /** + * Initiate chat wizard bubble + * @method initiateBubble + * @param {jQuery DOM element} $selector Element which is the actual bubble + */ + initiateBubble = function( $selector ) { + var $footer = $( "#wb-info" ), + $link = $( selector + "-link", $selector ); + + // Change to custom avatar if provided + if ( datainput.header.avatar ) { + $link.css( "background-image", "url(" + datainput.header.avatar + ")" ); + } + + // Hide basic form on load, show chat bubble instead + $selector.fadeIn( "slow" ); + + // Add some white space over the footer for the bubble to sit + $footer.addClass( componentName + "-mrgn" ); + + // Ensure that the bubble does not go passed the footer + if ( $footer.length ) { + + // Keep the bubble sticky while scrolling Y until user reaches the footer + var stickyUntilFooter = function( $element ) { + + // Equals to bubble default bottom value in CSS + var bottomY = 30; + + if ( $( window ).scrollTop() >= $( document ).outerHeight() - $( window ).outerHeight() - $footer.outerHeight() ) { + $element.css( { + bottom: ( $footer.outerHeight() - ( $( document ).outerHeight() - $( window ).outerHeight() - $( window ).scrollTop() ) + bottomY ) + } ); + } else { + $element.css( { + bottom: bottomY + } ); + } + }; + + // Correct bubble positionning on load, on resize an on Y scroll if necessary + stickyUntilFooter( $selector ); + + $( window ).on( "resize scroll", function() { + stickyUntilFooter( $selector ); + } ); + } + + // Open Chat from the notification message + $( ".notif", $selector ).on( "click", function() { + $link.click(); + } ); + + // Close notification aside bubble + $( ".notif-close", $selector ).on( "click", function( event ) { + event.preventDefault(); + $( this ).parent().hide(); + $selector.focus(); + + // Do not show notification on next load + localStorage.setItem( "wb-chtwzrd-notif", 1 ); + } ); + }, + + /** + * Initiate chat wizard external button + * @method initiateExternalButton + * @param {jQuery DOM element} $selector Element which is the actual external button + */ + initiateExternalButton = function( $selector ) { + $selector.attr( "aria-controls", componentName + "-container" ); + }, + + /** + * Convert Data attributes from the form and return a Javascript Object + * @method convertToObject + * @param {jQuery DOM element} $selector Basic from which the wizard will be created + * @returns {Object} Data used by the wizard for the experience + */ + convertToObject = function( $selector ) { + var $form = $( "form", $selector ), + $title = $( "h2", $selector ).first(), + $intro = $( "p:not(" + selector + "-greetings):not(" + selector + "-farewell)", $form ).first(), + btnClassName = "btn-former-send", + header = {}, + questions = {}, + $questions = $( "fieldset", $selector ); + + header = ( typeof $selector.data( componentName ) !== undefined && $selector.data( componentName ) ? $selector.data( componentName ) : {} ); + + header.inline = $selector.hasClass( "wb-chtwzrd-inline" ); + header.avatar = $selector.data( componentName + "-avatar" ); + + header.defaultDestination = $form.attr( "action" ); + header.name = $form.attr( "name" ); + header.method = $form.attr( "method" ); + + header.form = {}; + + header.form.title = $title.html(); + header.title = replaceForWizard( $title, header.form.title ); + + header.greetings = $( "p" + selector + "-greetings", $form ).html(); + header.farewell = $( "p" + selector + "-farewell", $form ).html(); + + header.form.sendButton = ( $( "input[type=submit]", $form ).length ? $( "input[type=submit]", $form ).addClass( btnClassName ).val() : $( "button[type=submit]", $form ).addClass( btnClassName ).html() ); + header.sendButton = replaceForWizard( $( "." + btnClassName, $form ), header.form.sendButton ); + + if ( $intro.length ) { + header.form.instructions = $intro.html(); + header.instructions = replaceForWizard( $intro, header.form.instructions ); + } + + + header.first = header.first || $questions.first().attr( "id" ); + + $questions.each( function() { + var $this = $( this ), + $label = $( "legend", $this ), + $choices = $( "label", $this ), + questionID = this.id, + qInput = ( $( "input[type=radio]", $this ).length ? "radio" : "checkbox" ), + choices = [], + qName = "", + theQuestion = {}; + + $choices.each( function( index ) { + var $choice = $( "input", $( this ) ), + choice = {}, + name = $choice.attr( "name" ), + action = $choice.data( componentName + "-url" ), + textval = $choice.siblings( "span:not(.no-" + componentName + ")" ).html(); + + if ( !index ) { + qName = name; + } + choice.content = textval; + choice.value = $choice.val(); + choice.next = $choice.data( componentName + "-next" ); + if ( typeof action !== undefined && action ) { + choice.url = action; + } + choices.push( choice ); + } ); + + theQuestion.name = qName; + theQuestion.input = qInput; + theQuestion.formLabel = $label.html(); + theQuestion.label = replaceForWizard( $label, theQuestion.formLabel ); + theQuestion.choices = choices; + + questions[ questionID ] = theQuestion; + + } ); + return { + header: header, + questions: questions + }; + }, + + /** + * Build the chat wizard skeleton + * @method buildChtwzrd + * @param {jQuery DOM element} $selector Element to which the wizard will be appended + * @param {String} title The title of the wizard window, as well as the notification + */ + buildChtwzrd = function( $selector, title ) { + $selector.after( "
    " + i18nDict.trigger + "" + + ( !isNotif ? "

    " + title + " ×

    " : "" ) + + "
    " ); + $selector.next( selector + "-bubble-wrap" ).after( "" ); + + var $container = $( selector + "-container" ); + $container.append( + "" ); + $container.append( "" ); + + var $form = $( ".body", $container ); + $form.append( "

    " + i18nDict.conversation + "

    " + i18nDict.reply + "

    " ); + $form.append( + "

    " + + i18nDict.controls + "

    " ); + + $form.attr( "name", datainput.header.name + "-chat" ); + $form.attr( "method", datainput.header.method ); + sendButton = $( ".btn-send ", $form ).html(); + }, + + /** + * Build Basic Form from JSON + * @method buildBasicForm + * @param {jQuery DOM element} $selector Element to which the form will be appended + * @param {Object} data Data used by the form to build itself + */ + buildBasicForm = function( $selector, data ) { + $selector.html( "" ); + + var h2 = "

    " + data.header.title + "

    ", + intro = "

    " + data.header.instructions + "

    ", + btn = ">" + data.header.sendButton + ""; + + if ( typeof data.header.form.title !== undefined ) { + h2 = "

    " + data.header.form.title + "

    "; + } + $selector.append( h2 + "
    " ); + + var $basicForm = $( "form", $selector ); + + if ( typeof data.header.form.instructions !== undefined ) { + intro = "

    " + data.header.form.instructions + "

    "; + } + $basicForm.append( "

    " + data.header.greetings + "

    " + intro ); + + $.each( data.questions, function( key, value ) { + var randID = wb.getId(), + legend = "" + value.label + ""; + + if ( typeof value.formLabel !== undefined && value.formLabel ) { + legend = "" + value.formLabel + ""; + } + + $basicForm.append( "
    " + legend + "
      " ); + + var $thisQ = $( "." + randID, $basicForm ); + + $.each( value.choices, function( index, ivalue ) { + randID = wb.getId(); + $( "ul", $thisQ ).append( "
    +

    Related work

    +
      +
    • Pull request #1730: extract bubble from chatwizard (closes #1725).
    • +
    • Pull request #1725: extract bubble from chatwizard.
    • +
    +

    How to implement

    There are two ways to implement the chat wizard. The more common way is to code a form, and add according classes and data attributes. The other way is to load it from a JSON file, which will generate both the form and the wizard, is useful in case one would want to implement the same chat wizard on multiple pages.

    1. Code a form

    diff --git "a/m\303\251li-m\303\251lo/deprecated/deprecated.html" "b/m\303\251li-m\303\251lo/deprecated/deprecated.html" index 1d4ee4bd37..55bffc05e4 100644 --- "a/m\303\251li-m\303\251lo/deprecated/deprecated.html" +++ "b/m\303\251li-m\303\251lo/deprecated/deprecated.html" @@ -9,7 +9,7 @@
    -

    Well bold (.well.well-bold)

    +

    Well bold (.well.well-bold) Deprecated as of v16.0.0

    @@ -41,3 +41,76 @@

    Code

    </div> </div> </div> + +

    Follow us with Google+ icon Deprecated as of v16.0.0

    +
    +

    Follow:

    + +
    + +

    Background image heading Deprecated as of v16.0.0

    +

    Add a background image to a heading.

    + +

    Working example

    +
    +
    +

    Impact Assessment

    +

    Impact assessments process

    +

    Learn about the purpose and steps of impact assessments under the Impact Assessment Act.

    +

    Canadian Impact Assessment Registry

    +

    Information on potential and current IAs of projects subject to the federal IA process.

    +
    +
    +

    How to get involved

    +

    Public

    +

    Learn how the public can participate in impact assessments.

    +

    Indigenous

    +

    Learn about the Indigenous consultation process in impact assessments.

    +
    +
    + +
    +

    Note

    +

    The image located under components/assets/x-blue-line.png is also considered deprecated and should be removed at the same time as the bg-img-hdng styles.

    +
    + +

    Light warning alert icon Deprecated as of v16.0.0

    +

    Change the color of the warning alert icon to #DF7200.

    + +

    Working example

    +
    +

    + Without "provisional icon-warning-light" class +

    +
    +
    +

    + With "provisional icon-warning-light" class +

    +
    + +

    Chat wizard Deprecated as of v16.0.0

    + + +

    Pink day Deprecated as of v16.0.0

    + diff --git "a/m\303\251li-m\303\251lo/deprecated/pinkday/docs-en.html" "b/m\303\251li-m\303\251lo/deprecated/pinkday/docs-en.html" new file mode 100644 index 0000000000..3bfa7ef9fd --- /dev/null +++ "b/m\303\251li-m\303\251lo/deprecated/pinkday/docs-en.html" @@ -0,0 +1,31 @@ +--- +title: "Pink day theme - documentation" +language: "en" +altLangPage: "docs-fr.html" +category: "Templates" +dateModified: "2024-09-11" +--- + +

    Applies global template color change for the pink day color, as that property is defined on the <html> or <body> element.

    + +

    Working examples

    + + +

    Javascript code sample to schedule the CSS addition for pink day

    +

    The following script adds the CSS class only on April 10, 2019 based on local time.

    +
    ( function( d ) {
    +"use strict";
    +
    +var t = new Date(),
    +	msT = t.getTime(),
    +	s = new Date( 2019, 3, 10, 0, 1 ),
    +	e = new Date( 2019, 3, 10, 23, 59 );
    +
    +if ( s.getTime() < msT && msT < e.getTime() ) {
    +	d.getElementsByTagName( "html" )[ 0 ].classList.add ("pnkDy-theme", "provisional");
    +}
    +
    +} )( document );
    diff --git "a/m\303\251li-m\303\251lo/deprecated/pinkday/docs-fr.html" "b/m\303\251li-m\303\251lo/deprecated/pinkday/docs-fr.html" new file mode 100644 index 0000000000..131d09b845 --- /dev/null +++ "b/m\303\251li-m\303\251lo/deprecated/pinkday/docs-fr.html" @@ -0,0 +1,31 @@ +--- +title: "Thème journée rose - documentation" +language: "fr" +altLangPage: "docs-en.html" +category: "Gabarits" +dateModified: "2024-09-11" +--- + +

    Applique la couleur de la Journée rose de façon globale, comme cette propriété est définie sur l’élément <html> ou <body>.

    + +

    Exemples pratiques

    + + +

    Échantillon du code JavaScript pour programmer l’ajout CSS pour la Journée rose

    +

    Le script suivant ajoute la classe CSS seulement pour le 10 avril 2019 heure locale.

    +
    ( function( d ) {
    +"use strict";
    +
    +var t = new Date(),
    +	msT = t.getTime(),
    +	s = new Date( 2019, 3, 10, 0, 1 ),
    +	e = new Date( 2019, 3, 10, 23, 59 );
    +
    +if ( s.getTime() < msT && msT < e.getTime() ) {
    +	d.getElementsByTagName( "html" )[ 0 ].classList.add ("pnkDy-theme", "provisional");
    +}
    +
    +} )( document );
    diff --git a/templates/thematic/pink-day-en.html "b/m\303\251li-m\303\251lo/deprecated/pinkday/pink-day-en.html" similarity index 96% rename from templates/thematic/pink-day-en.html rename to "m\303\251li-m\303\251lo/deprecated/pinkday/pink-day-en.html" index afc534f16b..2ca69d5e6c 100644 --- a/templates/thematic/pink-day-en.html +++ "b/m\303\251li-m\303\251lo/deprecated/pinkday/pink-day-en.html" @@ -9,7 +9,6 @@ "share": "true" } --- -{% include alert-provisional.html %} {% include web-contents/placeholdercontent-en.html %}

    Home page banner sample

    diff --git a/templates/thematic/pink-day-fr.html "b/m\303\251li-m\303\251lo/deprecated/pinkday/pink-day-fr.html" similarity index 96% rename from templates/thematic/pink-day-fr.html rename to "m\303\251li-m\303\251lo/deprecated/pinkday/pink-day-fr.html" index 99c6cea951..fb0247b8e2 100644 --- a/templates/thematic/pink-day-fr.html +++ "b/m\303\251li-m\303\251lo/deprecated/pinkday/pink-day-fr.html" @@ -9,7 +9,6 @@ "share": "true" } --- -{% include alert-provisional.html %} {% include web-contents/placeholdercontent-fr.html %}

    Example de la page d'accueil

    diff --git a/templates/thematic/pink-day-home-en.html "b/m\303\251li-m\303\251lo/deprecated/pinkday/pink-day-home-en.html" similarity index 100% rename from templates/thematic/pink-day-home-en.html rename to "m\303\251li-m\303\251lo/deprecated/pinkday/pink-day-home-en.html" diff --git a/templates/thematic/pink-day-home-fr.html "b/m\303\251li-m\303\251lo/deprecated/pinkday/pink-day-home-fr.html" similarity index 100% rename from templates/thematic/pink-day-home-fr.html rename to "m\303\251li-m\303\251lo/deprecated/pinkday/pink-day-home-fr.html" diff --git "a/m\303\251li-m\303\251lo/deprecated/pinkday/pinkday.css" "b/m\303\251li-m\303\251lo/deprecated/pinkday/pinkday.css" new file mode 100644 index 0000000000..3b681e46a2 --- /dev/null +++ "b/m\303\251li-m\303\251lo/deprecated/pinkday/pinkday.css" @@ -0,0 +1,50 @@ +/* + * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW) + * wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html + * Pink day - One day event in April + */ + + +/* Background color */ +.provisional .bg-pnkDy { + background-color: #ad005f; +} +.provisional .bg-pnkDy.well.header-rwd { + background-color: #570030; +} + + /* Page header and Menu */ +.provisional.pnkDy-theme .gcweb-menu button[aria-haspopup=true], .provisional.pnkDy-theme #wb-srch button, .provisional.pnkDy-theme .srchbox button { + background-color: #ad005f; + border-color: #ad005f; +} +.provisional.pnkDy-theme .gcweb-menu button[aria-haspopup=true]:focus, .provisional.pnkDy-theme .gcweb-menu button[aria-haspopup=true]:hover, .provisional.pnkDy-theme #wb-srch button:focus, .provisional.pnkDy-theme #wb-srch button:hover, .provisional.pnkDy-theme .srchbox button:focus, .provisional.pnkDy-theme .srchbox button:hover { + background-color: #570030; + color: #fff; +} + +/* Home page Menu */ +.provisional.pnkDy-theme .gcweb-menu, .provisional.pnkDy-theme #wb-bnr + .gcweb-menu, .provisional.pnkDy-theme.home .gcweb-menu, .provisional.pnkDy-theme #wb-bnr + hr { + border-top-color: #ad005f; +} +.provisional.pnkDy-theme.home .gcweb-menu button[aria-haspopup=true] { + background-color: #fff; + border-color: #fff; +} +.provisional.pnkDy-theme.home .gcweb-menu button[aria-haspopup=true] { + color: #ad005f; +} +.provisional.pnkDy-theme.home .gcweb-menu button[aria-haspopup=true]:focus, .provisional.pnkDy-theme.home .gcweb-menu button[aria-haspopup=true]:hover { + background-color: #ad005f; + border-color: #ad005f; + color: #fff; +} + +/* Footer */ +.provisional.pnkDy-theme #wb-info .gc-contextual { + background-color: #c40b71; +} +.provisional.pnkDy-theme #wb-info .landscape { + background-color: #ad005f; +} + diff --git "a/m\303\251li-m\303\251lo/deprecated/style.css" "b/m\303\251li-m\303\251lo/deprecated/style.css" index 9ecaeda9f7..d6b69ddd08 100644 --- "a/m\303\251li-m\303\251lo/deprecated/style.css" +++ "b/m\303\251li-m\303\251lo/deprecated/style.css" @@ -9,3 +9,118 @@ .well.well-bold strong { font-weight: 400; } + +/* Background image heading: deprecated as of v16.0.0 */ +.bg-img-hdng { + background-image: url("https://www.canada.ca/content/dam/servcan/x-blue-line.png"); + background-position: right bottom; + background-repeat: no-repeat; + min-height: 60px; + padding-bottom: 35px; + padding-right: 80px; +} + +/* Light warning alert icon: deprecated as of v16.0.0 */ +.provisional.icon-warning-light, .provisional .icon-warning-light { + color: #DF7200; +} + +/* START: Follow us component: deprecated as of v16.0.0 */ +.followus .foursquare, .followus .youtube, .followus .twitter, .followus .x-social, .followus .flickr, .followus .facebook, .followus .pinterest, .followus .linkedin, .followus .instagram, .followus .googleplus, .followus .reddit, .followus .rss, .followus .periscope, .followus .email { + background-position: center center; + background-repeat: no-repeat; + display: inline; + min-height: 27px; + min-width: 27px; + position: relative; + vertical-align: text-bottom; +} +.followus .foursquare, .icon.foursquare { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjJBQzE4OUE2MjdDMTFFM0FGNUNFRUJBQTFBNTFFNzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjJBQzE4OUI2MjdDMTFFM0FGNUNFRUJBQTFBNTFFNzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MkFDMTg5ODYyN0MxMUUzQUY1Q0VFQkFBMUE1MUU3NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MkFDMTg5OTYyN0MxMUUzQUY1Q0VFQkFBMUE1MUU3NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqP7yl8AAAX0SURBVHjafFZLbFRV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"); +} +.followus .youtube, .icon.youtube { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAbCAYAAAAQ2f3dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAA5dJREFUeNrMl81vFWUUxn9n5p373RZjMVK1IRrKwmJciPG6YMOalS6UuPAv8M9xaWLcCInCmrZAbGuAGK0m0LgRi6XVFunt7e297dze93Exc+lHotxpL4aTnEwyycx55nnPeeY8tvDmGAaYWcXgbaCK8RowCJTSzAO5PenSDIEgTSMJAT7NDrCTZhuIge00W0ATqAN/ALclfpS0ofTlAC+CPhVcBEbwFIAoLdwF0C181FAKuJttoIXxF/A18AWw4oCC4BPEZ8Aozz5sD+PdGEK8DAwrYfdzJxgDPtT/A+pp8QrwAXDdSZxNbzwvcQJ4z0kaB4YyN4oEXhAYFgQg9QvYMWDceTECFDMD80I7OyBhYYiFIVhf5qMIjDgvHUsloFeqwItwcBArl+nU1ug8fkyQz4Nz/QAXAYNOopLKQQ/zZNDpoDgmGh5m6OOLKIqoXb5E/MvPsFHHCiUsF+0Kw+GmtuwklbL2ljodFIbkx05TrFaJXn+D+nc3ad64QfvePNbYJCgWIZ9PymTvv4LziapnUkcBvr2Dj2PMjEq1Sm58nMY779KYmqT1/Sw7v93HajXI5bBCAYIgC4U5J+0Tup5aTNpfwoD8wAC58+cpvnWGevV9NicmaM/9hF9dRe028h7rvf9Cp4w0S9rNAwwYUDr+ErkLFyidO0djdpbmlStsz86gZhMyTK7zyqpfu/lvJ+OAytAQOnWKrZER5CLU8SgIe65zaGD/9Vz84AH1a9eoTU7Smp9HjQZyUcJpj/WOeJT7EW//fp/16zepT03RnJuj8+gRGFihmDR/hlpOopOdMaEwhDCZm3hxkfr0NOuTUzRu3yFeeggSYamM5XJJL2b7/o7zydKWTS4s+fp46SG1iSnWrl6lPjPD9sICmBGUy1gUPWH2EBE7Sc1MdJlBFBGvrbF66TLtlRVa9+axICAYGEj1CuT9UX5LW05iI90kw57/GC4iXv2b7cUlhBKGggBlaO6nHMqm81It3cWLWUdTqS7JggRPf1afNlB3EsuCreyrT8Lck92sb+sYLYNlJ3FXsA68kJ30/qHZE+vAXeelO8ASxsnnYrEWfwpuOcGvgm9MjAKvij4atSztnsQy8K3BvCPpr68kAuAjJWagtMfYhgcMbT9g+H2+UmxB4ivN+BLYtOkTo4loiorgDOgs4iRwHKikQ5FPV153wIV3QXevB5243+PED7rxXSduLAK3DH4ws3UD/hkAxN++zimLNSwAAAAASUVORK5CYII="); +} +.followus .twitter, .followus .x-social, .icon.twitter, .icon.x-social { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAZlBMVEUAAACpqalRUVFra2sWFhbS0tIODg6enp4ICAgEBATX19dFRUV5eXni4uIdHR01NTUkJCSEhIQ9PT2MjIzBwcHExMSgoKDOzs65ubleXl4sLCyTk5P19fWYmJguLi6zs7Pa2trIyMjWijNVAAAA+ElEQVQoz7VSSYKEIAwEQQiIbKLY7v7/k0P3jMuo1+YUklCpKoLQd04xNpw3mdju4tV3W2zDgHmUZu/NOd37fE7Ax/kv4euRHqBCRYNepfqgdnVrzxP1jCn00qeQ8txf6EQibD1rRPtYXKgmVI+yRTFXZjcdFLcalORSwV2kWSvQeKjYkwNEZqhYKniqMR4sUg/jPlzLESgO9qFE+VASNMX+jircQvia7JE3VCBJfVdzxsZ1urxKbiasTBLUrc1/HSbit/fgkpmpQZxKU4v1r+mhpcJFc/qGUNtdiAMbMDvY57v34ErM80FtqKY6dgXp6r08in1pN38AoggMXei8ngUAAAAASUVORK5CYII="); +} +.followus .flickr, .icon.flickr { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTNGMkVFMUY2MjdBMTFFMzhCMjNGNDNCRDQ2QTY3RTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTNGMkVFMjA2MjdBMTFFMzhCMjNGNDNCRDQ2QTY3RTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1M0YyRUUxRDYyN0ExMUUzOEIyM0Y0M0JENDZBNjdFMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1M0YyRUUxRTYyN0ExMUUzOEIyM0Y0M0JENDZBNjdFMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjapqp8AAAPMSURBVHjavFZNaFxVFP7ufX+TZpxMOklbS2tIaHWhQSZUGvAHu+hCUwXBta1SKLqrWKQrwYUirtxEkC4FtQtFDP7sBIk4uGmbbMwkYlAxmQZm5s3f+7v3eu57M5NpnKEuMjlwYOa98+53zvedc95jS0tLJtkbuVzutVQqNY19NKVUUKvVCuVy+T3G2M+m4zjv5vP56wSGYZgQYmF9ff1J8hfYxsaGmJmZ4e1M9h2MKoKUEoVC4Sczm83GQPrCMEwXwDlHOp2e5Tg4M8zeDIZsytQgHR8qEp3fF4w0hcnbP+iypHtikKQU0g5O/mvtRf/E/wNmGSzG+KcqUGtJ2BbD0YyBEYchCPYcokFIfJTqYK4fJ6eOpYFRBwhC7JWoRzPAsYBtV+D971x88WsTJQK0bYZzpxxcv5DB04+kEkCdnGOA1UMYH/wC/ukK2J81AuOQTx2HuDoP+eJpsDCKmemSsL29rcbHx4kEgXJT4aXFHSyveIRM5fE2Nb5CJsPx2ZUcnn8sBU9TGghYr3wL48vbmg/yTmNTRYaF8MYCxKXHgVYAy7awurrqcj1f2k2u8OEPLpbvENAhepDojGXQnmJwaxJv3qygVIvALQP8xm0CWqGbju5q7AbbpFkE8+0foYp3Ic1kqON507noAqpNia9vtShJ1r8RqNLf/gpR2AxhtXwYXxV7APaaBVYqw/j+DyirqxR4jMgUtlyJmtfDxgAr7giwVkj8N+4TrCimrtsz7uYuWBRJZFMKKQv3CNrneRxLk7rUNDI3cp9gDjExQp2gIIVIaIzBpMLEKMOzDxNaNODZUOHBSQPzD3EEaQfR+Sm90wcA0uHpNKJnTkB5YXe0ujyEBHjt/CimTxDHLbV7jky6UY/TOwujOEl7O2xGCC7PQjyhAf12kGp7FP/33zoDMTsBFojdWjvd6AUS0zmGb17P4OV5B5mRZHvYhP3olInPr2Rw8ayNJsXJIII87KB+8wL8V+egsk571RJ10zk0P34O3rUzUKRt5/x4zjY3N9XY2Jh+ycUXUtSNejXd+jvC7zsShwk0f9LEkQcYGoHCPSuUBltvDePOXRjrFahDJqL8UajjtEUIiDoj2RymiWKx6Jp72fZIG93Mc0Tn2akk3o8U6n4fbfwkQU1XNHckZpP5RGMjGLwbO0PX03QxqBf+z5XuEYC3+2y/jT9w6w/j9dJdxAcGdlCVkTMehmH8BTQs63xdRVFU4ltbW8saUH8B6Rv77frcSqWCarW6aNbr9Utra2ufTE5OnrNte9/pazQabqlUWqTqPvpXgAEAXskOrNb+EfQAAAAASUVORK5CYII="); +} +.followus .facebook, .icon.facebook { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NTU5MTU0RTVBMkUxMUUzQTgzODlDQkVCQTlCRjdERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NTU5MTU0RjVBMkUxMUUzQTgzODlDQkVCQTlCRjdERCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY1NTkxNTRDNUEyRTExRTNBODM4OUNCRUJBOUJGN0REIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY1NTkxNTRENUEyRTExRTNBODM4OUNCRUJBOUJGN0REIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+tKO1uwAAAaRQTFRF9vf68/X5UGmoVm6rGzuNMlCZeIy8OlacSmSkPFidPlqfdoq7PVmePFieR2KjOVWcPFedU2ypJ0aTPlmeQlyg3uPvHj6OSGKkQFygPVie/f7+IUCQ9Pb6GjqMM1CZK0mVdYi6LEqVPFeePlqeHDyNOVacPlmf0tnqRl+iOladRV+hGzeLP1mfX3awVW2q2N7sHT6OOFWbLkyX4+fx9/j7NVGaMk+ZRV6irbjWMU+YME2XZ320PVqe6+713eLuI0ORg5XB6e30GjyNdYm6IUCP9/f7KEeTIkKReIu7NlKaKEeU5eny3+Tv5unyNlSaYHavSWOk0dfoSmKkPVmdTmenRmGiQl6hW3Ou5OjyJEOS3uLuNVKbYnix8vT5CSyEa4G1OFWcIkGRKkiUSmSl6u30h5jDn63QMU+ZRF6iKUeTO1ad7vH3K0qVr7rYMU6YJkSTYniw8vX58fT4LUqWLkyYbYK32d7sIUGReo689fb6TGal8PL3NlOb+Pr8/Pz909rpSGOkU2up+Pn8xs3iNFGZXXStXHStAySAP1qfT2in////O1ed8qxkgAAAARpJREFUeNqU0sVuxEAMBuApbTa8zFhmZtoyMzMzMzNOPC/ddKUko2ov/S+WP1mWD0b9JrPyN2bTIOIJHdGOMadWHkk0N37MujK7GUwkpBjKZnQdk8kRh7xnUWjHUc9Wc9P91Y4/m3ZhtyYH1DyNBTHl3pCt9pdhI9dFO+fPbwU4PBn+Gu8lhrOOUmsA3ooOtkNENFyo6vv2nsGtpy1mkzlqPkssmDgFZL2QV0i64eXLc89OH/gGSpyj69eFmjNrN6BlH3dwuod53d/D54K+5+Gu57OlEx43L9un58uM/Zah+qWpRUAvq9EjlqXuIfagkgSouI7JUxvKcWqy6ilp8eb/7k7obhRJ6BFUof3Da/VCACobpPg/zPwIMACYFdTbOAfyBwAAAABJRU5ErkJggg=="); +} +.followus .pinterest, .icon.pinterest { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAACXBIWXMAAC4jAAAuIwF4pT92AAA50WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU0OTExLCAyMDEzLzEwLzI5LTExOjQ3OjE2ICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDEzLTA4LTA5VDE1OjE4OjQ4LTA0OjAwPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTQtMTAtMjhUMTI6Mjk6MTItMDQ6MDA8L3htcDpNb2RpZnlEYXRlPgogICAgICAgICA8eG1wOk1ldGFkYXRhRGF0ZT4yMDE0LTEwLTI4VDEyOjI5OjEyLTA0OjAwPC94bXA6TWV0YWRhdGFEYXRlPgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICAgICA8cGhvdG9zaG9wOkNvbG9yTW9kZT4zPC9waG90b3Nob3A6Q29sb3JNb2RlPgogICAgICAgICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOjdlMGJlZTI3LWEzZTAtNTM0YS1iMmQ2LTMyYTk3NjM5MzkzODwveG1wTU06SW5zdGFuY2VJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+eG1wLmRpZDpkZjYyMDZlMi0zZTA3LTUyNDQtYjI4OS0xYjM3MjQyNzcwMmM8L3htcE1NOkRvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDpkZjYyMDZlMi0zZTA3LTUyNDQtYjI4OS0xYjM3MjQyNzcwMmM8L3htcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkhpc3Rvcnk+CiAgICAgICAgICAgIDxyZGY6U2VxPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5jcmVhdGVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6ZGY2MjA2ZTItM2UwNy01MjQ0LWIyODktMWIzNzI0Mjc3MDJjPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDEzLTA4LTA5VDE1OjE4OjQ4LTA0OjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+c2F2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDo3ZTBiZWUyNy1hM2UwLTUzNGEtYjJkNi0zMmE5NzYzOTM5Mzg8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTQtMTAtMjhUMTI6Mjk6MTItMDQ6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+MzAwMDAwMC8xMDAwMDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+MzAwMDAwMC8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+Mjc8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+Mjc8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PlHalvsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAuFJREFUeNqc1k2IllUUB/DfPFqaWdbCoKZIN6kIVqYljQsrbZHpGBnMShSpTQQVBIIoRQsXhYK1DEGQaNGXpkFkWllZGX04ZKZtMnNIzcKIcejDNueF4+2+7zt4Ns+595x7/889H/97e76YOs0o5Ar0YRZuwAQM4xgG8THOdttkbBf7HDyKBzCpg99ZvIkXcaCdU9NmfhxeioUruwDBlViBz7EFl40WbDq+x2oXJ6twBDO7hXEavsGlHTb7CWdCvwbXVnyux9e4Bd/WwMbj0zZAu7ENewIsy0wsxWMF8Fjsj7k/yzC+hquKjc6gH4uwtQIk/nwDpkaeyyp+vczZfNxXOB7HDOyI8Z2x2UH8jB/CNhD2ETyM54t97sUC6Ik++yj6qCXncWM6ySY83iGPr+KhNN6PeWn8GeY10aR9xeK1CWhjAjqPkxWw5ViXxo8U9jswpcH9hWE4heJmPBH6V5GXXjxTAVyTimsQ3xX2JQ1mF5Pv4a/Qn4zv31iIH0N/ukJPE6J1ciiz3NpEbsrqasnc+O5LvQVj2hBCZo4/Cltvg8uLyX+K0oWhwud2TKyAnSoo7IIfaXCumJyS9KFEYfkk/RWgXyPMtX1gpKk06qKkPxs5mo3JXcA+wb+pf28r7ENNcGGWyanU38JvoZ9Op5xeAduc9IWVMA422FlZuCn4blyA70y5rHHn28GfLVlX8dnV4GhQUCnbcSL0HWn+IJ5L45exOI0Hgv6yHMKhFl0tbnPClszAYVySevC6yM3x5LcAeyvrl2F7q8J2xS1bk5MBBHfF9T8pTt0Cuhrr2wB9GVG64D5bGqXeUzjvKy7X/gB5B7/HRdnXpu9gSe3y/CXC8EHhnMd3x3ciHhzFE+GelPf/Uc6HEarhoiDy4tHISPTrnm4PnvdxUxByPv2yRF+d5N0I9+7S0NPlkToQD5ehyE8n2YsX8MbFPlJfSdX2VFy0vcHu5+J5MBh5PdLtyP8NANPznqhL35DdAAAAAElFTkSuQmCC"); +} +.followus .linkedin, .icon.linkedin { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAACXBIWXMAAAsTAAALEwEAmpwYAAA7amlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU1NzcyLCAyMDE0LzAxLzEzLTE5OjQ0OjAwICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgICAgICAgICB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDEyLTExLTAxVDEzOjA4OjE0LTA0OjAwPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTUtMDItMjRUMTM6MjY6MjMtMDU6MDA8L3htcDpNb2RpZnlEYXRlPgogICAgICAgICA8eG1wOk1ldGFkYXRhRGF0ZT4yMDE1LTAyLTI0VDEzOjI2OjIzLTA1OjAwPC94bXA6TWV0YWRhdGFEYXRlPgogICAgICAgICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOjVjYTc1ZjdmLTU0NWMtOGY0YS05NDRiLTdmNjUwYmRjZjdkMDwveG1wTU06SW5zdGFuY2VJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjkxYjg0YjE0LWJjNTItMTFlNC04ZmMyLWMzMmMzN2VlOTM3ODwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkRlcml2ZWRGcm9tIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgPHN0UmVmOmluc3RhbmNlSUQ+eG1wLmlpZDpDMTAyMEM1NTFDN0IxMUUyQjkxNEY3RUNEMkY1ODRBRDwvc3RSZWY6aW5zdGFuY2VJRD4KICAgICAgICAgICAgPHN0UmVmOmRvY3VtZW50SUQ+eG1wLmRpZDpDMTAyMEM1NjFDN0IxMUUyQjkxNEY3RUNEMkY1ODRBRDwvc3RSZWY6ZG9jdW1lbnRJRD4KICAgICAgICAgPC94bXBNTTpEZXJpdmVkRnJvbT4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOkMxMDIwQzU4MUM3QjExRTJCOTE0RjdFQ0QyRjU4NEFEPC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+c2F2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDpiYWU1MTMwNy0xYzQwLTQ5NGEtOGYyMS01MzlkMWRkNWU3NDE8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTUtMDItMjRUMTM6MjM6NTgtMDU6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6NWNhNzVmN2YtNTQ1Yy04ZjRhLTk0NGItN2Y2NTBiZGNmN2QwPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE1LTAyLTI0VDEzOjI2OjIzLTA1OjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHBob3Rvc2hvcDpDb2xvck1vZGU+MzwvcGhvdG9zaG9wOkNvbG9yTW9kZT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+NjU1MzU8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjI3PC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjI3PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz51EJCFAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAL9SURBVHjavJZLaNRQFIa/O0nm4UwfVouttiC1PkEUrRtdKBatiC4FEQQFwY3dWhBBBF3pTtyoaxE3ilIEERREQcRHfZf6wkdL7XNenUkmyXVxayaZqULttD+EzNxzc0/Of/7zE0FX9zHgNGAweygApwRd3ZI5Qggwi/8EOC6MZGEoA6at1ioDUwcsIEJIQK4AjmTX5qXEDY2b7wZxknmoiYI7YwIsvciqC47k8sENHNnUDEDPQIqOi48ZTJsQMypCo8LYBB0blniJANY1VnNyzxpImRXrmYLjUh8Pl21YlAiDlBVOVhvj9rMfvBlMe0uulJy/1wfxykxFsWcxg2QyT9uFR5xqX04ionHl6XdevR+EBXFwZLBCIZRSLRuyBUBCWIeoDpqAKcgQdHWngCrE5AFDWUjlVTSqQ0MVGBrkbXX9QVSHjAmJCOuaazE0wefRCUYH0uolyhWcLlZmuaALrnVuoSER8ZaP3nhN7/Of7Gxv5cS2Vq+o/VdfEKuNcf1QGxubagAYzlrc7Rvm+K23/OxPQd28QELd1yBAsG9tY2COF8bD9CbzLFsQZ2tLnbd+tmMle9Yson6eEdh7YP1itrcuZNWZeySzVmBkQj5CAfg2nguOve2CoZExixRK4HBbUyCRHw2JMJ07VkDa/Isap4E/hY/nCpy+84Fz9z9hlzjM3hX1UBUB252Cxul6j+Oy7dITeh58Ain5lbM4t3u1F19cHVEUWs7Mk30YytLzcRha6iBl8vDLWCCuCpUzpxFgZMJSP7QQaIKC65Ykk2Wz9t/JspYDBcdroBBiGnY1TWhCqIErEc2sJJuZEc9pMll0AT8MTYDtEjWC7zU/ZhSNWUq1j6DzUCJIvTTty/4UTTVRbzljOhAzGM4W+DqW80k/o5Q4qciM6QTiP5L5Mu6Kru9VWKJXv8oCMVGuin89O+n6Qd5sNzgfRkhVYLsB6yEkVExOStGV6jvGL09D858c1oFISZPKO+tKdXi4JCZ9dzFFPIiIDnTO1Rfx7wEA4YQP61bPS5MAAAAASUVORK5CYII="); +} +.followus .instagram, .icon.instagram { + background-image: url("data:image/png;base64,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"); +} +.followus .googleplus, .icon.followus { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAAXNSR0IArs4c6QAAA9lJREFUaAXtmX9IU1EUx882tznnr0ynGREpFvRfkWZ/FCRSRGQWmEgU/VF/FNEPqD8LwiAoIUihfyMoSyywoP6oDCEtqUj6IWRIhKVu/pq2qU+39zrnuvt82x6Mt+3pgl04vHPPu+/cz/t6d3bvBPhPm0GFWy2mMmzJQ5JyRiUk+aaAka+8p3xmqX0CJvMHjL1AioLC9KayvCrPZm00GYyFiviyu35JHHTNzp3e/uLtU4TxEZAxQEXqmhMRmvhISEeqpYkY0dhKUIJbEk1pguYtwGbBfjg4H5TAV1Vw5XpPVHZiDFKcQFkgUYkDXDIjX+MJzhuOlwQP10TfSFJxffUNz55UPFwTfSMxfekY7HbIPlgH9i1bwZyP+zKssvPOIfB+6AZ36z2Qpqd1o48aPG1zGeSePAdmR0EQnHVtEZBl7KgAZ1MDCD0fg+7HqxMVuG1TKRRcvgYGw8IX2dyIC2a+9zIm24aNYMlzgOT3g2/wd7w4w/JoBjek2SHv1HkGLfp8MNZ8ByYfPwCDKLLkktEI6bv3wUx3J4jjo2ETxiugGTz7QK28PCYeNcNU6/2gTQ69gPd5W0S+4rZ2NqZ/f0XEsWoDNJdDe2k5yyPiB8/dclct55LENCtuLljNwISfP/AQRcfAxcZVXIwseJ7ODnBev8I6oWN4X6vymhWXJH7YlneYoZzhfROdwePbNCvuc/4B07oSsBaV4AkQj4Dz8zLRcGOD7JuysiDv6AnW942PyfG+qp3MX//kNbvyvilQoeSBERzNinvedbGURpsNcuqOBaX3vnwG3ExmOmUtNKH3C3fx4GtgxgOhfR6PdNWs+GRbC2RU7AJL/irIrj4EEpbEiYf4IcW6zVvm3mpYUXOYdYWBX+Dp6uC35Gu0SvMEmsGlmRlw3boBhfUNYMS1m1N7BDIr98Bsfx+AKOESKpbLpYilceT2zaCX4hNrXRr8OX7VDE4PCl97YPDSBXCcuciUT1mZC+loyuZzT4ALoYVvn5XhuPlRgdPsBD9w9jhkVtWAvWwbWAvXBDZZw+D99B4m8ctJ+jsVN9DQRFGDs0S4bKZwfZPxIglYLvkeJnSyePZjA1eQyFVdY1lTpNDkai6HmrLrODgJrqO4qqmTiqvKomMwqbiO4qqmTiquKouOQaXioiD6XTrOFVPqANvCTwmYiYPTVsPXPjR6VfD7R2KaQYeHienV8Fg9MaKxbRHfYtALpKPlo+WgpaLxe+guayPQWbRxNCeaB03kmyy6KaC5KYhG5y7+10B3WRvxzKHRHpkYgxTHPgOlf4ASNL1QIilOS4Tg6WTO1vk/yrUG/vk8ZeYAAAAASUVORK5CYII="); +} +.followus .reddit, .icon.reddit { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACAUlEQVRIS+2TTUhUURiGnxm1zJ9KQScVmxT/MlJQCFNQNyJBZLrSQPyBNokbwRKNRBdGCG1EWhg06kLd+L8RQRRJJNBKURyVURjFRJhSw4pJRw4HnWQu3rloO7/Vved8533Oed9zdI4sHPzH0l0A1NzVbpG3L3h6wc8fUjvAADod2L4psrQDntRAaBToPWDfDml5oNdDSQx833SBaAc8b4PGInA4IPAGmJbltwDYNs4B8KId3hQ6ha4HS8D21jlYZDDCg6dgeqmW7fG8ukV+AZCaA8Y7EH8fRMhfRsAyA5MDsGs7FeYKiEyE/CqwmsHrMuSUwRV/ZZFfu9DXDPbfcPM2dLwGy9cTva6AljkwxrttwYnGNTOUxqkA3s/L3RxVczlMDkJ9P0TclaMrs/DqEaQ8hLImZ+/aIpTGqgCEyLvP8p6LKoyAzVWoNEFWkRwbboXGYjDcgvYVOXawD8+SZDb/lHLIvdvgc9W52+VpyMyXmYiy/4HRTohKcp5qbwceX3OxVhlQ2w1pudpy+NgDdXluAoLC4e04iHsvHpFYmJgJ0clSYGkK5iegpkv+Cwsr0mHL6iZAtIVEQnUHxN6Dv3aYGYP1RSkQFgMJ6eB5CcyfoKEANiyKJ1Z/aAkZkF0C4XEQFi1F1pfAugBDHyT4lFIHaEtCg0VnFD5afnECVSMPAeyytmHDG1/pAAAAAElFTkSuQmCC"); +} +.followus .rss, .icon.rss { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NzZiMjA1Zi00ZGUxLTZiNDctOTMyMC03ZWY5NWQ5OWI3MzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTUxRjNCOTIyODA5MTFFNjgyRDVDNTkyQTkzNDdBRjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTUxRjNCOTEyODA5MTFFNjgyRDVDNTkyQTkzNDdBRjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDc2YjIwNWYtNGRlMS02YjQ3LTkzMjAtN2VmOTVkOTliNzMxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ3NmIyMDVmLTRkZTEtNmI0Ny05MzIwLTdlZjk1ZDk5YjczMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmuk6osAAAF9UExURfTr3vT08/eiNPTw6vXWrfTz8vXewfegLvXiyvefLPejN/XjzPbBfPTu5vimO/a/ePilOvinPvXfxPbAevTy8Pa2YfenP/XgxvXXr/XRovTn1PipQ/ayWvXewPa0XfXWrvXYs/XTp/a1YPbFh/XOmvTs4PTt4/XUqfa1YfXSpPegL/XVq/ekOPeqR/XQn/To1/Tw6/egMPeoQ/Tx7PvPlvilOfekOfbGh/a4aPbEhPXiy/auTva5afawU/Tm0/bAe/epRPTx7fa6bPXbuvbIjfXJj/a7b/XgxPTp2/XLlPayWPejNfTz8fXdv/XjzfXKkvXNmfeqRvTv6fepRfzWpfbEg/Xcu/Xbufa2Yvzcs/a8cPXYsva1X/ioQfXSpfbJj/Tt5PTn1fXZtfXUqveoQfTq3Pa0Xva9dPa8cfa3ZPXLk/awVfXUqPXMlvXcvfTv6PemPPTm1PbGiPirR/auUPayWfa3ZfTy7va6bfzWpPelOvXfw/imPPT09PeeKmiQOqoAAAFoSURBVHjafJJlY8IwEIaDU9yHO0M3mLu7u7u7+1buty9Jw4BReL/cNU96GrT1YuLFZfB8IQ9UF4/aalAD4gGsoQVjYkUq9i+m8jyW3jIV/hajobwgyYRVU0nj+T9pLznRyEyKgOMf3Xw+cN27JYx3v5VTIm6pMz0k4Hp7BcVSve5/UHz4Xkob9dm5Oz8p1/5EcaynhJ7Qcny6doCGdYrrHov0ltWjDgNonNRNinQkWwPI/FDvvJg3JivwDhx8kjhBVYGe9iV0AeGCQgewTTpvuSrtSOVVUvwwDakR4jhTZf1KoxRvNMHnLNnZYPk0wEUX1QszNIyxQI3a3NGYCqT0VCmFUWLjjPpt5KsLYFiBre0GdkmJ84ymhfng1BbiRMCBsDlj9FiYFE5xTRw5cFpsEKPjlC5iesGu+cgiGeWiy5LcTgZTr9bdnw3i2SKE1ISa8KFmIBlpFn3P5hqv3YRW9/hqMrf+CjAAaC1Z2TOY0NQAAAAASUVORK5CYII="); +} +.followus .periscope { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAIAAADZ8fBYAAAACXBIWXMAABJ0AAASdAHeZh94AAAAB3RJTUUH4gQVEAg4+eKAogAABDhJREFUSMedVk1oXGUUPfe+N/Mmk0x+GpM0TdOaBlOpSgXdtAoVhUrBuhGKK0EXrrpyIYi4KxQXrYhUcSFaEWtFpVJxI/5iKoVWa9pqUmObnza/k2Q6M3Ey8953j4sXqyGZJPZbPXjvO+9w7zn3XHnkgx+xjiMgIAAAcvFhtaNrfyECkhACBAgRcE1gf3WOhBgJkeaUf0c6cMap+XI+dLfe/n9ckiJC7utue7y7rasxXeurEYXQ9U3lT10ZuzCZBwkAsgK6rFxfEiKbM6mXdt21o6V+xf9+2j927PzVGHk5tL8cUQQU6axPHXnsvpZ0MjSKQAkzp76vQATA7Km7N2UC/3DvFRHhOuuQ8OTl3T0t6WTFzBNRILw5d+2NV8uT43X37mx78kC6o7Pi3N6u1j9mip8MjAvA1fUgACFPbGvd3pwpG31VJWmWbGxq2b3H9V/Kff7xwAvP5y6c8zwvcvbMzq0bUj4B0KrjkgQ8cH/PJiNUZe78WVcpi+dBJGhrD2pr000b/Pn88NFDldlZE80kvL1drQBUtCquqkBkW2N6S0ONCRhGY28dzX72IcsLlezU9Mn3ATByydoMJ25kv/pCFQQe3NQkoC3lu7S+BICuxloPqAALo8Nudnr2o+Pzvd9F80U3OyPJADQSvu+Xfr9ogE+016VSKiWLBS0r9o2AZIIERQhExYKSGgTl6yNQ0VSKZgSEEFUulGhwitpkIuV7pYoT+bd7uqxtiMwAGJBs2SjJJM00CMTzF10AiAqd85uaY3KRmTNbbT7E94bmigDEMdm+seae+6NiAepBhGTsQQBmrH/oUQoUmCguFEIHkqyGSwLonymOF8u+wojW5w5qa3t0c26xrb4Ps0p2OrN3f/3De6KIAvRN5CiqssR1S+sgIrQypXc064tEkQWbOzsPvZ56YJdzLirko0Le+X7D08+2H3yRBk9Qcfx6aAqAcVW/xSPqVP+Nfd0bEwl1oQVb79x86LXSlYFwfBTqBdt6Uh0dNERmdb5+M5z9M1f6rxKq+5g29lf45eDEgR0dBQEcBazp2Z7u2R73wCJH8TyVBeOJi0MQWY67bK5LXCeeuDwyNl8OPDGShEXmKpGrhBY6ika0GpXTA2ODN8swB9V15IUIyFzFjp0dTMo/+hOB58NLQNWRaU+H8qV3fxmqNt1XziECMHdmPHfyt+t1voakAQQJGuEBkdmRMwMlAqSorjvfRAmB2ds/X/vpxlxDQp0xNouRaV/fPHf10sw8zFWLoqq5GbMg5HDvwK/T+YaEhkaY1Sf0+MWR04OToEFkxRBaK49VQRZC98q3l78fyTYmtCbhvXNh+L2+UZgjAalOq+r+EEuHBA3q0WzPlubcQtiXLdI5iEh1sqvmcXxHBOLFE+eH63OxukVlUSG3tz8s8TegIAmuhbjefecWtBGssi3cLl8A60aMz9/uIDYzpseL+gAAAABJRU5ErkJggg=="); +} +.followus .email { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAWCAYAAABOm/V6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gQVECMqfCsMgwAAAshJREFUSMfF1s9P02AYwPFvyxwbHRuMrYOVVgS2BRNBDfHqxXDxz/Bq4sH/QA+e/B8MR+9e/QcUMk0IMBRho4R1g7LRbmPA6mFuqLAxfj9Jk6bv276fPHnep6+QnJ3xAq+Bl0CEm41PwBsX8AJ4y+3Ec2DYBbwCCClj7O1k6Q3KRO5OXNuqlVKRjVQSr6+PXSMDMCUCIwCylkCJTWHt5smuLV4LYL9ssZFK4g9GUMYnm8/Fvyd5fX1Exx7UIetXC6mWbTLLc/gHBpG1+D9jIuDUb51jyPgklpknu750NYBKifTSVwKhKOHhGCCcQJwIry+AEptizzQw0suXByx+oS+sEFLGEQThxByx1cseyc9w/BHFnSy5zAqO41wYEAgrDERHTwW0RQB4enpRE48pbG+S13/iOLVz1UADEIqOIoitlxLP+li314eWmKaQ09nWV3FqZ0P2Sxbp5TkC4SghZawtoCMEgNsroU1Ms5vTyW+uts1IpVQkk5rHHxxsWQMXQgC4PXVIIaeT11dPrZGKXUBPJekNRpC1eEeAcyGqlRJGOoUUCFHI6+QyKWpHh81xu7CNvvKd7h4fFbuImc10XD+uzgA2RjqFRwoQUkbZL9ts/vjG4UGVbq+PWu0Qy8zROxBBVuNU7CJGJgVAf0S9fCb+B9SLVUK7/wTXHTd2cYdq2SasxpDVeHN7y2qcPdNo/B8unoljgL8JaERXlwtZS9Cuz8hqrN5jgH5ZPX8mGjXgkfwMREcv1C09kp+wGsPaaZ8R8biRH1fywX4ZI71cBwzd67jKW2ZES7BnGpgtICJQBZpN6KBaIbu+hEfyExwaObPRdBLdPT5kLYFlGqfuGhGYB9haW+Do8ICtXwt1wKCGIAg4Tu1KLrenh7AaxzKzZNcWsXZzDUNJSM7OPPtz1nPf0hHvowv4DDwF3gEPAekGFnaADPABeP8bNrJaPIc3C6EAAAAASUVORK5CYII="); +} +.shr-pg a { + background-image: none; +} +.followus { + background-color: #eaebed; + display: inline-block; + margin-bottom: 15px; + padding: 10px 5px; +} +.followus h2 { + display: inline; + font-size: 16px; + margin-left: 5px; +} +.followus ul { + display: inline; + margin-left: 5px; + padding-left: 0; +} +.followus ul li { + display: inline-block; + margin: 5px 0; + padding: 0; +} +.followus ul li a { + border: solid 2px #eaebed; + padding: 10px 17px; +} +.followus ul li a:hover, .followus ul li a:focus, .followus ul li a:active { + border: solid 2px #0535d2; +} +.followus .youtube { + min-width: 38px; +} +.icon { + background-position: left center; + background-repeat: no-repeat; + display: inline-block; + min-height: 32px; + min-width: 32px; + padding-left: 35px; +} +.icon.youtube { + padding-left: 45px; +} +.icon.googleplus { + height: 45px; + padding-left: 48px; +} +/* END: Follow us component: deprecated as of v16.0.0 */ diff --git a/sites/footers/_screen-sm-max.scss b/sites/footers/_screen-sm-max.scss index a45a2c24eb..62d73c997c 100644 --- a/sites/footers/_screen-sm-max.scss +++ b/sites/footers/_screen-sm-max.scss @@ -4,26 +4,9 @@ */ #wb-info { - .gc-sub-footer, .brand { // ".brand" to support footer v2.0 + .gc-sub-footer { nav { ul { - /* START: To support footer v3.0 */ - display: block; - - & + h4 { - margin-top: 0; - - &::before { - border-width: 0 0 1px 0; - display: block !important; - height: 0; - margin: 1em 0; - position: static; - width: 1.5em; - } - } - /* END */ - li { display: block; @@ -37,29 +20,5 @@ } } } - - /* START: To support footer <= v2.0 */ - .row { - nav { - margin: .75em 0 3em; - - ul { - column-count: 2; - padding-top: 0; - } - - li { - display: block; - margin-bottom: .75em; - - &::before { - content: "\2022"; - display: inline; - margin-right: .75em; - } - } - } - } - /* END */ } } diff --git a/sites/footers/_screen-xs-max.scss b/sites/footers/_screen-xs-max.scss deleted file mode 100644 index 18af8accdd..0000000000 --- a/sites/footers/_screen-xs-max.scss +++ /dev/null @@ -1,41 +0,0 @@ -/* - WET-BOEW - @title: Footer extra-small view and under (screen only) - */ - -#wb-info { - .gc-sub-footer, .brand { // ".brand" to support footer v2.0 - /* START: To support footer v3.0 */ - nav { - ul { - & + h4 { - margin-top: 0; - - &::before { - border-width: 0 0 1px 0; - display: block !important; - height: 0; - margin: 1em 0; - position: static; - width: 1.5em; - } - } - } - } - /* END */ - - /* START: To support footer <= v2.0 */ - .row { - nav { - ul { - li { - &:first-child::before { - display: inline; - } - } - } - } - } - /* END */ - } -} diff --git a/sites/footers/_screen-xxs-max.scss b/sites/footers/_screen-xxs-max.scss index 04db385a77..25e0f59fa4 100644 --- a/sites/footers/_screen-xxs-max.scss +++ b/sites/footers/_screen-xxs-max.scss @@ -2,7 +2,7 @@ * Site information (extra-extra-small view) */ #wb-info { - .gc-sub-footer, .brand { // ".brand" to support footer v2.0 + .gc-sub-footer { object, img { height: 25px; @@ -10,13 +10,5 @@ max-width: 100%; padding-right: 10px; } - - /* START: To support footer <= v2.0 */ - .row { - nav ul { - column-count: 1; - } - } - /* END */ } } diff --git a/sites/footers/deprecated/footers-v1-en.html b/sites/footers/deprecated/footers-v1-en.html deleted file mode 100644 index a6de921b3a..0000000000 --- a/sites/footers/deprecated/footers-v1-en.html +++ /dev/null @@ -1,84 +0,0 @@ ---- -{ - "layout": null, - "title": "Content page including complete footer version 1.0 (deprecated)", - "language": "en", - "altLangPage": "footers-v1-fr.html", - "secondlevel": false, - "dateModified": "2022-05-18", - "share": "true" -} ---- -{%- include variable-core.liquid -%} -{%- capture page-title -%} - {%- if page.title -%} - {{ page.title }} - {%- else -%} - Page untitled - {%- endif -%} -{%- endcapture -%} - - - - -{% include license.html %} -{{ page-title }} - {{ i18nText-siteTitle }} - -{% include metadata.html %} -{% include resources-inc/head.html %} - - -{%- if page.archived -%} - {% include headers-includes/archive.html %} -{%- endif -%} -{% include skiplinks/skiplinks.html %} -{% include header/header.html %} -
    -

    {{ page-title }}

    -

    This is version 1.0 (deprecated) of the page footer.

    -

    This version uses the colcount-sm-2 class in the "About government" section. As of version 2.0, the class has been replaced with colcount-xs-2 to match the "About this site" section.

    -{% include page-details/footer.html %} -
    - -{% include resources-inc/footer.html %} - - diff --git a/sites/footers/deprecated/footers-v1-fr.html b/sites/footers/deprecated/footers-v1-fr.html deleted file mode 100644 index 0cfbdda997..0000000000 --- a/sites/footers/deprecated/footers-v1-fr.html +++ /dev/null @@ -1,84 +0,0 @@ ---- -{ - "layout": null, - "title": "Page de contenu incluant le pied de page complet version 1.0 (dépréciée)", - "language": "fr", - "altLangPage": "footers-v1-en.html", - "secondlevel": false, - "dateModified": "2022-05-18", - "share": "true" -} ---- -{%- include variable-core.liquid -%} -{%- capture page-title -%} - {%- if page.title -%} - {{ page.title }} - {%- else -%} - Page untitled - {%- endif -%} -{%- endcapture -%} - - - - -{% include license.html %} -{{ page-title }} - {{ i18nText-siteTitle }} - -{% include metadata.html %} -{% include resources-inc/head.html %} - - -{%- if page.archived -%} - {% include headers-includes/archive.html %} -{%- endif -%} -{% include skiplinks/skiplinks.html %} -{% include header/header.html %} -
    -

    {{ page-title }}

    -

    Voici la version 1.0 (dépréciée) du pied de page.

    -

    Cette version utilise la classe colcount-sm-2 dans la section « Au sujet du gouvernement ». À partir de la version 2.0, la classe a été remplacée par colcount-xs-2 pour correspondre à la section « Au sujet de ce site ».

    -{% include page-details/footer.html %} -
    - -{% include resources-inc/footer.html %} - - diff --git a/sites/footers/deprecated/footers-v2-en.html b/sites/footers/deprecated/footers-v2-en.html deleted file mode 100644 index e79d2cda4e..0000000000 --- a/sites/footers/deprecated/footers-v2-en.html +++ /dev/null @@ -1,90 +0,0 @@ ---- -{ -"layout": null, -"title": "Content page including complete footer version 2.0", -"language": "en", -"breadcrumbs": [ - { "title": "Footer", "link": "sites/footers/footers-en.html" } -], -"altLangPage": "footers-v2-fr.html", -"secondlevel": false, -"dateModified": "2022-06-17", -"share": "true" -} ---- - -{%- include variable-core.liquid -%} -{%- capture page-title -%} -{%- if page.title -%} -{{ page.title }} -{%- else -%} -Page untitled -{%- endif -%} -{%- endcapture -%} - - - - - - {% include license.html %} - {{ page-title }} - {{ i18nText-siteTitle }} - - {% include metadata.html %} - {% include resources-inc/head.html %} - - - - {%- if page.archived -%} - {% include headers-includes/archive.html %} - {%- endif -%} - {% include skiplinks/skiplinks.html %} - {% include header/header.html %} -
    -

    {{ page-title }}

    -

    This is version 2.0 of the page footer including the "About government" section and all utility links from "About this site" section.

    -

    Updated to use the colcount-xs-2 class instead of colcount-sm-2.

    - {% include page-details/footer.html %} -
    - - {% include resources-inc/footer.html %} - - diff --git a/sites/footers/deprecated/footers-v2-fr.html b/sites/footers/deprecated/footers-v2-fr.html deleted file mode 100644 index 768f22c2a2..0000000000 --- a/sites/footers/deprecated/footers-v2-fr.html +++ /dev/null @@ -1,90 +0,0 @@ ---- -{ -"layout": null, -"title": "Page de contenu incluant le pied de page complet version 2.0", -"language": "fr", -"breadcrumbs": [ - { "title": "Footer", "link": "sites/footers/footers-fr.html" } -], -"altLangPage": "footers-v2-en.html", -"secondlevel": false, -"dateModified": "2022-06-17", -"share": "true" -} ---- - -{%- include variable-core.liquid -%} -{%- capture page-title -%} -{%- if page.title -%} -{{ page.title }} -{%- else -%} -Page untitled -{%- endif -%} -{%- endcapture -%} - - - - - - {% include license.html %} - {{ page-title }} - {{ i18nText-siteTitle }} - - {% include metadata.html %} - {% include resources-inc/head.html %} - - - - {%- if page.archived -%} - {% include headers-includes/archive.html %} - {%- endif -%} - {% include skiplinks/skiplinks.html %} - {% include header/header.html %} -
    -

    {{ page-title }}

    -

    Voici la version 2.0 du pied de page complet par défaut incluant la section "Au sujet du gouvernement" et les liens de la section "Au sujet de ce site".

    -

    Mise à jour pour utiliser la classe colcount-xs-2 au lieu de colcount-sm-2.

    - {% include page-details/footer.html %} -
    - - {% include resources-inc/footer.html %} - - diff --git a/sites/footers/deprecated/footers-v3-en.html b/sites/footers/deprecated/footers-v3-en.html deleted file mode 100644 index 835f7ab2ce..0000000000 --- a/sites/footers/deprecated/footers-v3-en.html +++ /dev/null @@ -1,117 +0,0 @@ ---- -{ -"layout": null, -"title": "Content page including complete footer version 3.0 (deprecated)", -"language": "en", -"breadcrumbs": [ - { "title": "Footer", "link": "sites/footers/footers-en.html" } -], -"altLangPage": "footers-v3-fr.html", -"secondlevel": false, -"dateModified": "2022-11-10", -"share": "true" -} ---- - -{%- include variable-core.liquid -%} -{%- capture page-title -%} -{%- if page.title -%} -{{ page.title }} -{%- else -%} -Page untitled -{%- endif -%} -{%- endcapture -%} - - - - - - {% include license.html %} - {{ page-title }} - {{ i18nText-siteTitle }} - - {% include metadata.html %} - {% include resources-inc/head.html %} - - - - {%- if page.archived -%} - {% include headers-includes/archive.html %} - {%- endif -%} - {% include skiplinks/skiplinks.html %} - {% include header/header.html %} -
    -

    {{ page-title }}

    -

    This is version 3.0 (deprecated) of the page footer.

    - {% include page-details/footer.html %} -
    - - {% include resources-inc/footer.html %} - - diff --git a/sites/footers/deprecated/footers-v3-fr.html b/sites/footers/deprecated/footers-v3-fr.html deleted file mode 100644 index ee93648f18..0000000000 --- a/sites/footers/deprecated/footers-v3-fr.html +++ /dev/null @@ -1,117 +0,0 @@ ---- -{ -"layout": null, -"title": "Page de contenu incluant le pied de page complet version 3.0 (dépréciée)", -"language": "fr", -"breadcrumbs": [ - { "title": "Footer", "link": "sites/footers/footers-fr.html" } -], -"altLangPage": "footers-v3-en.html", -"secondlevel": false, -"dateModified": "2022-11-10", -"share": "true" -} ---- - -{%- include variable-core.liquid -%} -{%- capture page-title -%} -{%- if page.title -%} -{{ page.title }} -{%- else -%} -Page untitled -{%- endif -%} -{%- endcapture -%} - - - - - - {% include license.html %} - {{ page-title }} - {{ i18nText-siteTitle }} - - {% include metadata.html %} - {% include resources-inc/head.html %} - - - - {%- if page.archived -%} - {% include headers-includes/archive.html %} - {%- endif -%} - {% include skiplinks/skiplinks.html %} - {% include header/header.html %} -
    -

    {{ page-title }}

    -

    Voici la version 3.0 (dépréciée) du pied de page complet par défaut.

    - {% include page-details/footer.html %} -
    - - {% include resources-inc/footer.html %} - - diff --git a/sites/footers/deprecated/footers-v4-en.html b/sites/footers/deprecated/footers-v4-en.html deleted file mode 100644 index e73dfdbf25..0000000000 --- a/sites/footers/deprecated/footers-v4-en.html +++ /dev/null @@ -1,112 +0,0 @@ ---- -{ -"layout": null, -"title": "Content page including complete footer version 4.0", -"language": "en", -"breadcrumbs": [ - { "title": "Footer", "link": "sites/footers/footers-en.html" } -], -"altLangPage": "footers-v4-fr.html", -"secondlevel": false, -"dateModified": "2023-03-03", -"share": "true" -} ---- - -{%- include variable-core.liquid -%} -{%- capture page-title -%} -{%- if page.title -%} -{{ page.title }} -{%- else -%} -Page untitled -{%- endif -%} -{%- endcapture -%} - - - - - - {% include license.html %} - {{ page-title }} - {{ i18nText-siteTitle }} - - {% include metadata.html %} - {% include resources-inc/head.html %} - - - - {%- if page.archived -%} - {% include headers-includes/archive.html %} - {%- endif -%} - {% include skiplinks/skiplinks.html %} - {% include header/header.html %} -
    -

    {{ page-title }}

    -

    This is version 4.0 of the page footer.

    - {% include page-details/footer.html %} -
    - - {% include resources-inc/footer.html %} - - diff --git a/sites/footers/deprecated/footers-v4-fr.html b/sites/footers/deprecated/footers-v4-fr.html deleted file mode 100644 index 40c078f008..0000000000 --- a/sites/footers/deprecated/footers-v4-fr.html +++ /dev/null @@ -1,114 +0,0 @@ ---- -{ -"layout": null, -"title": "Page de contenu incluant le pied de page complet version 4.0", -"language": "fr", -"breadcrumbs": [ - { "title": "Footer", "link": "sites/footers/footers-fr.html" } -], -"altLangPage": "footers-v4-en.html", -"secondlevel": false, -"dateModified": "2022-03-03", -"share": "true" -} ---- - -{%- include variable-core.liquid -%} -{%- capture page-title -%} -{%- if page.title -%} -{{ page.title }} -{%- else -%} -Page untitled -{%- endif -%} -{%- endcapture -%} - - - - - - {% include license.html %} - {{ page-title }} - {{ i18nText-siteTitle }} - - {% include metadata.html %} - {% include resources-inc/head.html %} - - - - {%- if page.archived -%} - {% include headers-includes/archive.html %} - {%- endif -%} - {% include skiplinks/skiplinks.html %} - {% include header/header.html %} -
    -

    {{ page-title }}

    -

    Voici la version 4.0 du pied de page complet par défaut.

    - {% include page-details/footer.html %} -
    - - {% include resources-inc/footer.html %} - - diff --git a/sites/footers/deprecated/footers-v5-en.html b/sites/footers/deprecated/footers-v5-en.html deleted file mode 100644 index 07322c1537..0000000000 --- a/sites/footers/deprecated/footers-v5-en.html +++ /dev/null @@ -1,115 +0,0 @@ ---- -{ -"layout": null, -"title": "Content page including complete footer version 5.0", -"language": "en", -"breadcrumbs": [ - { "title": "Footer", "link": "sites/footers/footers-en.html" } -], -"altLangPage": "footers-v5-fr.html", -"secondlevel": false, -"dateModified": "2023-04-04", -"share": "true" -} ---- - -{%- include variable-core.liquid -%} -{%- capture page-title -%} -{%- if page.title -%} -{{ page.title }} -{%- else -%} -Page untitled -{%- endif -%} -{%- endcapture -%} - - - - - - {% include license.html %} - {{ page-title }} - {{ i18nText-siteTitle }} - - {% include metadata.html %} - {% include resources-inc/head.html %} - - - - {%- if page.archived -%} - {% include headers-includes/archive.html %} - {%- endif -%} - {% include skiplinks/skiplinks.html %} - {% include header/header.html %} -
    -

    {{ page-title }}

    -

    This is version 5.0 of the page footer.

    - {% include page-details/footer.html %} -
    - - {% include resources-inc/footer.html %} - - diff --git a/sites/footers/deprecated/footers-v5-fr.html b/sites/footers/deprecated/footers-v5-fr.html deleted file mode 100644 index 13c6e2c499..0000000000 --- a/sites/footers/deprecated/footers-v5-fr.html +++ /dev/null @@ -1,114 +0,0 @@ ---- -{ -"layout": null, -"title": "Page de contenu incluant le pied de page complet version 5.0", -"language": "fr", -"breadcrumbs": [ - { "title": "Footer", "link": "sites/footers/footers-fr.html" } -], -"altLangPage": "footers-v5-en.html", -"secondlevel": false, -"dateModified": "2022-04-04", -"share": "true" -} ---- - -{%- include variable-core.liquid -%} -{%- capture page-title -%} -{%- if page.title -%} -{{ page.title }} -{%- else -%} -Page untitled -{%- endif -%} -{%- endcapture -%} - - - - - - {% include license.html %} - {{ page-title }} - {{ i18nText-siteTitle }} - - {% include metadata.html %} - {% include resources-inc/head.html %} - - - - {%- if page.archived -%} - {% include headers-includes/archive.html %} - {%- endif -%} - {% include skiplinks/skiplinks.html %} - {% include header/header.html %} -
    -

    {{ page-title }}

    -

    Voici la version 5.0 du pied de page complet par défaut.

    - {% include page-details/footer.html %} -
    - - {% include resources-inc/footer.html %} - - diff --git a/sites/footers/deprecated/includes/footers-v2.html b/sites/footers/deprecated/includes/footers-v2.html deleted file mode 100644 index 1cae08d9c6..0000000000 --- a/sites/footers/deprecated/includes/footers-v2.html +++ /dev/null @@ -1,104 +0,0 @@ - -{%- if i18nText-lang == "fr" -%} - - - -{%- else -%} - - - -{%- endif -%} diff --git a/sites/footers/old-footers-en.html b/sites/footers/old-footers-en.html index 2e407354c5..4340b3966e 100644 --- a/sites/footers/old-footers-en.html +++ b/sites/footers/old-footers-en.html @@ -159,80 +159,12 @@

    Version 6.0 (deprecated)

    </footer> -

    Version 5.0 (deprecated)

    +

    Version 5.0 (Removed as of GCWeb v16.0.0)

    • Changed “All Contacts” to “All contacts”.
    -

    Working example: Footer version 5.0

    -
    - Expected output code -
    <footer id="wb-info">
    -		<h2 class="wb-inv">About this site</h2>
    -		<div class="gc-contextual">
    -			<div class="container">
    -				<nav>
    -					<h3>[Contextual footer header]</h3>
    -					<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3">
    -						<li><a href="http://canada.ca/en">Contextual link 1</a></li>
    -						<li><a href="http://canada.ca/en">Contextual link 2</a></li>
    -						<li><a href="http://canada.ca/en">Contextual link 3</a></li>
    -					</ul>
    -				</nav>
    -			</div>
    -		</div>
    -		<div class="gc-main-footer">
    -			<div class="container">
    -				<nav>
    -					<h3>Government of Canada</h3>
    -					<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3">
    -						<li><a href="https://www.canada.ca/en/contact.html">All contacts</a></li>
    -						<li><a href="https://www.canada.ca/en/government/dept.html">Departments and agencies</a></li>
    -						<li><a href="https://www.canada.ca/en/government/system.html">About government</a></li>
    -					</ul>
    -					<h4><span class="wb-inv">Themes and topics</span></h4>
    -					<ul class="list-unstyled colcount-sm-2 colcount-md-3">
    -						<li><a href="https://www.canada.ca/en/services/jobs.html">Jobs</a></li>
    -						<li><a href="https://www.canada.ca/en/services/immigration-citizenship.html">Immigration and citizenship</a></li>
    -						<li><a href="https://travel.gc.ca/">Travel and tourism</a></li>
    -						<li><a href="https://www.canada.ca/en/services/business.html">Business</a></li>
    -						<li><a href="https://www.canada.ca/en/services/benefits.html">Benefits</a></li>
    -						<li><a href="https://www.canada.ca/en/services/health.html">Health</a></li>
    -						<li><a href="https://www.canada.ca/en/services/taxes.html">Taxes</a></li>
    -						<li><a href="https://www.canada.ca/en/services/environment.html">Environment and natural resources</a></li>
    -						<li><a href="https://www.canada.ca/en/services/defence.html">National security and defence</a></li>
    -						<li><a href="https://www.canada.ca/en/services/culture.html">Culture, history and sport</a></li>
    -						<li><a href="https://www.canada.ca/en/services/policing.html">Policing, justice and emergencies</a></li>
    -						<li><a href="https://www.canada.ca/en/services/transport.html">Transport and infrastructure</a></li>
    -						<li><a href="https://international.gc.ca/world-monde/index.aspx?lang=eng">Canada and the world</a></li>
    -						<li><a href="https://www.canada.ca/en/services/finance.html">Money and finance</a></li>
    -						<li><a href="https://www.canada.ca/en/services/science.html">Science and innovation</a></li>
    -						<li><a href="https://www.canada.ca/en/services/indigenous-peoples.html">Indigenous peoples</a></li>
    -						<li><a href="https://www.canada.ca/en/services/veterans.html">Veterans and military</a></li>
    -						<li><a href="https://www.canada.ca/en/services/youth.html">Youth</a></li>
    -					</ul>
    -				</nav>
    -			</div>
    -		</div>
    -		<div class="gc-sub-footer">
    -			<div class="container d-flex align-items-center">
    -				<nav>
    -					<h3 class="wb-inv">Government of Canada Corporate</h3>
    -					<ul>
    -						<li><a href="https://www.canada.ca/en/social.html">Social media</a></li>
    -						<li><a href="https://www.canada.ca/en/mobile.html">Mobile applications</a></li>
    -						<li><a href="https://www.canada.ca/en/government/about.html">About Canada.ca</a></li><li><a href="https://www.canada.ca/en/transparency/terms.html">Terms and conditions</a></li>
    -						<li><a href="https://www.canada.ca/en/transparency/privacy.html">Privacy</a></li>
    -					</ul>
    -				</nav>
    -				<div class="wtrmrk align-self-end">
    -					<img src="/dist/GCWeb/assets/wmms-blk.svg" alt="Symbol of the Government of Canada">
    -				</div>
    -			</div>
    -		</div>
    -	</footer>
    -
    -

    Version 4.0 (deprecated)

    +

    Version 4.0 (Removed as of GCWeb v16.0.0)

    The following changes have been made since version 2.0:

    • Added a contextual band above the main band. @@ -258,69 +190,8 @@

      Version 4.0 (deprecated)

    • Complete rework of the footer's headings for accessibility.
    • GCWeb Jekyll specific: Footer skip link should always remain.
    -

    Working example: Footer version 4.0 (deprecated)

    -
    - Expected output code -
    <footer id="wb-info">
    -	<h2 class="wb-inv">About this site</h2>
    -	<div class="gc-contextual">
    -		<div class="container">
    -			<nav>
    -				<h3>[Contextual footer header]</h3>
    -				<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3"><li><a href="http://canada.ca/en">Contextual link 1</a></li><li><a href="http://canada.ca/en">Contextual link 2</a></li><li><a href="http://canada.ca/en">Contextual link 3</a></li></ul>
    -			</nav>
    -		</div>
    -	</div>
     
    -	<div class="gc-main-footer">
    -		<div class="container">
    -			<nav>
    -				<h3>Government of Canada</h3>
    -				<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3"><li><a href="https://www.canada.ca/en/contact.html">All Contacts</a></li>
    -					<li><a href="https://www.canada.ca/en/government/dept.html">Departments and agencies</a></li>
    -					<li><a href="https://www.canada.ca/en/government/system.html">About government</a></li></ul>
    -				<h4><span class="wb-inv">Themes and topics</span></h4>
    -				<ul class="list-unstyled colcount-sm-2 colcount-md-3"><li><a href="https://www.canada.ca/en/services/jobs.html">Jobs</a></li>
    -					<li><a href="https://www.canada.ca/en/services/immigration-citizenship.html">Immigration and citizenship</a></li>
    -					<li><a href="https://travel.gc.ca/">Travel and tourism</a></li>
    -					<li><a href="https://www.canada.ca/en/services/business.html">Business</a></li>
    -					<li><a href="https://www.canada.ca/en/services/benefits.html">Benefits</a></li>
    -					<li><a href="https://www.canada.ca/en/services/health.html">Health</a></li>
    -					<li><a href="https://www.canada.ca/en/services/taxes.html">Taxes</a></li>
    -					<li><a href="https://www.canada.ca/en/services/environment.html">Environment and natural resources</a></li>
    -					<li><a href="https://www.canada.ca/en/services/defence.html">National security and defence</a></li>
    -					<li><a href="https://www.canada.ca/en/services/culture.html">Culture, history and sport</a></li>
    -					<li><a href="https://www.canada.ca/en/services/policing.html">Policing, justice and emergencies</a></li>
    -					<li><a href="https://www.canada.ca/en/services/transport.html">Transport and infrastructure</a></li>
    -					<li><a href="https://international.gc.ca/world-monde/index.aspx?lang=eng">Canada and the world</a></li>
    -					<li><a href="https://www.canada.ca/en/services/finance.html">Money and finance</a></li>
    -					<li><a href="https://www.canada.ca/en/services/science.html">Science and innovation</a></li>
    -					<li><a href="https://www.canada.ca/en/services/indigenous-peoples.html">Indigenous peoples</a></li>
    -					<li><a href="https://www.canada.ca/en/services/veterans.html">Veterans and military</a></li>
    -					<li><a href="https://www.canada.ca/en/services/youth.html">Youth</a></li></ul>
    -			</nav>
    -		</div>
    -	</div>
    -
    -	<div class="gc-sub-footer">
    -		<div class="container d-flex align-items-center">
    -			<nav>
    -				<h3 class="wb-inv">Government of Canada Corporate</h3>
    -				<ul>
    -					<li><a href="https://www.canada.ca/en/social.html">Social media</a></li>
    -					<li><a href="https://www.canada.ca/en/mobile.html">Mobile applications</a></li>
    -					<li><a href="https://www.canada.ca/en/government/about.html">About Canada.ca</a></li><li><a href="https://www.canada.ca/en/transparency/terms.html">Terms and conditions</a></li>
    -					<li><a href="https://www.canada.ca/en/transparency/privacy.html">Privacy</a></li></ul>
    -			</nav>
    -			<div class="wtrmrk align-self-end">
    -				<img src="/dist/GCWeb/assets/wmms-blk.svg" alt="Symbol of the Government of Canada">
    -			</div>
    -		</div>
    -	</div>
    -</footer>
    -
    - -

    Version 3.0 (deprecated)

    +

    Version 3.0 (Removed as of GCWeb v16.0.0)

    The following changes have been made since version 2.0:

    • Added a "Contextual" section above the "About government" section. @@ -350,168 +221,10 @@

      Version 3.0 (deprecated)

    • Complete rework of the footer's headings for accessibility.
    • GCWeb Jekyll specific: Footer skip link should remain when only the contextual footer is displayed.
    -

    Working example: Footer version 3.0 (deprecated)

    -
    - Expected output code -
    <footer id="wb-info">
    -	<h2 class="wb-inv">About this site</h2>
    -	<div class="gc-contextual">
    -		<div class="container">
    -			<nav>
    -				<h3>[Contextual footer title]</h3>
    -				<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3">
    -					<li><a href="http://canada.ca/en">[Contextual Link 1]</a></li>
    -					<li><a href="http://canada.ca/en">[Contextual Link 2]</a></li>
    -					<li><a href="http://canada.ca/en">[Contextual Link 3]</a></li>
    -				</ul>
    -			</nav>
    -		</div>
    -	</div>
    -	<div class="landscape">
    -		<div class="container">
    -			<nav>
    -				<h3>Government of Canada</h3>
    -				<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3">
    -					<li><a href="https://www.canada.ca/en/contact.html">All Contacts</a></li>
    -					<li><a href="https://www.canada.ca/en/government/dept.html">Departments and agencies</a></li>
    -					<li><a href="https://www.canada.ca/en/government/system.html">About government</a></li>
    -				</ul>
    -				<h4><span class="wb-inv">Themes and wide audiences</span></h4>
    -				<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3">
    -					<li><a href="https://www.canada.ca/en/services/jobs.html">Jobs and the workplace</a></li>
    -					<li><a href="https://www.canada.ca/en/services/immigration-citizenship.html">Immigration and citizenship</a></li>
    -					<li><a href="https://travel.gc.ca/">Travel and tourism</a></li>
    -					<li><a href="https://www.canada.ca/en/services/business.html">Business and industry</a></li>
    -					<li><a href="https://www.canada.ca/en/services/benefits.html">Benefits</a></li>
    -					<li><a href="https://www.canada.ca/en/services/health.html">Health</a></li>
    -					<li><a href="https://www.canada.ca/en/services/taxes.html">Taxes</a></li>
    -					<li><a href="https://www.canada.ca/en/services/environment.html">Environment and natural resources</a></li>
    -					<li><a href="https://www.canada.ca/en/services/defence.html">National security and defence</a></li>
    -					<li><a href="https://www.canada.ca/en/services/culture.html">Culture, history and sport</a></li>
    -					<li><a href="https://www.canada.ca/en/services/policing.html">Policing, justice and emergencies</a></li>
    -					<li><a href="https://www.canada.ca/en/services/transport.html">Transport and infrastructure</a></li>
    -					<li><a href="https://international.gc.ca/world-monde/index.aspx?lang=eng">Canada and the world</a></li>
    -					<li><a href="https://www.canada.ca/en/services/finance.html">Money and finances</a></li>
    -					<li><a href="https://www.canada.ca/en/services/science.html">Science and innovation</a></li>
    -					<li><a href="https://www.canada.ca/en/services/indigenous-peoples.html">Indigenous peoples</a></li>
    -					<li><a href="https://www.canada.ca/en/services/veterans.html">Veterans</a></li>
    -					<li><a href="https://www.canada.ca/en/services/youth.html">Youth</a></li>
    -				</ul>
    -			</nav>
    -		</div>
    -	</div>
    -	<div class="brand">
    -		<div class="container d-flex align-items-center">
    -			<nav>
    -				<h3 class="wb-inv">Support links</h3>
    -				<ul>
    -					<li><a href="https://www.canada.ca/en/social.html">Social media</a></li>
    -					<li><a href="https://www.canada.ca/en/mobile.html">Mobile applications</a></li>
    -					<li><a href="https://www1.canada.ca/en/newsite.html">About Canada.ca</a></li>
    -				</ul>
    -				<h4><span class="wb-inv">Transparency</span></h4>
    -				<ul>
    -					<li><a href="https://www.canada.ca/en/transparency/terms.html">Terms and conditions</a></li>
    -					<li><a href="https://www.canada.ca/en/transparency/privacy.html">Privacy</a></li>
    -				</ul>
    -			</nav>
    -			<div class="wtrmrk align-self-end">
    -				<img src="/dist/GCWeb/assets/wmms-blk.svg" alt="Symbol of the Government of Canada">
    -			</div>
    -		</div>
    -	</div>
    -</footer>
    -
    -

    Version 2.0 (deprecated)

    +

    Version 2.0 (Removed as of GCWeb v16.0.0)

    This is version 2.0 of the default page footer.

    Updated to use the colcount-xs-2 class instead of colcount-sm-2.

    -

    Working example: Footer version 2.0

    -
    - Expected output code -
    <footer id="wb-info">
    -	<div class="landscape">
    -		<nav class="container wb-navcurr">
    -			<h2 class="wb-inv">About government</h2>
    -			<ul class="list-unstyled colcount-xs-2 colcount-md-3">
    -				<li><a href="https://www.canada.ca/en/contact.html">Contact us</a></li>
    -				<li><a href="https://www.canada.ca/en/government/dept.html">Departments and agencies</a></li>
    -				<li><a href="https://www.canada.ca/en/government/publicservice.html">Public service and military</a></li>
    -				<li><a href="https://www.canada.ca/en/news.html">News</a></li>
    -				<li><a href="https://www.canada.ca/en/government/system/laws.html">Treaties, laws and regulations</a></li>
    -				<li><a href="https://www.canada.ca/en/transparency/reporting.html">Government-wide reporting</a></li>
    -				<li><a href="https://pm.gc.ca/eng">Prime Minister</a></li>
    -				<li><a href="https://www.canada.ca/en/government/system.html">How government works</a></li>
    -				<li><a href="https://open.canada.ca/en/">Open government</a></li>
    -			</ul>
    -		</nav>
    -	</div>
    -	<div class="brand">
    -		<div class="container">
    -			<div class="row">
    -				<nav class="col-md-9 col-lg-10 ftr-urlt-lnk">
    -					<h2 class="wb-inv">About this site</h2>
    -					<ul>
    -						<li><a href="https://www.canada.ca/en/social.html">Social media</a></li>
    -						<li><a href="https://www.canada.ca/en/mobile.html">Mobile applications</a></li>
    -						<li><a href="https://www1.canada.ca/en/newsite.html">About Canada.ca</a></li>
    -						<li><a href="https://www.canada.ca/en/transparency/terms.html">Terms and conditions</a></li>
    -						<li><a href="https://www.canada.ca/en/transparency/privacy.html">Privacy</a></li>
    -					</ul>
    -				</nav>
    -				<div class="col-xs-6 visible-sm visible-xs tofpg">
    -					<a href="#wb-cont">Top of Page <span class="glyphicon glyphicon-chevron-up"></span></a>
    -				</div>
    -				<div class="col-xs-6 col-md-3 col-lg-2 text-right"><img src="/dist/GCWeb/assets/wmms-blk.svg" alt="Symbol of the Government of Canada">
    -				</div>
    -			</div>
    -		</div>
    -	</div>
    -</footer>
    -
    -

    Version 1.0 (deprecated)

    +

    Version 1.0 (Removed as of GCWeb v16.0.0)

    This is version 1.0 (deprecated) of the default page footer.

    -

    Working example: Footer version 1.0 (deprecated)

    -
    - Expected output code -
    <footer id="wb-info">
    -	<div class="landscape">
    -		<nav class="container wb-navcurr">
    -			<h2 class="wb-inv">About government</h2>
    -			<ul class="list-unstyled colcount-sm-2 colcount-md-3">
    -				<li><a href="https://www.canada.ca/en/contact.html">Contact us</a></li>
    -				<li><a href="https://www.canada.ca/en/government/dept.html">Departments and agencies</a></li>
    -				<li><a href="https://www.canada.ca/en/government/publicservice.html">Public service and military</a></li>
    -				<li><a href="https://www.canada.ca/en/news.html">News</a></li>
    -				<li><a href="https://www.canada.ca/en/government/system/laws.html">Treaties, laws and regulations</a></li>
    -				<li><a href="https://www.canada.ca/en/transparency/reporting.html">Government-wide reporting</a></li>
    -				<li><a href="https://pm.gc.ca/eng">Prime Minister</a></li>
    -				<li><a href="https://www.canada.ca/en/government/system.html">How government works</a></li>
    -				<li><a href="https://open.canada.ca/en/">Open government</a></li>
    -			</ul>
    -		</nav>
    -	</div>
    -	<div class="brand">
    -		<div class="container">
    -			<div class="row">
    -				<nav class="col-md-9 col-lg-10 ftr-urlt-lnk">
    -					<h2 class="wb-inv">About this site</h2>
    -					<ul>
    -						<li><a href="https://www.canada.ca/en/social.html">Social media</a></li>
    -						<li><a href="https://www.canada.ca/en/mobile.html">Mobile applications</a></li>
    -						<li><a href="https://www1.canada.ca/en/newsite.html">About Canada.ca</a></li>
    -						<li><a href="https://www.canada.ca/en/transparency/terms.html">Terms and conditions</a></li>
    -						<li><a href="https://www.canada.ca/en/transparency/privacy.html">Privacy</a></li>
    -					</ul>
    -				</nav>
    -				<div class="col-xs-6 visible-sm visible-xs tofpg">
    -					<a href="#wb-cont">Top of Page <span class="glyphicon glyphicon-chevron-up"></span></a>
    -				</div>
    -				<div class="col-xs-6 col-md-3 col-lg-2 text-right"><img src="/dist/GCWeb/assets/wmms-blk.svg" alt="Symbol of the Government of Canada">
    -				</div>
    -			</div>
    -		</div>
    -	</div>
    -</footer>
    -
    diff --git a/sites/footers/old-footers-fr.html b/sites/footers/old-footers-fr.html index 55e83cc247..aaf7a10479 100644 --- a/sites/footers/old-footers-fr.html +++ b/sites/footers/old-footers-fr.html @@ -91,7 +91,6 @@

    Version 6.0 (deprecated)

    • Changé l'URL du lien "Vétérans et militaires".
    -

    Exemple pratique: Pied de page version 6.0

    Code final attendu
    <footer id="wb-info">
    @@ -160,82 +159,14 @@ 

    Version 6.0 (deprecated)

    </div> </footer>
    +

    Exemple pratique: Pied de page version 6.0

    -

    Version 5.0 (deprecated)

    +

    Version 5.0 (Retiré à partir de GCWeb v16.0.0)

    • Changé “All Contacts” à “All contacts” dans la version anglaise.
    -

    Exemple pratique: Pied de page version 5.0

    -
    - Code final attendu -
    <footer id="wb-info">
    -		<h2 class="wb-inv">À propos de ce site</h2>
    -		<div class="gc-contextual">
    -			<div class="container">
    -				<nav>
    -					<h3>[Bande du pied de page contextuel]</h3>
    -					<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3">
    -						<li><a href="http://canada.ca/fr">Lien contextuel 1</a></li>
    -						<li><a href="http://canada.ca/fr">Lien contextuel 2</a></li>
    -						<li><a href="http://canada.ca/fr">Lien contextuel 3</a></li>
    -					</ul>
    -				</nav>
    -			</div>
    -		</div>
    -
    -		<div class="gc-main-footer">
    -			<div class="container">
    -				<nav>
    -					<h3>Gouvernement du Canada</h3>
    -					<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3">
    -						<li><a href="https://www.canada.ca/fr/contact.html">Toutes les coordonnées</a></li>
    -						<li><a href="https://www.canada.ca/fr/gouvernement/min.html">Ministères et organismes</a></li>
    -						<li><a href="https://www.canada.ca/fr/gouvernement/systeme.html">À propos du gouvernement</a></li>
    -					</ul>
    -					<h4><span class="wb-inv">Thèmes et sujets</span></h4>
    -					<ul class="list-unstyled colcount-sm-2 colcount-md-3"><li><a href="https://www.canada.ca/fr/services/emplois.html">Emplois</a></li>
    -						<li><a href="https://www.canada.ca/fr/services/immigration-citoyennete.html">Immigration et citoyenneté</a></li>
    -						<li><a href="https://voyage.gc.ca/">Voyage et tourisme</a></li>
    -						<li><a href="https://www.canada.ca/fr/services/entreprises.html">Entreprises</a></li>
    -						<li><a href="https://www.canada.ca/fr/services/prestations.html">Prestations</a></li>
    -						<li><a href="https://www.canada.ca/fr/services/sante.html">Santé</a></li>
    -						<li><a href="https://www.canada.ca/fr/services/impots.html">Impôts</a></li>
    -						<li><a href="https://www.canada.ca/fr/services/environnement.html">Environnement et ressources naturelles</a></li>
    -						<li><a href="https://www.canada.ca/fr/services/defense.html">Sécurité nationale et défense</a></li>
    -						<li><a href="https://www.canada.ca/fr/services/culture.html">Culture, histoire et sport</a></li>
    -						<li><a href="https://www.canada.ca/fr/services/police.html">Services de police, justice et urgences</a></li>
    -						<li><a href="https://www.canada.ca/fr/services/transport.html">Transport et infrastructure</a></li>
    -						<li><a href="https://www.international.gc.ca/world-monde/index.aspx?lang=fra">Le Canada et le monde</a></li>
    -						<li><a href="https://www.canada.ca/fr/services/finance.html">Argent et finance</a></li>
    -						<li><a href="https://www.canada.ca/fr/services/science.html">Science et innovation</a></li>
    -						<li><a href="https://www.canada.ca/fr/services/autochtones.html">Autochtones</a></li>
    -						<li><a href="https://www.canada.ca/fr/services/veterans.html">Vétérans et militaires</a></li>
    -						<li><a href="https://www.canada.ca/fr/services/jeunesse.html">Jeunesse</a></li>
    -					</ul>
    -				</nav>
    -			</div>
    -		</div>
     
    -		<div class="gc-sub-footer">
    -			<div class="container d-flex align-items-center">
    -				<nav>
    -					<h3 class="wb-inv">Organisation du gouvernement du Canada</h3>
    -					<ul>
    -						<li><a href="https://www.canada.ca/fr/sociaux.html">Médias sociaux</a></li>
    -						<li><a href="https://www.canada.ca/fr/mobile.html">Applications mobiles</a></li>
    -						<li><a href="https://www.canada.ca/fr/gouvernement/a-propos.html">À propos de Canada.ca</a></li><li><a href="https://www.canada.ca/fr/transparence/avis.html">Avis</a></li>
    -						<li><a href="https://www.canada.ca/fr/transparence/confidentialite.html">Confidentialité</a></li>
    -					</ul>
    -				</nav>
    -				<div class="wtrmrk align-self-end">
    -					<img src="/dist/GCWeb/assets/wmms-blk.svg" alt="Symbole du gouvernement du Canada">
    -				</div>
    -			</div>
    -		</div>
    -	</footer>
    -
    - -

    Version 4.0 (deprecated)

    +

    Version 4.0 (Retiré à partir de GCWeb v16.0.0)

    Les modifications suivantes ont été apportées depuis la version 2.0 :

    • Ajout d'une bande contextuelle au-dessus de la bande principale. @@ -261,69 +192,8 @@

      Version 4.0 (deprecated)

    • Refonte complète des titres du pied de page pour l'accessibilité.
    • Spécifique à GCWeb Jekyll : le lien de saut vers le pied de page doit demeurer en tout temps.
    -

    Exemple pratique: Pied de page version 4.0 (dépréciée)

    -
    - Code final attendu -
    <footer id="wb-info">
    -	<h2 class="wb-inv">À propos de ce site</h2>
    -	<div class="gc-contextual">
    -		<div class="container">
    -			<nav>
    -				<h3>[Bande du pied de page contextuel]</h3>
    -				<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3"><li><a href="http://canada.ca/fr">Lien contextuel 1</a></li><li><a href="http://canada.ca/fr">Lien contextuel 2</a></li><li><a href="http://canada.ca/fr">Lien contextuel 3</a></li></ul>
    -			</nav>
    -		</div>
    -	</div>
     
    -	<div class="gc-main-footer">
    -		<div class="container">
    -			<nav>
    -				<h3>Gouvernement du Canada</h3>
    -				<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3"><li><a href="https://www.canada.ca/fr/contact.html">Toutes les coordonnées</a></li>
    -					<li><a href="https://www.canada.ca/fr/gouvernement/min.html">Ministères et organismes</a></li>
    -					<li><a href="https://www.canada.ca/fr/gouvernement/systeme.html">À propos du gouvernement</a></li></ul>
    -				<h4><span class="wb-inv">Thèmes et sujets</span></h4>
    -				<ul class="list-unstyled colcount-sm-2 colcount-md-3"><li><a href="https://www.canada.ca/fr/services/emplois.html">Emplois</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/immigration-citoyennete.html">Immigration et citoyenneté</a></li>
    -					<li><a href="https://voyage.gc.ca/">Voyage et tourisme</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/entreprises.html">Entreprises</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/prestations.html">Prestations</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/sante.html">Santé</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/impots.html">Impôts</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/environnement.html">Environnement et ressources naturelles</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/defense.html">Sécurité nationale et défense</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/culture.html">Culture, histoire et sport</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/police.html">Services de police, justice et urgences</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/transport.html">Transport et infrastructure</a></li>
    -					<li><a href="https://www.international.gc.ca/world-monde/index.aspx?lang=fra">Le Canada et le monde</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/finance.html">Argent et finance</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/science.html">Science et innovation</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/autochtones.html">Autochtones</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/veterans.html">Vétérans et militaires</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/jeunesse.html">Jeunesse</a></li></ul>
    -			</nav>
    -		</div>
    -	</div>
    -
    -	<div class="gc-sub-footer">
    -		<div class="container d-flex align-items-center">
    -			<nav>
    -				<h3 class="wb-inv">Organisation du gouvernement du Canada</h3>
    -				<ul>
    -					<li><a href="https://www.canada.ca/fr/sociaux.html">Médias sociaux</a></li>
    -					<li><a href="https://www.canada.ca/fr/mobile.html">Applications mobiles</a></li>
    -					<li><a href="https://www.canada.ca/fr/gouvernement/a-propos.html">À propos de Canada.ca</a></li><li><a href="https://www.canada.ca/fr/transparence/avis.html">Avis</a></li>
    -					<li><a href="https://www.canada.ca/fr/transparence/confidentialite.html">Confidentialité</a></li></ul>
    -			</nav>
    -			<div class="wtrmrk align-self-end">
    -				<img src="/dist/GCWeb/assets/wmms-blk.svg" alt="Symbole du gouvernement du Canada">
    -			</div>
    -		</div>
    -	</div>
    -</footer>
    -
    - -

    Version 3.0 (dépréciée)

    +

    Version 3.0 (Retiré à partir de GCWeb v16.0.0)

    Les modifications suivantes ont été apportées depuis la version 2.0 :

    • Ajout d'une section « Contextuel » au-dessus de la section « À propos du gouvernement ». @@ -353,169 +223,10 @@

      Version 3.0 (dépréciée)

    • Refonte complète des titres du pied de page pour l'accessibilité.
    • Spécifique à GCWeb Jekyll : le lien de saut de pied de page doit rester lorsque seul le pied de page contextuel est affiché.
    -

    Exemple pratique: Pied de page version 3.0 (dépréciée)

    -
    - Code final attendu -
    <footer id="wb-info">
    -	<h2 class="wb-inv">À propos de ce site</h2>
    -	<div class="gc-contextual">
    -		<div class="container">
    -			<nav>
    -				<h3>[Titre du menu contextuel]</h3>
    -				<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3">
    -					<li><a href="http://canada.ca/fr">[Lien contextuel 1]</a></li>
    -					<li><a href="http://canada.ca/fr">[Lien contextuel 2]</a></li>
    -					<li><a href="http://canada.ca/fr">[Lien contextuel 3]</a></li>
    -				</ul>
    -			</nav>
    -		</div>
    -	</div>
    -	<div class="landscape">
    -		<div class="container">
    -			<nav>
    -				<h3>Gouvernement du Canada</h3>
    -				<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3">
    -					<li><a href="https://www.canada.ca/fr/contact.html">Toutes les coordonnées</a></li>
    -					<li><a href="https://www.canada.ca/fr/gouvernement/min.html">Ministères et organismes</a></li>
    -					<li><a href="https://www.canada.ca/fr/gouvernement/systeme.html">À propos du gouvernement</a></li>
    -				</ul>
    -				<h4><span class="wb-inv">Thèmes et vastes auditoires</span></h4>
    -				<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3">
    -					<li><a href="https://www.canada.ca/fr/services/emplois.html">Emplois</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/immigration-citoyennete.html">Immigration et citoyenneté</a></li>
    -					<li><a href="https://voyage.gc.ca/">Voyage et tourisme</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/entreprises.html">Entreprises et industrie</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/prestations.html">Prestations</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/sante.html">Santé</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/impots.html">Impôts</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/environnement.html">Environnement et ressources naturelles</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/defense.html">Sécurité nationale et défense</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/culture.html">Culture, histoire et sport</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/police.html">Services de police, justice et urgences</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/transport.html">Transport et infrastructure</a></li>
    -					<li><a href="https://www.international.gc.ca/world-monde/index.aspx?lang=fra">Le Canada et le monde</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/finance.html">Argent et finances</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/science.html">Science et innovation</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/autochtones.html">Autochtones</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/veterans.html">Vétérans</a></li>
    -					<li><a href="https://www.canada.ca/fr/services/jeunesse.html">Jeunesse</a></li>
    -				</ul>
    -			</nav>
    -		</div>
    -	</div>
    -	<div class="brand">
    -		<div class="container d-flex align-items-center">
    -			<nav>
    -				<h3 class="wb-inv">Liens d'assistance</h3>
    -				<ul>
    -					<li><a href="https://www.canada.ca/fr/sociaux.html">Médias sociaux</a></li>
    -					<li><a href="https://www.canada.ca/fr/mobile.html">Applications mobiles</a></li>
    -					<li><a href="https://www1.canada.ca/fr/nouveausite.html">À propos de Canada.ca</a></li>
    -				</ul>
    -				<h4><span class="wb-inv">Transparence</span></h4>
    -				<ul>
    -					<li><a href="https://www.canada.ca/fr/transparence/avis.html">Avis</a></li>
    -					<li><a href="https://www.canada.ca/fr/transparence/confidentialite.html">Confidentialité</a></li>
    -				</ul>
    -			</nav>
    -			<div class="wtrmrk align-self-end">
    -				<img src="/dist/GCWeb/assets/wmms-blk.svg" alt="Symbole du gouvernement du Canada">
    -			</div>
    -		</div>
    -	</div>
    -</footer>
    -
    - -

    Version 2.0 (deprecated)

    +

    Version 2.0 (Retiré à partir de GCWeb v16.0.0)

    Voici la version 2.0 du pied de page par défaut.

    Mis à jour pour utiliser la classe colcount-xs-2 au lieu de colcount-sm-2.

    -

    Exemple pratique: Pied de page version 2.0

    -
    - Code final attendu -
    <footer id="wb-info">
    -	<div class="landscape">
    -		<nav class="container wb-navcurr">
    -			<h2 class="wb-inv">Au sujet du gouvernement</h2>
    -			<ul class="list-unstyled colcount-xs-2 colcount-md-3">
    -				<li><a href="https://www.canada.ca/fr/contact.html">Contactez-nous</a></li>
    -				<li><a href="https://www.canada.ca/fr/gouvernement/min.html">Ministères et organismes</a></li>
    -				<li><a href="https://www.canada.ca/fr/gouvernement/fonctionpublique.html">Fonction publique et force militaire</a></li>
    -				<li><a href="https://www.canada.ca/fr/nouvelles.html">Nouvelles</a></li>
    -				<li><a href="https://www.canada.ca/fr/gouvernement/systeme/lois.html">Traités, lois et règlements</a></li>
    -				<li><a href="https://www.canada.ca/fr/transparence/rapports.html">Rapports à l'échelle du gouvernement</a></li>
    -				<li><a href="https://pm.gc.ca/fra">Premier ministre</a></li>
    -				<li><a href="https://www.canada.ca/fr/gouvernement/systeme.html">Comment le gouvernement fonctionne</a></li>
    -				<li><a href="https://ouvert.canada.ca/">Gouvernement ouvert</a></li>
    -			</ul>
    -		</nav>
    -	</div>
    -	<div class="brand">
    -		<div class="container">
    -			<div class="row ">
    -				<nav class="col-md-9 col-lg-10 ftr-urlt-lnk">
    -					<h2 class="wb-inv">À propos de ce site</h2>
    -					<ul>
    -						<li><a href="https://www.canada.ca/fr/sociaux.html">Médias sociaux</a></li>
    -						<li><a href="https://www.canada.ca/fr/mobile.html">Applications mobiles</a></li>
    -						<li><a href="https://www1.canada.ca/fr/nouveausite.html">À propos de Canada.ca</a></li>
    -						<li><a href="https://www.canada.ca/fr/transparence/avis.html">Avis</a></li>
    -						<li><a href="https://www.canada.ca/fr/transparence/confidentialite.html">Confidentialité</a></li>
    -					</ul>
    -				</nav>
    -				<div class="col-xs-6 visible-sm visible-xs tofpg">
    -					<a href="#wb-cont">Haut de la page <span class="glyphicon glyphicon-chevron-up"></span></a>
    -				</div>
    -				<div class="col-xs-6 col-md-3 col-lg-2 text-right"><img src="/dist/GCWeb/assets/wmms-blk.svg" alt="Symbole du gouvernement du Canada">
    -				</div>
    -			</div>
    -		</div>
    -	</div>
    -</footer>
    -
    -

    Version 1.0 (dépréciée)

    -

    Voici la version 1.0 (dépréciée) du pied de page par défaut.

    -

    Exemple pratique: Pied de page version 1.0 (dépréciée)

    -
    - Code final attendu -
    <footer id="wb-info">
    -	<div class="landscape">
    -		<nav class="container wb-navcurr">
    -			<h2 class="wb-inv">Au sujet du gouvernement</h2>
    -			<ul class="list-unstyled colcount-sm-2 colcount-md-3">
    -				<li><a href="https://www.canada.ca/fr/contact.html">Contactez-nous</a></li>
    -				<li><a href="https://www.canada.ca/fr/gouvernement/min.html">Ministères et organismes</a></li>
    -				<li><a href="https://www.canada.ca/fr/gouvernement/fonctionpublique.html">Fonction publique et force militaire</a></li>
    -				<li><a href="https://www.canada.ca/fr/nouvelles.html">Nouvelles</a></li>
    -				<li><a href="https://www.canada.ca/fr/gouvernement/systeme/lois.html">Traités, lois et règlements</a></li>
    -				<li><a href="https://www.canada.ca/fr/transparence/rapports.html">Rapports à l'échelle du gouvernement</a></li>
    -				<li><a href="https://pm.gc.ca/fra">Premier ministre</a></li>
    -				<li><a href="https://www.canada.ca/fr/gouvernement/systeme.html">Comment le gouvernement fonctionne</a></li>
    -				<li><a href="https://ouvert.canada.ca/">Gouvernement ouvert</a></li>
    -			</ul>
    -		</nav>
    -	</div>
    -	<div class="brand">
    -		<div class="container">
    -			<div class="row ">
    -				<nav class="col-md-9 col-lg-10 ftr-urlt-lnk">
    -					<h2 class="wb-inv">À propos de ce site</h2>
    -					<ul>
    -						<li><a href="https://www.canada.ca/fr/sociaux.html">Médias sociaux</a></li>
    -						<li><a href="https://www.canada.ca/fr/mobile.html">Applications mobiles</a></li>
    -						<li><a href="https://www1.canada.ca/fr/nouveausite.html">À propos de Canada.ca</a></li>
    -						<li><a href="https://www.canada.ca/fr/transparence/avis.html">Avis</a></li>
    -						<li><a href="https://www.canada.ca/fr/transparence/confidentialite.html">Confidentialité</a></li>
    -					</ul>
    -				</nav>
    -				<div class="col-xs-6 visible-sm visible-xs tofpg">
    -					<a href="#wb-cont">Haut de la page <span class="glyphicon glyphicon-chevron-up"></span></a>
    -				</div>
    -				<div class="col-xs-6 col-md-3 col-lg-2 text-right"><img src="/dist/GCWeb/assets/wmms-blk.svg" alt="Symbole du gouvernement du Canada">
    -				</div>
    -			</div>
    -		</div>
    -	</div>
    -</footer>
    -
    +

    Version 1.0 (Retiré à partir de GCWeb v16.0.0)

    +

    Voici la version 1.0 (obsolète) du pied de page par défaut.

    diff --git a/sites/page-details/demoted/page-details-v3-en.html b/sites/page-details/deprecated/page-details-v3-en.html similarity index 99% rename from sites/page-details/demoted/page-details-v3-en.html rename to sites/page-details/deprecated/page-details-v3-en.html index b851f1d4f8..4d80f0bff6 100644 --- a/sites/page-details/demoted/page-details-v3-en.html +++ b/sites/page-details/deprecated/page-details-v3-en.html @@ -1,7 +1,7 @@ --- { "layout": null, - "title": "Content page including complete page details version 3.0 (demoted)", + "title": "Content page including complete page details version 3.0 (deprecated)", "language": "en", "altLangPage": "page-details-v3-fr.html", "secondlevel": false, diff --git a/sites/page-details/demoted/page-details-v3-fr.html b/sites/page-details/deprecated/page-details-v3-fr.html similarity index 98% rename from sites/page-details/demoted/page-details-v3-fr.html rename to sites/page-details/deprecated/page-details-v3-fr.html index db198572e6..b0f5d2fe75 100644 --- a/sites/page-details/demoted/page-details-v3-fr.html +++ b/sites/page-details/deprecated/page-details-v3-fr.html @@ -1,7 +1,7 @@ --- { "layout": null, - "title": "Page de contenu comprenant les détails de la page version 3.0 (rétrogradé)", + "title": "Page de contenu comprenant les détails de la page version 3.0 (obsolète)", "language": "fr", "altLangPage": "page-details-v3-en.html", "secondlevel": false, diff --git a/sites/page-details/demoted/page-details-v3.1-en.html b/sites/page-details/deprecated/page-details-v3.1-en.html similarity index 99% rename from sites/page-details/demoted/page-details-v3.1-en.html rename to sites/page-details/deprecated/page-details-v3.1-en.html index 0efcb0a027..c9f22e3ce2 100644 --- a/sites/page-details/demoted/page-details-v3.1-en.html +++ b/sites/page-details/deprecated/page-details-v3.1-en.html @@ -1,7 +1,7 @@ --- { "layout": null, - "title": "Content page including complete page details version 3.1 (demoted)", + "title": "Content page including complete page details version 3.1 (deprecated)", "language": "en", "altLangPage": "page-details-v3.1-fr.html", "secondlevel": false, diff --git a/sites/page-details/demoted/page-details-v3.1-fr.html b/sites/page-details/deprecated/page-details-v3.1-fr.html similarity index 98% rename from sites/page-details/demoted/page-details-v3.1-fr.html rename to sites/page-details/deprecated/page-details-v3.1-fr.html index 327c698027..ed5972b326 100644 --- a/sites/page-details/demoted/page-details-v3.1-fr.html +++ b/sites/page-details/deprecated/page-details-v3.1-fr.html @@ -1,7 +1,7 @@ --- { "layout": null, - "title": "Page de contenu comprenant les détails de la page version 3.1 (rétrogradé)", + "title": "Page de contenu comprenant les détails de la page version 3.1 (obsolète)", "language": "fr", "altLangPage": "page-details-v3.1-en.html", "secondlevel": false, diff --git a/sites/page-details/index.json-ld b/sites/page-details/index.json-ld index f7d4896637..58e8144985 100644 --- a/sites/page-details/index.json-ld +++ b/sites/page-details/index.json-ld @@ -110,12 +110,12 @@ "fr": { "href": "page-details-pft-fr.html", "text": "Détails de la page avec Outil de rétroaction sur la page" } }, { - "en": { "href": "demoted/page-details-v3-en.html", "text": "Demoted - Page details version 3.0" }, - "fr": { "href": "demoted/page-details-v3-fr.html", "text": "Rétrogradé - Détails de la page version 3.0" } + "en": { "href": "deprecated/page-details-v3-en.html", "text": "Deprecated as of GCWeb v16.0.0 - Page details version 3.0" }, + "fr": { "href": "deprecated/page-details-v3-fr.html", "text": "Obsolète à partir de GCWeb v16.0.0 - Détails de la page version 3.0" } }, { - "en": { "href": "demoted/page-details-v3.1-en.html", "text": "Demoted - Page details version 3.1" }, - "fr": { "href": "demoted/page-details-v3.1-fr.html", "text": "Rétrogradé - Détails de la page version 3.1" } + "en": { "href": "deprecated/page-details-v3.1-en.html", "text": "Deprecated as of GCWeb v16.0.0 - Page details version 3.1" }, + "fr": { "href": "deprecated/page-details-v3.1-fr.html", "text": "Obsolète à partir de GCWeb v16.0.0 - Détails de la page version 3.1" } } ], "implementation": [ @@ -169,14 +169,6 @@ "Pour plus d'informations sur le composant de l'Outil de rétroaction sur la page, veuillez visiter la page Zone de rétroaction sur la page." ] }, - "notes": { - "en": [ - "Although the component has been updated to version 3.2, versions 2.0, 3.0 and 3.1 are still supported. However, for version 2.0, the page content and the <footer> have to be located inside an <article> tag." - ], - "fr": [ - "Bien que le composant ait été mis à jour vers la version 3.2, les versions 2.0, 3.0 et 3.1 sont toujours prises en charge. Cependant, pour la version 2.0, le contenu de la page et la balise <footer> doivent être situés à l'intérieur d'une balise <article>." - ] - }, "sample": { "en": [ { @@ -566,7 +558,7 @@ { "@id": "_:cs_pd_4", "name": "Page details - version 3.1", - "status": "stable", + "status": "deprecated", "baseOnIteration": "_:iteration_pd_4", "detectableBy": "section.pagedetails", "layout": [ @@ -604,7 +596,7 @@ { "@id": "_:cs_pd_3", "name": "Page details - Compatible with PFT + Accessiblity fix (version 3.0)", - "status": "stable", + "status": "deprecated", "baseOnIteration": "_:iteration_pd_3", "detectableBy": "section.pagedetails", "layout": [ diff --git a/sites/theme.scss b/sites/theme.scss index a14cdcca37..1de07683f0 100644 --- a/sites/theme.scss +++ b/sites/theme.scss @@ -243,7 +243,6 @@ @import "baseline/lists/screen-xs-max"; @import "gcweb-menu/screen-xs-max"; @import "page-details/screen-xs-max"; - @import "footers/screen-xs-max"; @import "wet-boew/src/plugins/eqht-css/screen-xs-max"; @import "../components/header-rwd/screen-xs-max"; @@ -330,7 +329,6 @@ @import "wet-boew/src/plugins/feeds/screen-md-min"; @import "wet-boew/src/plugins/tabs/screen-md-min"; - @import "../components/social-media-icons/screen-md-min"; @import "../components/gc-contributors/screen-md-min"; @import "../components/gc-subway/screen-md-min"; @import "../components/gc-most-requested/screen-md-min"; diff --git a/templates/thematic/index.json-ld b/templates/thematic/index.json-ld index 18f43ff998..9df7a448d9 100644 --- a/templates/thematic/index.json-ld +++ b/templates/thematic/index.json-ld @@ -18,26 +18,38 @@ "componentName": "thematic", "status": "provisional", "pages": { + "docs": [ + { + "title": "Pink Day - Deprecated as of GCWeb v16.0.0", + "language": "en", + "path": "../../méli-mélo/deprecated/pinkday/docs-en.html" + }, + { + "title": "Journée rose - Obsolète à partir de GCWeb v16.0.0", + "language": "fr", + "path": "../../méli-mélo/deprecated/pinkday/docs-fr.html" + } + ], "examples": [ { - "title": "Pink Day", + "title": "Pink Day - Deprecated as of GCWeb v16.0.0", "language": "en", - "path": "pink-day-en.html" + "path": "../../méli-mélo/deprecated/pinkday/pink-day-en.html" }, { - "title": "Journée rose", + "title": "Journée rose - Obsolète à partir de GCWeb v16.0.0", "language": "fr", - "path": "pink-day-fr.html" + "path": "../../méli-mélo/deprecated/pinkday/pink-day-fr.html" }, { - "title": "Pink Day - Home", + "title": "Pink Day - Home - Deprecated as of GCWeb v16.0.0", "language": "en", - "path": "pink-day-home-en.html" + "path": "../../méli-mélo/deprecated/pinkday/pink-day-home-en.html" }, { - "title": "Journée rose - Accueil", + "title": "Journée rose - Accueil - Obsolète à partir de GCWeb v16.0.0", "language": "fr", - "path": "pink-day-home-fr.html" + "path": "../../méli-mélo/deprecated/pinkday/pink-day-home-fr.html" }, { "title": "Dark theme", diff --git a/templates/topic/demoted/theme-topic-en.html b/templates/topic/deprecated/theme-topic-en.html similarity index 100% rename from templates/topic/demoted/theme-topic-en.html rename to templates/topic/deprecated/theme-topic-en.html diff --git a/templates/topic/demoted/theme-topic-fr.html b/templates/topic/deprecated/theme-topic-fr.html similarity index 100% rename from templates/topic/demoted/theme-topic-fr.html rename to templates/topic/deprecated/theme-topic-fr.html diff --git a/templates/topic/demoted/topic-en.html b/templates/topic/deprecated/topic-en.html similarity index 100% rename from templates/topic/demoted/topic-en.html rename to templates/topic/deprecated/topic-en.html diff --git a/templates/topic/demoted/topic-fr.html b/templates/topic/deprecated/topic-fr.html similarity index 100% rename from templates/topic/demoted/topic-fr.html rename to templates/topic/deprecated/topic-fr.html diff --git a/templates/topic/demoted/topic-testcase-1-en.html b/templates/topic/deprecated/topic-testcase-1-en.html similarity index 100% rename from templates/topic/demoted/topic-testcase-1-en.html rename to templates/topic/deprecated/topic-testcase-1-en.html diff --git a/templates/topic/demoted/topic-testcase-1-fr.html b/templates/topic/deprecated/topic-testcase-1-fr.html similarity index 100% rename from templates/topic/demoted/topic-testcase-1-fr.html rename to templates/topic/deprecated/topic-testcase-1-fr.html diff --git a/templates/topic/index.json-ld b/templates/topic/index.json-ld index 3b7127fd2c..a0877519b2 100644 --- a/templates/topic/index.json-ld +++ b/templates/topic/index.json-ld @@ -41,22 +41,22 @@ "path": "topic-stackedheader-fr.html" }, { - "title": "Theme/Topic page - Demoted", + "title": "Theme/Topic page - Deprecated as of GCWeb v16.0.0", "language": "en", - "path": "demoted/theme-topic-en.html" + "path": "deprecated/theme-topic-en.html" }, { - "title": "Page de sujet/thème - Rétrogradée", + "title": "Page de sujet/thème - Obsolète à partir de GCWeb v16.0.0", "language": "fr", - "path": "demoted/theme-topic-fr.html" + "path": "deprecated/theme-topic-fr.html" }, { - "title": "Lowest topic (with secondary navigation) - Deprecated", + "title": "Lowest topic (with secondary navigation) - Deprecated as of GCWeb v16.0.0", "language": "en", "path": "../lowest-topic/index-en.html" }, { - "title": "Sujet de plus bas niveau (avec une navigation secondaire) - Dépréciée", + "title": "Sujet de plus bas niveau (avec une navigation secondaire) - Obsolète à partir de GCWeb v16.0.0", "language": "fr", "path": "../lowest-topic/index-fr.html" } @@ -299,14 +299,14 @@ "example": { "en": [ { - "href": "demoted/theme-topic-en.html", - "text": "Theme - Topic page version 2 (beta)" + "href": "deprecated/theme-topic-en.html", + "text": "Theme - Topic page version 2 (beta) - Deprecated as of GCWeb v16.0.0" } ], "fr": [ { - "href": "demoted/theme-topic-fr.html", - "text": "Page the thème ou de sujet version 2 (bêta)" + "href": "deprecated/theme-topic-fr.html", + "text": "Page the thème ou de sujet version 2 (bêta) - Obsolète à partir de GCWeb v16.0.0" } ] } @@ -319,14 +319,14 @@ "example": { "en": [ { - "href": "demoted/topic-en.html", - "text": "Topic page version 1" + "href": "deprecated/topic-en.html", + "text": "Topic page version 1 - Deprecated as of GCWeb v16.0.0" } ], "fr": [ { "href": "deprecated/topic-fr.html", - "text": "Page de sujet version 1" + "text": "Page de sujet version 1 - Obsolète à partir de GCWeb v16.0.0" } ] }