From f418b8145edf075e6a7a3eeae01a7f407e2ffa6f Mon Sep 17 00:00:00 2001 From: delisma Date: Thu, 11 Apr 2024 11:52:32 -0400 Subject: [PATCH] Add new files and directories for Jekyll website --- _config.yml | 3 +- _data/breadcrumbs.json | 1590 +++++++++++++++++++++ _data/date-modified.json | 527 +++++++ _data/language-toggle.json | 792 ++++++++++ _data/locales/side-by-side.yml | 8 +- _data/search.json | 1311 +++++++++++++++++ _data/signature.json | 640 +++++++++ _data/{button-signin.json => signin.json} | 65 - _includes/recursive_list.liquid | 31 + _layouts/side-by-side.html | 71 +- assets/js/export-json-tool.js | 257 ++-- assets/js/scripts.js | 7 + en/index.md | 33 +- en/methodology.md | 132 ++ en/parser.md | 11 +- patterns/_components/_buttons.md | 113 -- patterns/_components/breadcrumbs.md | 139 +- patterns/_components/button/danger.md | 3 +- patterns/_components/button/disabled.md | 3 +- patterns/_components/button/link.md | 3 +- patterns/_components/button/primary.md | 3 +- patterns/_components/button/secondary.md | 3 +- patterns/_components/button/signin.md | 9 - patterns/_components/button/small.md | 3 +- patterns/_components/button/supertask.md | 9 +- patterns/_components/date-modified.md | 82 +- patterns/_components/language-toggle.md | 55 +- patterns/_components/links.md | 1 + patterns/_components/search.md | 88 +- patterns/_components/signature.md | 86 +- patterns/_components/signin.md | 14 + 31 files changed, 5307 insertions(+), 785 deletions(-) create mode 100644 _data/breadcrumbs.json create mode 100644 _data/date-modified.json create mode 100644 _data/language-toggle.json create mode 100644 _data/search.json create mode 100644 _data/signature.json rename _data/{button-signin.json => signin.json} (82%) create mode 100644 _includes/recursive_list.liquid create mode 100644 assets/js/scripts.js create mode 100644 en/methodology.md delete mode 100644 patterns/_components/_buttons.md delete mode 100644 patterns/_components/button/signin.md create mode 100644 patterns/_components/signin.md diff --git a/_config.yml b/_config.yml index 519d04a..cde6dec 100644 --- a/_config.yml +++ b/_config.yml @@ -24,8 +24,9 @@ defaults: - scope: path: "" values: - css: ../../assets/css/overrides.css + css: /gcds-gcweb/assets/css/overrides.css layout: default + script: /gcds-gcweb/assets/js/scripts.js - scope: path: "_components" values: diff --git a/_data/breadcrumbs.json b/_data/breadcrumbs.json new file mode 100644 index 0000000..2f46bd3 --- /dev/null +++ b/_data/breadcrumbs.json @@ -0,0 +1,1590 @@ +{ + "gcweb": { + "nodeType": 1, + "nodeName": "NAV", + "textContent": "", + "attributes": { + "id": "wb-bc", + "property": "breadcrumb" + }, + "computedStyles": { + "block-size": "44.5px", + "height": "44.5px", + "inline-size": "555px", + "perspective-origin": "277.5px 22.25px", + "transform-origin": "277.5px 22.25px", + "width": "555px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "H2", + "textContent": "", + "attributes": {}, + "computedStyles": { + "block-size": "1px", + "bottom": "284px", + "clip": "rect(1px, 1px, 1px, 1px)", + "font-size": "25.6px", + "height": "1px", + "inline-size": "1px", + "inset-block-end": "284px", + "inset-block-start": "15px", + "inset-inline-end": "554px", + "inset-inline-start": "0px", + "left": "0px", + "line-height": "28.16px", + "margin-block-end": "0px", + "margin-block-start": "0px", + "margin-bottom": "0px", + "margin-top": "0px", + "overflow-x": "hidden", + "overflow-y": "hidden", + "perspective-origin": "0.5px 0.5px", + "position": "absolute", + "right": "554px", + "top": "15px", + "transform-origin": "0.5px 0.5px", + "width": "1px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "You are here:", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "H2", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "NAV", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "OL", + "textContent": "", + "attributes": { + "class": "breadcrumb", + "typeof": "BreadcrumbList", + "style": "font-size: 16px" + }, + "computedStyles": { + "block-size": "44.5px", + "height": "44.5px", + "inline-size": "555px", + "list-style-type": "none", + "margin-block-end": "0px", + "margin-block-start": "15px", + "margin-bottom": "0px", + "margin-top": "15px", + "padding-block-end": "1px", + "padding-block-start": "1px", + "padding-bottom": "1px", + "padding-inline-start": "0px", + "padding-left": "0px", + "padding-top": "1px", + "perspective-origin": "277.5px 22.25px", + "transform-origin": "277.5px 22.25px", + "width": "555px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "LI", + "textContent": "", + "attributes": { + "property": "itemListElement", + "typeof": "ListItem" + }, + "computedStyles": { + "block-size": "37px", + "display": "inline-block", + "height": "37px", + "inline-size": "81.7188px", + "list-style-type": "none", + "max-inline-size": "100%", + "max-width": "100%", + "overflow-x": "hidden", + "overflow-y": "hidden", + "padding-block-end": "7px", + "padding-block-start": "7px", + "padding-bottom": "7px", + "padding-inline-end": "2px", + "padding-inline-start": "2px", + "padding-left": "2px", + "padding-right": "2px", + "padding-top": "7px", + "perspective-origin": "40.8594px 18.5px", + "text-overflow": "ellipsis", + "text-wrap": "nowrap", + "transform-origin": "40.8594px 18.5px", + "width": "81.7188px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "A", + "textContent": "", + "attributes": { + "property": "item", + "typeof": "WebPage", + "href": "https://www.canada.ca/en.html" + }, + "computedStyles": { + "border-block-end-color": "rgb(40, 65, 98)", + "border-block-start-color": "rgb(40, 65, 98)", + "border-bottom-color": "rgb(40, 65, 98)", + "border-inline-end-color": "rgb(40, 65, 98)", + "border-inline-start-color": "rgb(40, 65, 98)", + "border-left-color": "rgb(40, 65, 98)", + "border-right-color": "rgb(40, 65, 98)", + "border-top-color": "rgb(40, 65, 98)", + "caret-color": "rgb(40, 65, 98)", + "color": "rgb(40, 65, 98)", + "column-rule-color": "rgb(40, 65, 98)", + "cursor": "pointer", + "list-style-type": "none", + "outline-color": "rgb(40, 65, 98)", + "padding-block-end": "5px", + "padding-block-start": "5px", + "padding-bottom": "5px", + "padding-top": "5px", + "text-align": "left", + "text-decoration": "underline solid rgb(40, 65, 98)", + "text-decoration-color": "rgb(40, 65, 98)", + "text-decoration-line": "underline", + "text-emphasis-color": "rgb(40, 65, 98)", + "text-wrap": "nowrap", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(40, 65, 98)", + "-webkit-text-stroke-color": "rgb(40, 65, 98)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SPAN", + "textContent": "", + "attributes": { + "property": "name" + }, + "computedStyles": { + "border-block-end-color": "rgb(40, 65, 98)", + "border-block-start-color": "rgb(40, 65, 98)", + "border-bottom-color": "rgb(40, 65, 98)", + "border-inline-end-color": "rgb(40, 65, 98)", + "border-inline-start-color": "rgb(40, 65, 98)", + "border-left-color": "rgb(40, 65, 98)", + "border-right-color": "rgb(40, 65, 98)", + "border-top-color": "rgb(40, 65, 98)", + "caret-color": "rgb(40, 65, 98)", + "color": "rgb(40, 65, 98)", + "column-rule-color": "rgb(40, 65, 98)", + "cursor": "pointer", + "list-style-type": "none", + "outline-color": "rgb(40, 65, 98)", + "text-align": "left", + "text-decoration": "none solid rgb(40, 65, 98)", + "text-decoration-color": "rgb(40, 65, 98)", + "text-emphasis-color": "rgb(40, 65, 98)", + "text-wrap": "nowrap", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(40, 65, 98)", + "-webkit-text-stroke-color": "rgb(40, 65, 98)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Canada.ca", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "SPAN", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "A", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "LI", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "META", + "textContent": "", + "attributes": { + "property": "position", + "content": "1" + }, + "computedStyles": { + "list-style-type": "none", + "text-align": "left", + "text-wrap": "nowrap", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "LI", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "OL", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "LI", + "textContent": "", + "attributes": { + "property": "itemListElement", + "typeof": "ListItem" + }, + "computedStyles": { + "block-size": "37px", + "display": "inline-block", + "height": "37px", + "inline-size": "106.57px", + "list-style-type": "none", + "max-inline-size": "100%", + "max-width": "100%", + "overflow-x": "hidden", + "overflow-y": "hidden", + "padding-block-end": "7px", + "padding-block-start": "7px", + "padding-bottom": "7px", + "padding-inline-end": "2px", + "padding-inline-start": "2px", + "padding-left": "2px", + "padding-right": "2px", + "padding-top": "7px", + "perspective-origin": "53.2812px 18.5px", + "text-overflow": "ellipsis", + "text-wrap": "nowrap", + "transform-origin": "53.2852px 18.5px", + "width": "106.57px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "A", + "textContent": "", + "attributes": { + "property": "item", + "typeof": "WebPage", + "href": "#" + }, + "computedStyles": { + "border-block-end-color": "rgb(40, 65, 98)", + "border-block-start-color": "rgb(40, 65, 98)", + "border-bottom-color": "rgb(40, 65, 98)", + "border-inline-end-color": "rgb(40, 65, 98)", + "border-inline-start-color": "rgb(40, 65, 98)", + "border-left-color": "rgb(40, 65, 98)", + "border-right-color": "rgb(40, 65, 98)", + "border-top-color": "rgb(40, 65, 98)", + "caret-color": "rgb(40, 65, 98)", + "color": "rgb(40, 65, 98)", + "column-rule-color": "rgb(40, 65, 98)", + "cursor": "pointer", + "list-style-type": "none", + "outline-color": "rgb(40, 65, 98)", + "padding-block-end": "5px", + "padding-block-start": "5px", + "padding-bottom": "5px", + "padding-top": "5px", + "text-align": "left", + "text-decoration": "underline solid rgb(40, 65, 98)", + "text-decoration-color": "rgb(40, 65, 98)", + "text-decoration-line": "underline", + "text-emphasis-color": "rgb(40, 65, 98)", + "text-wrap": "nowrap", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(40, 65, 98)", + "-webkit-text-stroke-color": "rgb(40, 65, 98)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SPAN", + "textContent": "", + "attributes": { + "property": "name" + }, + "computedStyles": { + "border-block-end-color": "rgb(40, 65, 98)", + "border-block-start-color": "rgb(40, 65, 98)", + "border-bottom-color": "rgb(40, 65, 98)", + "border-inline-end-color": "rgb(40, 65, 98)", + "border-inline-start-color": "rgb(40, 65, 98)", + "border-left-color": "rgb(40, 65, 98)", + "border-right-color": "rgb(40, 65, 98)", + "border-top-color": "rgb(40, 65, 98)", + "caret-color": "rgb(40, 65, 98)", + "color": "rgb(40, 65, 98)", + "column-rule-color": "rgb(40, 65, 98)", + "cursor": "pointer", + "list-style-type": "none", + "outline-color": "rgb(40, 65, 98)", + "text-align": "left", + "text-decoration": "none solid rgb(40, 65, 98)", + "text-decoration-color": "rgb(40, 65, 98)", + "text-emphasis-color": "rgb(40, 65, 98)", + "text-wrap": "nowrap", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(40, 65, 98)", + "-webkit-text-stroke-color": "rgb(40, 65, 98)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Home page", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "SPAN", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "A", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "LI", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "META", + "textContent": "", + "attributes": { + "property": "position", + "content": "2" + }, + "computedStyles": { + "list-style-type": "none", + "text-align": "left", + "text-wrap": "nowrap", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "LI", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "OL", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "LI", + "textContent": "", + "attributes": { + "property": "itemListElement", + "typeof": "ListItem" + }, + "computedStyles": { + "block-size": "37px", + "display": "inline-block", + "height": "37px", + "inline-size": "141.688px", + "list-style-type": "none", + "max-inline-size": "100%", + "max-width": "100%", + "overflow-x": "hidden", + "overflow-y": "hidden", + "padding-block-end": "7px", + "padding-block-start": "7px", + "padding-bottom": "7px", + "padding-inline-end": "2px", + "padding-inline-start": "2px", + "padding-left": "2px", + "padding-right": "2px", + "padding-top": "7px", + "perspective-origin": "70.8438px 18.5px", + "text-overflow": "ellipsis", + "text-wrap": "nowrap", + "transform-origin": "70.8438px 18.5px", + "width": "141.688px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "A", + "textContent": "", + "attributes": { + "property": "item", + "typeof": "WebPage", + "href": "#" + }, + "computedStyles": { + "border-block-end-color": "rgb(40, 65, 98)", + "border-block-start-color": "rgb(40, 65, 98)", + "border-bottom-color": "rgb(40, 65, 98)", + "border-inline-end-color": "rgb(40, 65, 98)", + "border-inline-start-color": "rgb(40, 65, 98)", + "border-left-color": "rgb(40, 65, 98)", + "border-right-color": "rgb(40, 65, 98)", + "border-top-color": "rgb(40, 65, 98)", + "caret-color": "rgb(40, 65, 98)", + "color": "rgb(40, 65, 98)", + "column-rule-color": "rgb(40, 65, 98)", + "cursor": "pointer", + "list-style-type": "none", + "outline-color": "rgb(40, 65, 98)", + "padding-block-end": "5px", + "padding-block-start": "5px", + "padding-bottom": "5px", + "padding-top": "5px", + "text-align": "left", + "text-decoration": "underline solid rgb(40, 65, 98)", + "text-decoration-color": "rgb(40, 65, 98)", + "text-decoration-line": "underline", + "text-emphasis-color": "rgb(40, 65, 98)", + "text-wrap": "nowrap", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(40, 65, 98)", + "-webkit-text-stroke-color": "rgb(40, 65, 98)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SPAN", + "textContent": "", + "attributes": { + "property": "name" + }, + "computedStyles": { + "border-block-end-color": "rgb(40, 65, 98)", + "border-block-start-color": "rgb(40, 65, 98)", + "border-bottom-color": "rgb(40, 65, 98)", + "border-inline-end-color": "rgb(40, 65, 98)", + "border-inline-start-color": "rgb(40, 65, 98)", + "border-left-color": "rgb(40, 65, 98)", + "border-right-color": "rgb(40, 65, 98)", + "border-top-color": "rgb(40, 65, 98)", + "caret-color": "rgb(40, 65, 98)", + "color": "rgb(40, 65, 98)", + "column-rule-color": "rgb(40, 65, 98)", + "cursor": "pointer", + "list-style-type": "none", + "outline-color": "rgb(40, 65, 98)", + "text-align": "left", + "text-decoration": "none solid rgb(40, 65, 98)", + "text-decoration-color": "rgb(40, 65, 98)", + "text-emphasis-color": "rgb(40, 65, 98)", + "text-wrap": "nowrap", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(40, 65, 98)", + "-webkit-text-stroke-color": "rgb(40, 65, 98)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Parent page link", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "SPAN", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "A", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "LI", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "META", + "textContent": "", + "attributes": { + "property": "position", + "content": "3" + }, + "computedStyles": { + "list-style-type": "none", + "text-align": "left", + "text-wrap": "nowrap", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "LI", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "OL", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "NAV", + "nodeType": 1 + } + } + ], + "parent": null, + "html": "" + }, + "gcds": { + "nodeType": 1, + "nodeName": "GCDS-BREADCRUMBS", + "textContent": "", + "attributes": { + "class": "hydrated" + }, + "computedStyles": { + "block-size": "33.75px", + "display": "block", + "height": "33.75px", + "inline-size": "555px", + "perspective-origin": "277.5px 16.875px", + "transform-origin": "277.5px 16.875px", + "visibility": "visible", + "width": "555px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "GCDS-BREADCRUMBS-ITEM", + "textContent": "", + "attributes": { + "href": "#", + "role": "listitem", + "class": "gcds-breadcrumbs-item hydrated" + }, + "computedStyles": { + "block-size": "33.75px", + "bottom": "0px", + "display": "inline-block", + "height": "33.75px", + "inline-size": "73.3594px", + "inset-block-end": "0px", + "inset-block-start": "0px", + "inset-inline-end": "0px", + "inset-inline-start": "0px", + "left": "0px", + "list-style-type": "none", + "padding-inline-start": "15px", + "padding-left": "15px", + "perspective-origin": "36.6797px 16.875px", + "position": "relative", + "right": "0px", + "top": "0px", + "transform-origin": "36.6797px 16.875px", + "visibility": "visible", + "width": "73.3594px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Home page", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "GCDS-BREADCRUMBS-ITEM", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-BREADCRUMBS", + "nodeType": 1 + }, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "GCDS-LINK", + "textContent": "", + "attributes": { + "class": "hydrated" + }, + "computedStyles": { + "block-size": "33.75px", + "box-sizing": "content-box", + "display": "inline-block", + "height": "33.75px", + "inline-size": "58.3594px", + "list-style-type": "none", + "perspective-origin": "29.1797px 16.875px", + "transform-origin": "29.1797px 16.875px", + "visibility": "visible", + "width": "58.3594px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SLOT", + "textContent": "", + "attributes": {}, + "computedStyles": { + "block-size": "15px", + "border-block-end-color": "rgb(43, 67, 128)", + "border-block-start-color": "rgb(43, 67, 128)", + "border-bottom-color": "rgb(43, 67, 128)", + "border-inline-end-color": "rgb(43, 67, 128)", + "border-inline-start-color": "rgb(43, 67, 128)", + "border-left-color": "rgb(43, 67, 128)", + "border-right-color": "rgb(43, 67, 128)", + "border-top-color": "rgb(43, 67, 128)", + "box-sizing": "content-box", + "caret-color": "rgb(43, 67, 128)", + "color": "rgb(43, 67, 128)", + "column-rule-color": "rgb(43, 67, 128)", + "cursor": "pointer", + "display": "block", + "font-size": "10px", + "height": "15px", + "inline-size": "54.6094px", + "line-height": "15px", + "list-style-type": "none", + "outline-color": "rgb(43, 67, 128)", + "perspective-origin": "27.3047px 7.5px", + "text-decoration": "none solid rgb(43, 67, 128)", + "text-decoration-color": "rgb(43, 67, 128)", + "text-emphasis-color": "rgb(43, 67, 128)", + "transform-origin": "27.3047px 7.5px", + "width": "54.6094px", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(43, 67, 128)", + "-webkit-text-stroke-color": "rgb(43, 67, 128)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "GCDS-LINK", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-BREADCRUMBS-ITEM", + "nodeType": 1 + }, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "A", + "textContent": "", + "attributes": { + "role": "link", + "tabindex": "0", + "href": "#", + "target": "_self", + "class": "gcds-link link--regular", + "part": "link" + }, + "computedStyles": { + "block-size": "15px", + "border-block-end-color": "rgb(43, 67, 128)", + "border-block-start-color": "rgb(43, 67, 128)", + "border-bottom-color": "rgb(43, 67, 128)", + "border-inline-end-color": "rgb(43, 67, 128)", + "border-inline-start-color": "rgb(43, 67, 128)", + "border-left-color": "rgb(43, 67, 128)", + "border-right-color": "rgb(43, 67, 128)", + "border-top-color": "rgb(43, 67, 128)", + "box-sizing": "content-box", + "caret-color": "rgb(43, 67, 128)", + "color": "rgb(43, 67, 128)", + "column-rule-color": "rgb(43, 67, 128)", + "cursor": "pointer", + "display": "inline-block", + "font-size": "10px", + "height": "15px", + "inline-size": "54.6094px", + "line-height": "15px", + "list-style-type": "none", + "margin-block-end": "7.5px", + "margin-block-start": "7.5px", + "margin-bottom": "7.5px", + "margin-top": "7.5px", + "outline-color": "rgb(43, 67, 128)", + "padding-block-end": "1.875px", + "padding-block-start": "1.875px", + "padding-bottom": "1.875px", + "padding-inline-end": "1.875px", + "padding-inline-start": "1.875px", + "padding-left": "1.875px", + "padding-right": "1.875px", + "padding-top": "1.875px", + "perspective-origin": "29.1797px 9.375px", + "text-decoration": "underline 0.625px solid rgb(43, 67, 128)", + "text-decoration-color": "rgb(43, 67, 128)", + "text-decoration-line": "underline", + "text-emphasis-color": "rgb(43, 67, 128)", + "transform-origin": "29.1797px 9.375px", + "transition-duration": "0.35s", + "width": "54.6094px", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(43, 67, 128)", + "-webkit-text-stroke-color": "rgb(43, 67, 128)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SLOT", + "textContent": "", + "attributes": {}, + "computedStyles": { + "border-block-end-color": "rgb(43, 67, 128)", + "border-block-start-color": "rgb(43, 67, 128)", + "border-bottom-color": "rgb(43, 67, 128)", + "border-inline-end-color": "rgb(43, 67, 128)", + "border-inline-start-color": "rgb(43, 67, 128)", + "border-left-color": "rgb(43, 67, 128)", + "border-right-color": "rgb(43, 67, 128)", + "border-top-color": "rgb(43, 67, 128)", + "box-sizing": "content-box", + "caret-color": "rgb(43, 67, 128)", + "color": "rgb(43, 67, 128)", + "column-rule-color": "rgb(43, 67, 128)", + "cursor": "pointer", + "display": "inline", + "font-size": "10px", + "line-height": "15px", + "list-style-type": "none", + "outline-color": "rgb(43, 67, 128)", + "perspective-origin": "0px 0px", + "text-decoration": "none solid rgb(43, 67, 128)", + "text-decoration-color": "rgb(43, 67, 128)", + "text-emphasis-color": "rgb(43, 67, 128)", + "transform-origin": "0px 0px", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(43, 67, 128)", + "-webkit-text-stroke-color": "rgb(43, 67, 128)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "A", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-LINK", + "nodeType": 1 + } + } + ] + } + ] + }, + { + "nodeType": 1, + "nodeName": "GCDS-BREADCRUMBS-ITEM", + "textContent": "", + "attributes": { + "href": "#", + "role": "listitem", + "class": "gcds-breadcrumbs-item hydrated" + }, + "computedStyles": { + "block-size": "33.75px", + "bottom": "0px", + "display": "inline-block", + "height": "33.75px", + "inline-size": "95.3047px", + "inset-block-end": "0px", + "inset-block-start": "0px", + "inset-inline-end": "0px", + "inset-inline-start": "0px", + "left": "0px", + "list-style-type": "none", + "padding-inline-start": "15px", + "padding-left": "15px", + "perspective-origin": "47.6484px 16.875px", + "position": "relative", + "right": "0px", + "top": "0px", + "transform-origin": "47.6523px 16.875px", + "visibility": "visible", + "width": "95.3047px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Parent page link", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "GCDS-BREADCRUMBS-ITEM", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-BREADCRUMBS", + "nodeType": 1 + }, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "GCDS-LINK", + "textContent": "", + "attributes": { + "class": "hydrated" + }, + "computedStyles": { + "block-size": "33.75px", + "box-sizing": "content-box", + "display": "inline-block", + "height": "33.75px", + "inline-size": "80.3047px", + "list-style-type": "none", + "perspective-origin": "40.1484px 16.875px", + "transform-origin": "40.1523px 16.875px", + "visibility": "visible", + "width": "80.3047px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SLOT", + "textContent": "", + "attributes": {}, + "computedStyles": { + "block-size": "15px", + "border-block-end-color": "rgb(43, 67, 128)", + "border-block-start-color": "rgb(43, 67, 128)", + "border-bottom-color": "rgb(43, 67, 128)", + "border-inline-end-color": "rgb(43, 67, 128)", + "border-inline-start-color": "rgb(43, 67, 128)", + "border-left-color": "rgb(43, 67, 128)", + "border-right-color": "rgb(43, 67, 128)", + "border-top-color": "rgb(43, 67, 128)", + "box-sizing": "content-box", + "caret-color": "rgb(43, 67, 128)", + "color": "rgb(43, 67, 128)", + "column-rule-color": "rgb(43, 67, 128)", + "cursor": "pointer", + "display": "block", + "font-size": "10px", + "height": "15px", + "inline-size": "76.5547px", + "line-height": "15px", + "list-style-type": "none", + "outline-color": "rgb(43, 67, 128)", + "perspective-origin": "38.2734px 7.5px", + "text-decoration": "none solid rgb(43, 67, 128)", + "text-decoration-color": "rgb(43, 67, 128)", + "text-emphasis-color": "rgb(43, 67, 128)", + "transform-origin": "38.2773px 7.5px", + "width": "76.5547px", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(43, 67, 128)", + "-webkit-text-stroke-color": "rgb(43, 67, 128)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "GCDS-LINK", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-BREADCRUMBS-ITEM", + "nodeType": 1 + }, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "A", + "textContent": "", + "attributes": { + "role": "link", + "tabindex": "0", + "href": "#", + "target": "_self", + "class": "gcds-link link--regular", + "part": "link" + }, + "computedStyles": { + "block-size": "15px", + "border-block-end-color": "rgb(43, 67, 128)", + "border-block-start-color": "rgb(43, 67, 128)", + "border-bottom-color": "rgb(43, 67, 128)", + "border-inline-end-color": "rgb(43, 67, 128)", + "border-inline-start-color": "rgb(43, 67, 128)", + "border-left-color": "rgb(43, 67, 128)", + "border-right-color": "rgb(43, 67, 128)", + "border-top-color": "rgb(43, 67, 128)", + "box-sizing": "content-box", + "caret-color": "rgb(43, 67, 128)", + "color": "rgb(43, 67, 128)", + "column-rule-color": "rgb(43, 67, 128)", + "cursor": "pointer", + "display": "inline-block", + "font-size": "10px", + "height": "15px", + "inline-size": "76.5547px", + "line-height": "15px", + "list-style-type": "none", + "margin-block-end": "7.5px", + "margin-block-start": "7.5px", + "margin-bottom": "7.5px", + "margin-top": "7.5px", + "outline-color": "rgb(43, 67, 128)", + "padding-block-end": "1.875px", + "padding-block-start": "1.875px", + "padding-bottom": "1.875px", + "padding-inline-end": "1.875px", + "padding-inline-start": "1.875px", + "padding-left": "1.875px", + "padding-right": "1.875px", + "padding-top": "1.875px", + "perspective-origin": "40.1484px 9.375px", + "text-decoration": "underline 0.625px solid rgb(43, 67, 128)", + "text-decoration-color": "rgb(43, 67, 128)", + "text-decoration-line": "underline", + "text-emphasis-color": "rgb(43, 67, 128)", + "transform-origin": "40.1523px 9.375px", + "transition-duration": "0.35s", + "width": "76.5547px", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(43, 67, 128)", + "-webkit-text-stroke-color": "rgb(43, 67, 128)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SLOT", + "textContent": "", + "attributes": {}, + "computedStyles": { + "border-block-end-color": "rgb(43, 67, 128)", + "border-block-start-color": "rgb(43, 67, 128)", + "border-bottom-color": "rgb(43, 67, 128)", + "border-inline-end-color": "rgb(43, 67, 128)", + "border-inline-start-color": "rgb(43, 67, 128)", + "border-left-color": "rgb(43, 67, 128)", + "border-right-color": "rgb(43, 67, 128)", + "border-top-color": "rgb(43, 67, 128)", + "box-sizing": "content-box", + "caret-color": "rgb(43, 67, 128)", + "color": "rgb(43, 67, 128)", + "column-rule-color": "rgb(43, 67, 128)", + "cursor": "pointer", + "display": "inline", + "font-size": "10px", + "line-height": "15px", + "list-style-type": "none", + "outline-color": "rgb(43, 67, 128)", + "perspective-origin": "0px 0px", + "text-decoration": "none solid rgb(43, 67, 128)", + "text-decoration-color": "rgb(43, 67, 128)", + "text-emphasis-color": "rgb(43, 67, 128)", + "transform-origin": "0px 0px", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(43, 67, 128)", + "-webkit-text-stroke-color": "rgb(43, 67, 128)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "A", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-LINK", + "nodeType": 1 + } + } + ] + } + ] + } + ], + "parent": null, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "NAV", + "textContent": "", + "attributes": { + "aria-label": "Breadcrumb", + "class": "gcds-breadcrumbs" + }, + "computedStyles": { + "block-size": "33.75px", + "box-sizing": "content-box", + "height": "33.75px", + "inline-size": "555px", + "perspective-origin": "277.5px 16.875px", + "transform-origin": "277.5px 16.875px", + "width": "555px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "OL", + "textContent": "", + "attributes": { + "class": "has-canada-link" + }, + "computedStyles": { + "block-size": "33.75px", + "box-sizing": "content-box", + "height": "33.75px", + "inline-size": "555px", + "list-style-type": "none", + "margin-block-end": "0px", + "margin-bottom": "0px", + "margin-inline-start": "-3.75px", + "margin-left": "-3.75px", + "overflow-x": "hidden", + "overflow-y": "auto", + "padding-inline-start": "3.75px", + "padding-left": "3.75px", + "perspective-origin": "279.375px 16.875px", + "transform-origin": "279.375px 16.875px", + "width": "555px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "GCDS-BREADCRUMBS-ITEM", + "textContent": "", + "attributes": { + "role": "listitem", + "class": "gcds-breadcrumbs-item hydrated" + }, + "computedStyles": { + "block-size": "33.75px", + "bottom": "0px", + "box-sizing": "content-box", + "display": "inline-block", + "height": "33.75px", + "inline-size": "52.3281px", + "inset-block-end": "0px", + "inset-block-start": "0px", + "inset-inline-end": "0px", + "inset-inline-start": "0px", + "left": "0px", + "list-style-type": "none", + "margin-inline-start": "-15px", + "margin-left": "-15px", + "padding-inline-start": "15px", + "padding-left": "15px", + "perspective-origin": "33.6641px 16.875px", + "position": "relative", + "right": "0px", + "top": "0px", + "transform-origin": "33.6641px 16.875px", + "visibility": "visible", + "width": "52.3281px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Canada.ca", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "GCDS-BREADCRUMBS-ITEM", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "OL", + "nodeType": 1 + }, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "GCDS-LINK", + "textContent": "", + "attributes": { + "class": "hydrated" + }, + "computedStyles": { + "block-size": "33.75px", + "box-sizing": "content-box", + "display": "inline-block", + "height": "33.75px", + "inline-size": "52.3281px", + "list-style-type": "none", + "perspective-origin": "26.1641px 16.875px", + "transform-origin": "26.1641px 16.875px", + "visibility": "visible", + "width": "52.3281px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SLOT", + "textContent": "", + "attributes": {}, + "computedStyles": { + "block-size": "15px", + "border-block-end-color": "rgb(43, 67, 128)", + "border-block-start-color": "rgb(43, 67, 128)", + "border-bottom-color": "rgb(43, 67, 128)", + "border-inline-end-color": "rgb(43, 67, 128)", + "border-inline-start-color": "rgb(43, 67, 128)", + "border-left-color": "rgb(43, 67, 128)", + "border-right-color": "rgb(43, 67, 128)", + "border-top-color": "rgb(43, 67, 128)", + "box-sizing": "content-box", + "caret-color": "rgb(43, 67, 128)", + "color": "rgb(43, 67, 128)", + "column-rule-color": "rgb(43, 67, 128)", + "cursor": "pointer", + "display": "block", + "font-size": "10px", + "height": "15px", + "inline-size": "48.5781px", + "line-height": "15px", + "list-style-type": "none", + "outline-color": "rgb(43, 67, 128)", + "perspective-origin": "24.2891px 7.5px", + "text-decoration": "none solid rgb(43, 67, 128)", + "text-decoration-color": "rgb(43, 67, 128)", + "text-emphasis-color": "rgb(43, 67, 128)", + "transform-origin": "24.2891px 7.5px", + "width": "48.5781px", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(43, 67, 128)", + "-webkit-text-stroke-color": "rgb(43, 67, 128)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "GCDS-LINK", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-BREADCRUMBS-ITEM", + "nodeType": 1 + }, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "A", + "textContent": "", + "attributes": { + "role": "link", + "tabindex": "0", + "href": "https://www.canada.ca/en.html", + "target": "_self", + "class": "gcds-link link--regular", + "part": "link" + }, + "computedStyles": { + "block-size": "15px", + "border-block-end-color": "rgb(43, 67, 128)", + "border-block-start-color": "rgb(43, 67, 128)", + "border-bottom-color": "rgb(43, 67, 128)", + "border-inline-end-color": "rgb(43, 67, 128)", + "border-inline-start-color": "rgb(43, 67, 128)", + "border-left-color": "rgb(43, 67, 128)", + "border-right-color": "rgb(43, 67, 128)", + "border-top-color": "rgb(43, 67, 128)", + "box-sizing": "content-box", + "caret-color": "rgb(43, 67, 128)", + "color": "rgb(43, 67, 128)", + "column-rule-color": "rgb(43, 67, 128)", + "cursor": "pointer", + "display": "inline-block", + "font-size": "10px", + "height": "15px", + "inline-size": "48.5781px", + "line-height": "15px", + "list-style-type": "none", + "margin-block-end": "7.5px", + "margin-block-start": "7.5px", + "margin-bottom": "7.5px", + "margin-top": "7.5px", + "outline-color": "rgb(43, 67, 128)", + "padding-block-end": "1.875px", + "padding-block-start": "1.875px", + "padding-bottom": "1.875px", + "padding-inline-end": "1.875px", + "padding-inline-start": "1.875px", + "padding-left": "1.875px", + "padding-right": "1.875px", + "padding-top": "1.875px", + "perspective-origin": "26.1641px 9.375px", + "text-decoration": "underline 0.625px solid rgb(43, 67, 128)", + "text-decoration-color": "rgb(43, 67, 128)", + "text-decoration-line": "underline", + "text-emphasis-color": "rgb(43, 67, 128)", + "transform-origin": "26.1641px 9.375px", + "transition-duration": "0.35s", + "width": "48.5781px", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(43, 67, 128)", + "-webkit-text-stroke-color": "rgb(43, 67, 128)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SLOT", + "textContent": "", + "attributes": {}, + "computedStyles": { + "border-block-end-color": "rgb(43, 67, 128)", + "border-block-start-color": "rgb(43, 67, 128)", + "border-bottom-color": "rgb(43, 67, 128)", + "border-inline-end-color": "rgb(43, 67, 128)", + "border-inline-start-color": "rgb(43, 67, 128)", + "border-left-color": "rgb(43, 67, 128)", + "border-right-color": "rgb(43, 67, 128)", + "border-top-color": "rgb(43, 67, 128)", + "box-sizing": "content-box", + "caret-color": "rgb(43, 67, 128)", + "color": "rgb(43, 67, 128)", + "column-rule-color": "rgb(43, 67, 128)", + "cursor": "pointer", + "display": "inline", + "font-size": "10px", + "line-height": "15px", + "list-style-type": "none", + "outline-color": "rgb(43, 67, 128)", + "perspective-origin": "0px 0px", + "text-decoration": "none solid rgb(43, 67, 128)", + "text-decoration-color": "rgb(43, 67, 128)", + "text-emphasis-color": "rgb(43, 67, 128)", + "transform-origin": "0px 0px", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(43, 67, 128)", + "-webkit-text-stroke-color": "rgb(43, 67, 128)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "A", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-LINK", + "nodeType": 1 + } + } + ] + } + ] + }, + { + "nodeType": 1, + "nodeName": "SLOT", + "textContent": "", + "attributes": {}, + "computedStyles": { + "box-sizing": "content-box", + "list-style-type": "none", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "OL", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "NAV", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-BREADCRUMBS", + "nodeType": 1 + } + } + ], + "html": "Home pageParent page link" + } +} \ No newline at end of file diff --git a/_data/date-modified.json b/_data/date-modified.json new file mode 100644 index 0000000..3c229d4 --- /dev/null +++ b/_data/date-modified.json @@ -0,0 +1,527 @@ +{ + "gcweb": { + "nodeType": 1, + "nodeName": "DL", + "textContent": "", + "attributes": { + "id": "wb-dtmd" + }, + "computedStyles": { + "block-size": "23px", + "height": "23px", + "inline-size": "555px", + "margin-block-end": "0px", + "margin-block-start": "32px", + "margin-bottom": "0px", + "margin-top": "32px", + "perspective-origin": "277.5px 11.5px", + "transform-origin": "277.5px 11.5px", + "width": "555px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "DT", + "textContent": "", + "attributes": {}, + "computedStyles": { + "block-size": "auto", + "display": "inline", + "font-weight": "400", + "height": "auto", + "inline-size": "auto", + "perspective-origin": "0px 0px", + "transform-origin": "0px 0px", + "width": "auto", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Date modified:", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "DT", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "DL", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "DD", + "textContent": "", + "attributes": {}, + "computedStyles": { + "block-size": "auto", + "display": "inline", + "height": "auto", + "inline-size": "auto", + "perspective-origin": "0px 0px", + "transform-origin": "0px 0px", + "width": "auto", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "TIME", + "textContent": "", + "attributes": { + "property": "dateModified" + }, + "computedStyles": { + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "YYYY-MM-DD", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "TIME", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "DD", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "DL", + "nodeType": 1 + } + } + ], + "parent": null, + "html": "
Date modified:
" + }, + "gcds": { + "nodeType": 1, + "nodeName": "GCDS-DATE-MODIFIED", + "textContent": "", + "attributes": { + "class": "hydrated" + }, + "computedStyles": { + "block-size": "23px", + "display": "block", + "height": "23px", + "inline-size": "555px", + "perspective-origin": "277.5px 11.5px", + "transform-origin": "277.5px 11.5px", + "visibility": "visible", + "width": "555px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "YYYY-MM-DD", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "GCDS-DATE-MODIFIED", + "nodeType": 1 + } + } + ], + "parent": null, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "DL", + "textContent": "", + "attributes": { + "class": "gcds-date-modified" + }, + "computedStyles": { + "block-size": "23px", + "box-sizing": "content-box", + "height": "23px", + "inline-size": "555px", + "margin-block-end": "15px", + "margin-block-start": "30px", + "margin-bottom": "15px", + "margin-top": "30px", + "perspective-origin": "277.5px 11.5px", + "transform-origin": "277.5px 11.5px", + "width": "555px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "DT", + "textContent": "", + "attributes": {}, + "computedStyles": { + "block-size": "auto", + "box-sizing": "content-box", + "display": "inline", + "font-weight": "400", + "height": "auto", + "inline-size": "auto", + "margin-block-end": "0px", + "margin-bottom": "0px", + "perspective-origin": "0px 0px", + "transform-origin": "0px 0px", + "width": "auto", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "GCDS-TEXT", + "textContent": "", + "attributes": { + "margin-bottom": "0", + "class": "d-inline hydrated" + }, + "computedStyles": { + "box-sizing": "content-box", + "visibility": "visible", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Date modified:", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "GCDS-TEXT", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "DT", + "nodeType": 1 + }, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "P", + "textContent": "", + "attributes": { + "class": "gcds-text role-primary limit mt-0 mb-0", + "part": "text" + }, + "computedStyles": { + "block-size": "auto", + "display": "inline", + "font-size": "10px", + "height": "auto", + "inline-size": "auto", + "line-height": "15px", + "margin-block-end": "0px", + "margin-bottom": "0px", + "max-inline-size": "358.008px", + "max-width": "358.008px", + "perspective-origin": "0px 0px", + "transform-origin": "0px 0px", + "width": "auto", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SLOT", + "textContent": "", + "attributes": {}, + "computedStyles": { + "box-sizing": "content-box", + "display": "inline", + "font-size": "10px", + "line-height": "15px", + "perspective-origin": "0px 0px", + "transform-origin": "0px 0px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "P", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-TEXT", + "nodeType": 1 + } + } + ] + } + ], + "parent": { + "nodeName": "DL", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "DD", + "textContent": "", + "attributes": {}, + "computedStyles": { + "block-size": "auto", + "box-sizing": "content-box", + "display": "inline", + "height": "auto", + "inline-size": "auto", + "margin-block-end": "0px", + "margin-bottom": "0px", + "margin-inline-start": "1.875px", + "margin-left": "1.875px", + "perspective-origin": "0px 0px", + "transform-origin": "0px 0px", + "width": "auto", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "GCDS-TEXT", + "textContent": "", + "attributes": { + "margin-bottom": "0", + "class": "d-inline hydrated" + }, + "computedStyles": { + "box-sizing": "content-box", + "visibility": "visible", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "TIME", + "textContent": "", + "attributes": {}, + "computedStyles": { + "box-sizing": "content-box", + "font-size": "10px", + "line-height": "15px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SLOT", + "textContent": "", + "attributes": {}, + "computedStyles": { + "box-sizing": "content-box", + "display": "inline", + "font-size": "10px", + "line-height": "15px", + "perspective-origin": "0px 0px", + "transform-origin": "0px 0px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "TIME", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-TEXT", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "DD", + "nodeType": 1 + }, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "P", + "textContent": "", + "attributes": { + "class": "gcds-text role-primary limit mt-0 mb-0", + "part": "text" + }, + "computedStyles": { + "block-size": "auto", + "display": "inline", + "font-size": "10px", + "height": "auto", + "inline-size": "auto", + "line-height": "15px", + "margin-block-end": "0px", + "margin-bottom": "0px", + "max-inline-size": "358.008px", + "max-width": "358.008px", + "perspective-origin": "0px 0px", + "transform-origin": "0px 0px", + "width": "auto", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SLOT", + "textContent": "", + "attributes": {}, + "computedStyles": { + "box-sizing": "content-box", + "display": "inline", + "font-size": "10px", + "line-height": "15px", + "perspective-origin": "0px 0px", + "transform-origin": "0px 0px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "P", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-TEXT", + "nodeType": 1 + } + } + ] + } + ], + "parent": { + "nodeName": "DL", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-DATE-MODIFIED", + "nodeType": 1 + } + } + ], + "html": "YYYY-MM-DD" + } +} \ No newline at end of file diff --git a/_data/language-toggle.json b/_data/language-toggle.json new file mode 100644 index 0000000..37c4519 --- /dev/null +++ b/_data/language-toggle.json @@ -0,0 +1,792 @@ +{ + "gcweb": { + "nodeType": 1, + "nodeName": "SECTION", + "textContent": "", + "attributes": { + "id": "wb-lng", + "class": "col-xs-3 col-sm-12 pull-right text-right" + }, + "computedStyles": { + "block-size": "38.5px", + "bottom": "0px", + "float": "right", + "height": "38.5px", + "inline-size": "138.75px", + "inset-block-end": "0px", + "inset-block-start": "0px", + "inset-inline-end": "0px", + "inset-inline-start": "0px", + "left": "0px", + "min-block-size": "1px", + "min-height": "1px", + "padding-block-start": "10px", + "padding-inline-end": "15px", + "padding-inline-start": "15px", + "padding-left": "15px", + "padding-right": "15px", + "padding-top": "10px", + "perspective-origin": "69.375px 19.25px", + "position": "relative", + "right": "0px", + "text-align": "right", + "top": "0px", + "transform-origin": "69.375px 19.25px", + "width": "138.75px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "H2", + "textContent": "", + "attributes": { + "class": "wb-inv" + }, + "computedStyles": { + "block-size": "1px", + "bottom": "27.5px", + "clip": "rect(1px, 1px, 1px, 1px)", + "font-size": "25.6px", + "height": "1px", + "inline-size": "1px", + "inset-block-end": "27.5px", + "inset-block-start": "10px", + "inset-inline-end": "122.75px", + "inset-inline-start": "15px", + "left": "15px", + "line-height": "28.16px", + "margin-block-end": "0px", + "margin-block-start": "0px", + "margin-bottom": "0px", + "margin-top": "0px", + "overflow-x": "hidden", + "overflow-y": "hidden", + "perspective-origin": "0.5px 0.5px", + "position": "absolute", + "right": "122.75px", + "text-align": "right", + "top": "10px", + "transform-origin": "0.5px 0.5px", + "width": "1px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Language selection", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "H2", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "SECTION", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "UL", + "textContent": "", + "attributes": { + "class": "list-inline mrgn-bttm-0" + }, + "computedStyles": { + "block-size": "28.5px", + "height": "28.5px", + "inline-size": "113.75px", + "list-style-type": "none", + "margin-block-end": "0px", + "margin-bottom": "0px", + "margin-inline-start": "-5px", + "margin-left": "-5px", + "padding-inline-start": "0px", + "padding-left": "0px", + "perspective-origin": "56.875px 14.25px", + "text-align": "right", + "transform-origin": "56.875px 14.25px", + "width": "113.75px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "LI", + "textContent": "", + "attributes": {}, + "computedStyles": { + "block-size": "26.1172px", + "display": "inline-block", + "height": "26.1172px", + "inline-size": "28.3594px", + "list-style-type": "none", + "padding-inline-start": "5px", + "padding-left": "5px", + "perspective-origin": "14.1797px 13.0547px", + "text-align": "right", + "transform-origin": "14.1797px 13.0586px", + "width": "28.3594px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "A", + "textContent": "", + "attributes": { + "lang": "fr", + "hreflang": "fr", + "href": "#" + }, + "computedStyles": { + "border-block-end-color": "rgb(40, 65, 98)", + "border-block-start-color": "rgb(40, 65, 98)", + "border-bottom-color": "rgb(40, 65, 98)", + "border-inline-end-color": "rgb(40, 65, 98)", + "border-inline-start-color": "rgb(40, 65, 98)", + "border-left-color": "rgb(40, 65, 98)", + "border-right-color": "rgb(40, 65, 98)", + "border-top-color": "rgb(40, 65, 98)", + "caret-color": "rgb(40, 65, 98)", + "color": "rgb(40, 65, 98)", + "column-rule-color": "rgb(40, 65, 98)", + "cursor": "pointer", + "list-style-type": "none", + "outline-color": "rgb(40, 65, 98)", + "text-align": "right", + "text-decoration": "underline solid rgb(40, 65, 98)", + "text-decoration-color": "rgb(40, 65, 98)", + "text-decoration-line": "underline", + "text-emphasis-color": "rgb(40, 65, 98)", + "-webkit-locale": "\"fr\"", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(40, 65, 98)", + "-webkit-text-stroke-color": "rgb(40, 65, 98)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SPAN", + "textContent": "", + "attributes": { + "class": "hidden-xs", + "translate": "no" + }, + "computedStyles": { + "border-block-end-color": "rgb(40, 65, 98)", + "border-block-start-color": "rgb(40, 65, 98)", + "border-bottom-color": "rgb(40, 65, 98)", + "border-inline-end-color": "rgb(40, 65, 98)", + "border-inline-start-color": "rgb(40, 65, 98)", + "border-left-color": "rgb(40, 65, 98)", + "border-right-color": "rgb(40, 65, 98)", + "border-top-color": "rgb(40, 65, 98)", + "caret-color": "rgb(40, 65, 98)", + "color": "rgb(40, 65, 98)", + "column-rule-color": "rgb(40, 65, 98)", + "cursor": "pointer", + "display": "none", + "list-style-type": "none", + "outline-color": "rgb(40, 65, 98)", + "perspective-origin": "50% 50%", + "text-align": "right", + "text-decoration": "none solid rgb(40, 65, 98)", + "text-decoration-color": "rgb(40, 65, 98)", + "text-emphasis-color": "rgb(40, 65, 98)", + "transform-origin": "50% 50%", + "-webkit-locale": "\"fr\"", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(40, 65, 98)", + "-webkit-text-stroke-color": "rgb(40, 65, 98)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Français", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "SPAN", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "A", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "ABBR", + "textContent": "", + "attributes": { + "title": "Français", + "translate": "no", + "class": "visible-xs h3 mrgn-tp-sm mrgn-bttm-0 text-uppercase" + }, + "computedStyles": { + "block-size": "21.1172px", + "border-block-end-color": "rgb(40, 65, 98)", + "border-block-start-color": "rgb(40, 65, 98)", + "border-bottom-color": "rgb(40, 65, 98)", + "border-inline-end-color": "rgb(40, 65, 98)", + "border-inline-start-color": "rgb(40, 65, 98)", + "border-left-color": "rgb(40, 65, 98)", + "border-right-color": "rgb(40, 65, 98)", + "border-top-color": "rgb(40, 65, 98)", + "caret-color": "rgb(40, 65, 98)", + "color": "rgb(40, 65, 98)", + "column-rule-color": "rgb(40, 65, 98)", + "cursor": "help", + "display": "block", + "font-family": "Lato, sans-serif", + "font-size": "19.2px", + "font-variant": "no-common-ligatures", + "font-variant-ligatures": "no-common-ligatures", + "font-weight": "700", + "height": "21.1172px", + "inline-size": "23.3594px", + "line-height": "21.12px", + "list-style-type": "none", + "margin-block-start": "5px", + "margin-top": "5px", + "outline-color": "rgb(40, 65, 98)", + "perspective-origin": "11.6797px 10.5547px", + "text-align": "right", + "text-decoration": "underline dotted rgb(40, 65, 98)", + "text-decoration-color": "rgb(40, 65, 98)", + "text-decoration-line": "underline", + "text-decoration-skip-ink": "none", + "text-decoration-style": "dotted", + "text-emphasis-color": "rgb(40, 65, 98)", + "text-transform": "uppercase", + "transform-origin": "11.6797px 10.5586px", + "width": "23.3594px", + "-webkit-locale": "\"fr\"", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(40, 65, 98)", + "-webkit-text-stroke-color": "rgb(40, 65, 98)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "fr", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "ABBR", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "A", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "LI", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "UL", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "SECTION", + "nodeType": 1 + } + } + ], + "parent": null, + "html": "

Language selection

" + }, + "gcds": { + "nodeType": 1, + "nodeName": "GCDS-LANG-TOGGLE", + "textContent": "", + "attributes": { + "href": "#", + "class": "hydrated" + }, + "computedStyles": { + "block-size": "24px", + "display": "block", + "height": "24px", + "inline-size": "555px", + "perspective-origin": "277.5px 12px", + "transform-origin": "277.5px 12px", + "visibility": "visible", + "width": "555px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": null, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "DIV", + "textContent": "", + "attributes": { + "class": "gcds-lang-toggle" + }, + "computedStyles": { + "block-size": "24px", + "box-sizing": "content-box", + "height": "24px", + "inline-size": "555px", + "perspective-origin": "277.5px 12px", + "transform-origin": "277.5px 12px", + "width": "555px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "GCDS-SR-ONLY", + "textContent": "", + "attributes": { + "id": "lang-toggle__heading", + "class": "hydrated" + }, + "computedStyles": { + "block-size": "0px", + "box-sizing": "content-box", + "display": "inline-block", + "height": "0px", + "inline-size": "0px", + "overflow-x": "hidden", + "overflow-y": "hidden", + "visibility": "visible", + "width": "0px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Language selection", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "GCDS-SR-ONLY", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "DIV", + "nodeType": 1 + }, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "H2", + "textContent": "", + "attributes": {}, + "computedStyles": { + "block-size": "69px", + "box-sizing": "content-box", + "font-family": "\"Noto Sans\", sans-serif", + "font-size": "24px", + "font-variant": "normal", + "font-variant-ligatures": "normal", + "height": "69px", + "inline-size": "0px", + "line-height": "34.5px", + "margin-block-end": "19.92px", + "margin-block-start": "19.92px", + "margin-bottom": "19.92px", + "margin-top": "19.92px", + "perspective-origin": "0px 34.5px", + "transform-origin": "0px 34.5px", + "width": "0px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SLOT", + "textContent": "", + "attributes": {}, + "computedStyles": { + "box-sizing": "content-box", + "display": "inline", + "font-size": "24px", + "font-weight": "700", + "line-height": "34.5px", + "perspective-origin": "0px 0px", + "transform-origin": "0px 0px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "H2", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-SR-ONLY", + "nodeType": 1 + } + } + ] + }, + { + "nodeType": 1, + "nodeName": "GCDS-LINK", + "textContent": "", + "attributes": { + "lang": "fr", + "class": "hydrated" + }, + "computedStyles": { + "block-size": "24px", + "box-sizing": "content-box", + "display": "inline-block", + "height": "24px", + "inline-size": "36.2578px", + "perspective-origin": "18.125px 12px", + "transform-origin": "18.1289px 12px", + "visibility": "visible", + "width": "36.2578px", + "-webkit-locale": "\"fr\"" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SPAN", + "textContent": "", + "attributes": {}, + "computedStyles": { + "border-block-end-color": "rgb(43, 67, 128)", + "border-block-start-color": "rgb(43, 67, 128)", + "border-bottom-color": "rgb(43, 67, 128)", + "border-inline-end-color": "rgb(43, 67, 128)", + "border-inline-start-color": "rgb(43, 67, 128)", + "border-left-color": "rgb(43, 67, 128)", + "border-right-color": "rgb(43, 67, 128)", + "border-top-color": "rgb(43, 67, 128)", + "box-sizing": "content-box", + "caret-color": "rgb(43, 67, 128)", + "color": "rgb(43, 67, 128)", + "column-rule-color": "rgb(43, 67, 128)", + "cursor": "pointer", + "display": "none", + "line-height": "24px", + "outline-color": "rgb(43, 67, 128)", + "perspective-origin": "50% 50%", + "text-decoration": "none solid rgb(43, 67, 128)", + "text-decoration-color": "rgb(43, 67, 128)", + "text-emphasis-color": "rgb(43, 67, 128)", + "transform-origin": "50% 50%", + "-webkit-locale": "\"fr\"", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(43, 67, 128)", + "-webkit-text-stroke-color": "rgb(43, 67, 128)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Français", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "SPAN", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-LINK", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "ABBR", + "textContent": "", + "attributes": { + "title": "Français" + }, + "computedStyles": { + "border-block-end-color": "rgb(43, 67, 128)", + "border-block-start-color": "rgb(43, 67, 128)", + "border-bottom-color": "rgb(43, 67, 128)", + "border-inline-end-color": "rgb(43, 67, 128)", + "border-inline-start-color": "rgb(43, 67, 128)", + "border-left-color": "rgb(43, 67, 128)", + "border-right-color": "rgb(43, 67, 128)", + "border-top-color": "rgb(43, 67, 128)", + "box-sizing": "content-box", + "caret-color": "rgb(43, 67, 128)", + "color": "rgb(43, 67, 128)", + "column-rule-color": "rgb(43, 67, 128)", + "cursor": "pointer", + "line-height": "24px", + "outline-color": "rgb(43, 67, 128)", + "text-decoration": "none solid rgb(43, 67, 128)", + "text-decoration-color": "rgb(43, 67, 128)", + "text-emphasis-color": "rgb(43, 67, 128)", + "text-transform": "uppercase", + "-webkit-locale": "\"fr\"", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(43, 67, 128)", + "-webkit-text-stroke-color": "rgb(43, 67, 128)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "fr", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "ABBR", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-LINK", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "DIV", + "nodeType": 1 + }, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "A", + "textContent": "", + "attributes": { + "role": "link", + "tabindex": "0", + "href": "#", + "target": "_self", + "class": "gcds-link link--regular", + "part": "link" + }, + "computedStyles": { + "border-block-end-color": "rgb(43, 67, 128)", + "border-block-start-color": "rgb(43, 67, 128)", + "border-bottom-color": "rgb(43, 67, 128)", + "border-inline-end-color": "rgb(43, 67, 128)", + "border-inline-start-color": "rgb(43, 67, 128)", + "border-left-color": "rgb(43, 67, 128)", + "border-right-color": "rgb(43, 67, 128)", + "border-top-color": "rgb(43, 67, 128)", + "box-sizing": "content-box", + "caret-color": "rgb(43, 67, 128)", + "color": "rgb(43, 67, 128)", + "column-rule-color": "rgb(43, 67, 128)", + "cursor": "pointer", + "line-height": "24px", + "outline-color": "rgb(43, 67, 128)", + "padding-block-end": "9px", + "padding-block-start": "9px", + "padding-bottom": "9px", + "padding-inline-end": "9px", + "padding-inline-start": "9px", + "padding-left": "9px", + "padding-right": "9px", + "padding-top": "9px", + "text-decoration": "underline 1px solid rgb(43, 67, 128)", + "text-decoration-color": "rgb(43, 67, 128)", + "text-decoration-line": "underline", + "text-emphasis-color": "rgb(43, 67, 128)", + "transition-duration": "0.35s", + "-webkit-locale": "\"fr\"", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(43, 67, 128)", + "-webkit-text-stroke-color": "rgb(43, 67, 128)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SLOT", + "textContent": "", + "attributes": {}, + "computedStyles": { + "border-block-end-color": "rgb(43, 67, 128)", + "border-block-start-color": "rgb(43, 67, 128)", + "border-bottom-color": "rgb(43, 67, 128)", + "border-inline-end-color": "rgb(43, 67, 128)", + "border-inline-start-color": "rgb(43, 67, 128)", + "border-left-color": "rgb(43, 67, 128)", + "border-right-color": "rgb(43, 67, 128)", + "border-top-color": "rgb(43, 67, 128)", + "box-sizing": "content-box", + "caret-color": "rgb(43, 67, 128)", + "color": "rgb(43, 67, 128)", + "column-rule-color": "rgb(43, 67, 128)", + "cursor": "pointer", + "display": "inline", + "line-height": "24px", + "outline-color": "rgb(43, 67, 128)", + "perspective-origin": "0px 0px", + "text-decoration": "none solid rgb(43, 67, 128)", + "text-decoration-color": "rgb(43, 67, 128)", + "text-emphasis-color": "rgb(43, 67, 128)", + "transform-origin": "0px 0px", + "-webkit-locale": "\"fr\"", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(43, 67, 128)", + "-webkit-text-stroke-color": "rgb(43, 67, 128)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "A", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-LINK", + "nodeType": 1 + } + } + ] + } + ], + "parent": { + "nodeName": "GCDS-LANG-TOGGLE", + "nodeType": 1 + } + } + ], + "html": "" + } +} \ No newline at end of file diff --git a/_data/locales/side-by-side.yml b/_data/locales/side-by-side.yml index b522482..ae400ca 100644 --- a/_data/locales/side-by-side.yml +++ b/_data/locales/side-by-side.yml @@ -45,4 +45,10 @@ contains: fr: Contient css-info: en: CSS computed info - fr: Informations calculées CSS \ No newline at end of file + fr: Informations calculées CSS +zenhub-ticket: + en: ZenHub issue + fr: Ticket ZenHub +alignment: + en: Alignment + fr: Alignement diff --git a/_data/search.json b/_data/search.json new file mode 100644 index 0000000..c1a6e97 --- /dev/null +++ b/_data/search.json @@ -0,0 +1,1311 @@ +{ + "gcweb": { + "nodeType": 1, + "nodeName": "SECTION", + "textContent": "", + "attributes": { + "id": "wb-srch", + "class": "col-lg-offset-4 col-md-offset-4 col-sm-offset-2 col-sm-5 col-md-4" + }, + "computedStyles": { + "block-size": "53px", + "bottom": "0px", + "height": "53px", + "inline-size": "555px", + "inset-block-end": "0px", + "inset-block-start": "0px", + "inset-inline-end": "0px", + "inset-inline-start": "0px", + "left": "0px", + "min-block-size": "1px", + "min-height": "1px", + "padding-block-start": "16px", + "padding-inline-end": "15px", + "padding-inline-start": "15px", + "padding-left": "15px", + "padding-right": "15px", + "padding-top": "16px", + "perspective-origin": "277.5px 26.5px", + "position": "relative", + "right": "0px", + "top": "0px", + "transform-origin": "277.5px 26.5px", + "width": "555px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "H2", + "textContent": "", + "attributes": {}, + "computedStyles": { + "block-size": "1px", + "bottom": "36px", + "clip": "rect(1px, 1px, 1px, 1px)", + "font-size": "25.6px", + "height": "1px", + "inline-size": "1px", + "inset-block-end": "36px", + "inset-block-start": "16px", + "inset-inline-end": "539px", + "inset-inline-start": "15px", + "left": "15px", + "line-height": "28.16px", + "margin-block-end": "0px", + "margin-block-start": "0px", + "margin-bottom": "0px", + "margin-top": "0px", + "overflow-x": "hidden", + "overflow-y": "hidden", + "perspective-origin": "0.5px 0.5px", + "position": "absolute", + "right": "539px", + "top": "16px", + "transform-origin": "0.5px 0.5px", + "width": "1px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Search", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "H2", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "SECTION", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "FORM", + "textContent": "", + "attributes": { + "action": "https://www.canada.ca/en/sr/srb.html", + "name": "cse-search-box", + "role": "search" + }, + "computedStyles": { + "block-size": "37px", + "height": "37px", + "inline-size": "525px", + "perspective-origin": "262.5px 18.5px", + "transform-origin": "262.5px 18.5px", + "width": "525px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "DIV", + "textContent": "", + "attributes": { + "class": "form-group wb-srch-qry" + }, + "computedStyles": { + "block-size": "37px", + "height": "37px", + "inline-size": "525px", + "margin-block-end": "15px", + "margin-bottom": "15px", + "perspective-origin": "262.5px 18.5px", + "transform-origin": "262.5px 18.5px", + "width": "525px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "LABEL", + "textContent": "", + "attributes": { + "for": "wb-srch-q", + "class": "wb-inv" + }, + "computedStyles": { + "block-size": "1px", + "bottom": "36px", + "clip": "rect(1px, 1px, 1px, 1px)", + "display": "block", + "height": "1px", + "inline-size": "1px", + "inset-block-end": "36px", + "inset-block-start": "16px", + "inset-inline-end": "539px", + "inset-inline-start": "15px", + "left": "15px", + "margin-block-end": "0px", + "margin-bottom": "0px", + "overflow-x": "hidden", + "overflow-y": "hidden", + "perspective-origin": "0.5px 0.5px", + "position": "absolute", + "right": "539px", + "top": "16px", + "transform-origin": "0.5px 0.5px", + "width": "1px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Search Canada.ca", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "LABEL", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "DIV", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "INPUT", + "textContent": "", + "attributes": { + "id": "wb-srch-q", + "list": "wb-srch-q-ac", + "class": "wb-srch-q form-control", + "name": "q", + "type": "search", + "value": "", + "size": "34", + "maxlength": "170", + "placeholder": "Search Canada.ca" + }, + "computedStyles": { + "appearance": "none", + "block-size": "37px", + "border-block-end-color": "rgb(224, 224, 224)", + "border-block-end-style": "solid", + "border-block-end-width": "1px", + "border-block-start-color": "rgb(224, 224, 224)", + "border-block-start-style": "solid", + "border-block-start-width": "1px", + "border-bottom-color": "rgb(224, 224, 224)", + "border-bottom-style": "solid", + "border-bottom-width": "1px", + "border-inline-end-color": "rgb(224, 224, 224)", + "border-inline-end-style": "solid", + "border-inline-end-width": "1px", + "border-inline-start-color": "rgb(224, 224, 224)", + "border-inline-start-style": "solid", + "border-inline-start-width": "1px", + "border-left-color": "rgb(224, 224, 224)", + "border-left-style": "solid", + "border-left-width": "1px", + "border-right-color": "rgb(224, 224, 224)", + "border-right-style": "solid", + "border-right-width": "1px", + "border-top-color": "rgb(224, 224, 224)", + "border-top-style": "solid", + "border-top-width": "1px", + "bottom": "0px", + "caret-color": "rgb(92, 92, 92)", + "color": "rgb(92, 92, 92)", + "column-rule-color": "rgb(92, 92, 92)", + "display": "block", + "height": "37px", + "inline-size": "525px", + "inset-block-end": "0px", + "inset-block-start": "0px", + "inset-inline-end": "0px", + "inset-inline-start": "0px", + "left": "0px", + "min-block-size": "37px", + "min-height": "37px", + "outline-color": "rgb(92, 92, 92)", + "padding-block-end": "6px", + "padding-block-start": "6px", + "padding-bottom": "6px", + "padding-inline-end": "12px", + "padding-inline-start": "12px", + "padding-left": "12px", + "padding-right": "12px", + "padding-top": "6px", + "perspective-origin": "262.5px 18.5px", + "position": "relative", + "right": "0px", + "text-decoration": "none solid rgb(92, 92, 92)", + "text-decoration-color": "rgb(92, 92, 92)", + "text-emphasis-color": "rgb(92, 92, 92)", + "top": "0px", + "transform-origin": "262.5px 18.5px", + "transition-behavior": "normal, normal, normal", + "transition-delay": "0s, 0s, 0s", + "transition-duration": "0.15s, 0.15s, 0.15s", + "transition-property": "border-color, box-shadow, -webkit-box-shadow", + "transition-timing-function": "ease-in-out, ease-in-out, ease-in-out", + "width": "525px", + "-webkit-locale": "auto", + "-webkit-text-fill-color": "rgb(92, 92, 92)", + "-webkit-text-stroke-color": "rgb(92, 92, 92)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "DIV", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "DATALIST", + "textContent": "", + "attributes": { + "id": "wb-srch-q-ac" + }, + "computedStyles": { + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "DIV", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "FORM", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "DIV", + "textContent": "", + "attributes": { + "class": "form-group submit", + "style": "top: 1.25em" + }, + "computedStyles": { + "block-size": "36px", + "bottom": "-18px", + "height": "36px", + "inline-size": "46px", + "inset-block-end": "-18px", + "inset-block-start": "20px", + "inset-inline-end": "15px", + "inset-inline-start": "494px", + "left": "494px", + "margin-block-end": "15px", + "margin-bottom": "15px", + "perspective-origin": "23px 18px", + "position": "absolute", + "right": "15px", + "top": "20px", + "transform-origin": "23px 18px", + "width": "46px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "BUTTON", + "textContent": "", + "attributes": { + "type": "submit", + "id": "wb-srch-sub", + "class": "btn btn-primary btn-small", + "name": "wb-srch-sub" + }, + "computedStyles": { + "background-color": "rgb(38, 55, 74)", + "block-size": "36px", + "border-block-end-color": "rgb(38, 55, 74)", + "border-block-end-style": "solid", + "border-block-end-width": "1px", + "border-block-start-color": "rgb(255, 255, 255)", + "border-block-start-style": "none", + "border-block-start-width": "0px", + "border-bottom-color": "rgb(38, 55, 74)", + "border-bottom-style": "solid", + "border-bottom-width": "1px", + "border-inline-end-color": "rgb(255, 255, 255)", + "border-inline-end-style": "none", + "border-inline-end-width": "0px", + "border-inline-start-color": "rgb(255, 255, 255)", + "border-inline-start-style": "none", + "border-inline-start-width": "0px", + "border-left-color": "rgb(255, 255, 255)", + "border-left-style": "none", + "border-left-width": "0px", + "border-right-color": "rgb(255, 255, 255)", + "border-right-style": "none", + "border-right-width": "0px", + "border-top-color": "rgb(255, 255, 255)", + "border-top-style": "none", + "border-top-width": "0px", + "caret-color": "rgb(255, 255, 255)", + "color": "rgb(255, 255, 255)", + "column-rule-color": "rgb(255, 255, 255)", + "font-family": "Lato, sans-serif", + "font-size": "17px", + "height": "36px", + "inline-size": "41px", + "margin-inline-start": "5px", + "margin-left": "5px", + "min-block-size": "36px", + "min-height": "36px", + "min-inline-size": "36px", + "min-width": "36px", + "outline-color": "rgb(255, 255, 255)", + "padding-block-end": "6px", + "padding-block-start": "6px", + "padding-bottom": "6px", + "padding-inline-end": "12px", + "padding-inline-start": "12px", + "padding-left": "12px", + "padding-right": "12px", + "padding-top": "6px", + "perspective-origin": "20.5px 18px", + "text-decoration": "none solid rgb(255, 255, 255)", + "text-decoration-color": "rgb(255, 255, 255)", + "text-emphasis-color": "rgb(255, 255, 255)", + "touch-action": "manipulation", + "transform-origin": "20.5px 18px", + "user-select": "none", + "vertical-align": "middle", + "width": "41px", + "-webkit-locale": "auto", + "-webkit-text-fill-color": "rgb(255, 255, 255)", + "-webkit-text-stroke-color": "rgb(255, 255, 255)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SPAN", + "textContent": "", + "attributes": { + "class": "glyphicon-search glyphicon" + }, + "computedStyles": { + "block-size": "17px", + "border-block-end-color": "rgb(255, 255, 255)", + "border-block-start-color": "rgb(255, 255, 255)", + "border-bottom-color": "rgb(255, 255, 255)", + "border-inline-end-color": "rgb(255, 255, 255)", + "border-inline-start-color": "rgb(255, 255, 255)", + "border-left-color": "rgb(255, 255, 255)", + "border-right-color": "rgb(255, 255, 255)", + "border-top-color": "rgb(255, 255, 255)", + "bottom": "0px", + "caret-color": "rgb(255, 255, 255)", + "color": "rgb(255, 255, 255)", + "column-rule-color": "rgb(255, 255, 255)", + "cursor": "pointer", + "display": "inline-block", + "font-family": "\"Glyphicons Halflings\"", + "font-size": "17px", + "height": "17px", + "inline-size": "17px", + "inset-block-end": "0px", + "inset-block-start": "0px", + "inset-inline-end": "0px", + "inset-inline-start": "0px", + "left": "0px", + "line-height": "17px", + "outline-color": "rgb(255, 255, 255)", + "perspective-origin": "8.5px 8.5px", + "position": "relative", + "right": "0px", + "text-align": "center", + "text-decoration": "none solid rgb(255, 255, 255)", + "text-decoration-color": "rgb(255, 255, 255)", + "text-emphasis-color": "rgb(255, 255, 255)", + "text-rendering": "auto", + "top": "0px", + "transform-origin": "8.5px 8.5px", + "user-select": "none", + "vertical-align": "middle", + "width": "17px", + "-webkit-locale": "auto", + "-webkit-text-fill-color": "rgb(255, 255, 255)", + "-webkit-text-stroke-color": "rgb(255, 255, 255)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "BUTTON", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "SPAN", + "textContent": "", + "attributes": { + "class": "wb-inv" + }, + "computedStyles": { + "block-size": "1px", + "border-block-end-color": "rgb(255, 255, 255)", + "border-block-start-color": "rgb(255, 255, 255)", + "border-bottom-color": "rgb(255, 255, 255)", + "border-inline-end-color": "rgb(255, 255, 255)", + "border-inline-start-color": "rgb(255, 255, 255)", + "border-left-color": "rgb(255, 255, 255)", + "border-right-color": "rgb(255, 255, 255)", + "border-top-color": "rgb(255, 255, 255)", + "bottom": "29px", + "caret-color": "rgb(255, 255, 255)", + "clip": "rect(1px, 1px, 1px, 1px)", + "color": "rgb(255, 255, 255)", + "column-rule-color": "rgb(255, 255, 255)", + "cursor": "pointer", + "display": "block", + "font-family": "Lato, sans-serif", + "font-size": "17px", + "height": "1px", + "inline-size": "1px", + "inset-block-end": "29px", + "inset-block-start": "6px", + "inset-inline-end": "11px", + "inset-inline-start": "34px", + "left": "34px", + "outline-color": "rgb(255, 255, 255)", + "overflow-x": "hidden", + "overflow-y": "hidden", + "perspective-origin": "0.5px 0.5px", + "position": "absolute", + "right": "11px", + "text-align": "center", + "text-decoration": "none solid rgb(255, 255, 255)", + "text-decoration-color": "rgb(255, 255, 255)", + "text-emphasis-color": "rgb(255, 255, 255)", + "text-rendering": "auto", + "top": "6px", + "transform-origin": "0.5px 0.5px", + "user-select": "none", + "width": "1px", + "-webkit-locale": "auto", + "-webkit-text-fill-color": "rgb(255, 255, 255)", + "-webkit-text-stroke-color": "rgb(255, 255, 255)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Search", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "SPAN", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "BUTTON", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "DIV", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "FORM", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "SECTION", + "nodeType": 1 + } + } + ], + "parent": null, + "html": "

Search

" + }, + "gcds": { + "nodeType": 1, + "nodeName": "GCDS-SEARCH", + "textContent": "", + "attributes": { + "class": "hydrated" + }, + "computedStyles": { + "block-size": "75px", + "display": "block", + "height": "75px", + "inline-size": "555px", + "perspective-origin": "277.5px 37.5px", + "transform-origin": "277.5px 37.5px", + "visibility": "visible", + "width": "555px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": null, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "DIV", + "textContent": "", + "attributes": { + "class": "gcds-search" + }, + "computedStyles": { + "block-size": "75px", + "box-sizing": "content-box", + "height": "75px", + "inline-size": "555px", + "perspective-origin": "277.5px 37.5px", + "transform-origin": "277.5px 37.5px", + "width": "555px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "GCDS-SR-ONLY", + "textContent": "", + "attributes": { + "class": "hydrated" + }, + "computedStyles": { + "block-size": "0px", + "box-sizing": "content-box", + "display": "inline-block", + "height": "0px", + "inline-size": "0px", + "overflow-x": "hidden", + "overflow-y": "hidden", + "visibility": "visible", + "width": "0px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Search", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "GCDS-SR-ONLY", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "DIV", + "nodeType": 1 + }, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "H2", + "textContent": "", + "attributes": {}, + "computedStyles": { + "block-size": "34.5px", + "box-sizing": "content-box", + "font-family": "\"Noto Sans\", sans-serif", + "font-size": "24px", + "font-variant": "normal", + "font-variant-ligatures": "normal", + "height": "34.5px", + "inline-size": "0px", + "line-height": "34.5px", + "margin-block-end": "19.92px", + "margin-block-start": "19.92px", + "margin-bottom": "19.92px", + "margin-top": "19.92px", + "perspective-origin": "0px 17.25px", + "transform-origin": "0px 17.25px", + "width": "0px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SLOT", + "textContent": "", + "attributes": {}, + "computedStyles": { + "box-sizing": "content-box", + "display": "inline", + "font-size": "24px", + "font-weight": "700", + "line-height": "34.5px", + "perspective-origin": "0px 0px", + "transform-origin": "0px 0px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "H2", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-SR-ONLY", + "nodeType": 1 + } + } + ] + }, + { + "nodeType": 1, + "nodeName": "FORM", + "textContent": "", + "attributes": { + "action": "https://www.canada.ca/en/sr/srb.html", + "method": "get", + "role": "search", + "class": "gcds-search__form" + }, + "computedStyles": { + "block-size": "52px", + "box-sizing": "content-box", + "display": "flex", + "height": "52px", + "inline-size": "555px", + "margin-block-end": "3px", + "margin-bottom": "3px", + "perspective-origin": "277.5px 26px", + "transform-origin": "277.5px 26px", + "width": "555px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "GCDS-LABEL", + "textContent": "", + "attributes": { + "label-for": "search", + "hide-label": "", + "class": "sc-gcds-label-h sc-gcds-label-s hydrated", + "id": "label-for-search" + }, + "computedStyles": { + "block-size": "52px", + "box-sizing": "content-box", + "display": "block", + "height": "52px", + "inline-size": "0px", + "min-block-size": "auto", + "min-height": "auto", + "min-inline-size": "auto", + "min-width": "auto", + "perspective-origin": "0px 26px", + "transform-origin": "0px 26px", + "visibility": "visible", + "width": "0px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "LABEL", + "textContent": "", + "attributes": { + "for": "search", + "class": "gcds-label label--hidden sc-gcds-label" + }, + "computedStyles": { + "box-sizing": "content-box", + "cursor": "pointer", + "display": "block", + "font-weight": "600", + "line-height": "24px", + "margin-block-end": "6px", + "margin-bottom": "6px", + "opacity": "0", + "overflow-x": "hidden", + "overflow-y": "hidden", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SPAN", + "textContent": "", + "attributes": { + "class": "sc-gcds-label" + }, + "computedStyles": { + "box-sizing": "content-box", + "cursor": "pointer", + "font-weight": "600", + "line-height": "24px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Search Canada.ca", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "SPAN", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "LABEL", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-LABEL", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "FORM", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "INPUT", + "textContent": "", + "attributes": { + "type": "search", + "id": "search", + "list": "search-list", + "size": "34", + "maxlength": "170", + "name": "q", + "placeholder": "Search Canada.ca", + "class": "gcds-search__input" + }, + "computedStyles": { + "block-size": "52px", + "border-block-end-color": "rgb(51, 51, 51)", + "border-block-end-style": "solid", + "border-block-start-color": "rgb(51, 51, 51)", + "border-block-start-style": "solid", + "border-bottom-color": "rgb(51, 51, 51)", + "border-bottom-left-radius": "3px", + "border-bottom-style": "solid", + "border-end-start-radius": "3px", + "border-inline-end-color": "rgb(51, 51, 51)", + "border-inline-end-style": "solid", + "border-inline-start-color": "rgb(51, 51, 51)", + "border-inline-start-style": "solid", + "border-left-color": "rgb(51, 51, 51)", + "border-left-style": "solid", + "border-right-color": "rgb(51, 51, 51)", + "border-right-style": "solid", + "border-start-start-radius": "3px", + "border-top-color": "rgb(51, 51, 51)", + "border-top-left-radius": "3px", + "border-top-style": "solid", + "display": "block", + "font-size": "20px", + "height": "52px", + "inline-size": "503px", + "line-height": "24px", + "min-block-size": "48px", + "min-height": "48px", + "min-inline-size": "auto", + "min-width": "auto", + "padding-block-end": "12px", + "padding-block-start": "12px", + "padding-bottom": "12px", + "padding-inline-end": "12px", + "padding-inline-start": "12px", + "padding-left": "12px", + "padding-right": "12px", + "padding-top": "12px", + "perspective-origin": "251.5px 26px", + "transform-origin": "251.5px 26px", + "transition-behavior": "normal, normal", + "transition-delay": "0s, 0s", + "transition-duration": "0.15s, 0.15s", + "transition-property": "border-color, box-shadow", + "transition-timing-function": "ease-in-out, ease-in-out", + "width": "503px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "FORM", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "GCDS-BUTTON", + "textContent": "", + "attributes": { + "class": "gcds-search__button hydrated", + "exportparts": "button" + }, + "computedStyles": { + "block-size": "52px", + "box-sizing": "content-box", + "display": "block", + "height": "52px", + "inline-size": "52px", + "min-block-size": "auto", + "min-height": "auto", + "min-inline-size": "auto", + "min-width": "auto", + "perspective-origin": "26px 26px", + "transform-origin": "26px 26px", + "visibility": "visible", + "width": "52px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "GCDS-ICON", + "textContent": "", + "attributes": { + "fixed-width": "", + "class": "hydrated" + }, + "computedStyles": { + "border-block-end-color": "rgb(255, 255, 255)", + "border-block-start-color": "rgb(255, 255, 255)", + "border-bottom-color": "rgb(255, 255, 255)", + "border-inline-end-color": "rgb(255, 255, 255)", + "border-inline-start-color": "rgb(255, 255, 255)", + "border-left-color": "rgb(255, 255, 255)", + "border-right-color": "rgb(255, 255, 255)", + "border-top-color": "rgb(255, 255, 255)", + "box-sizing": "content-box", + "caret-color": "rgb(255, 255, 255)", + "color": "rgb(255, 255, 255)", + "column-rule-color": "rgb(255, 255, 255)", + "cursor": "pointer", + "font-size": "20px", + "font-weight": "500", + "line-height": "24px", + "outline-color": "rgb(255, 255, 255)", + "text-align": "center", + "text-decoration": "none solid rgb(255, 255, 255)", + "text-decoration-color": "rgb(255, 255, 255)", + "text-emphasis-color": "rgb(255, 255, 255)", + "text-rendering": "auto", + "text-wrap": "balance", + "visibility": "visible", + "-webkit-locale": "auto", + "-webkit-text-fill-color": "rgb(255, 255, 255)", + "-webkit-text-stroke-color": "rgb(255, 255, 255)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "GCDS-BUTTON", + "nodeType": 1 + }, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "SPAN", + "textContent": "", + "attributes": { + "class": "gcds-icon fa fa-solid fa-search size-text fixed-width", + "role": "img", + "aria-label": "Search", + "aria-hidden": "false" + }, + "computedStyles": { + "block-size": "24px", + "border-block-end-color": "rgb(255, 255, 255)", + "border-block-start-color": "rgb(255, 255, 255)", + "border-bottom-color": "rgb(255, 255, 255)", + "border-inline-end-color": "rgb(255, 255, 255)", + "border-inline-start-color": "rgb(255, 255, 255)", + "border-left-color": "rgb(255, 255, 255)", + "border-right-color": "rgb(255, 255, 255)", + "border-top-color": "rgb(255, 255, 255)", + "box-sizing": "content-box", + "caret-color": "rgb(255, 255, 255)", + "color": "rgb(255, 255, 255)", + "column-rule-color": "rgb(255, 255, 255)", + "cursor": "pointer", + "display": "inline-block", + "font-family": "\"Font Awesome 6 Free\", FontAwesome", + "font-size": "20px", + "font-weight": "900", + "height": "24px", + "inline-size": "24px", + "line-height": "24px", + "outline-color": "rgb(255, 255, 255)", + "perspective-origin": "12px 12px", + "text-align": "center", + "text-decoration": "none solid rgb(255, 255, 255)", + "text-decoration-color": "rgb(255, 255, 255)", + "text-emphasis-color": "rgb(255, 255, 255)", + "text-rendering": "auto", + "text-wrap": "balance", + "transform-origin": "12px 12px", + "width": "24px", + "-webkit-locale": "auto", + "-webkit-text-fill-color": "rgb(255, 255, 255)", + "-webkit-text-stroke-color": "rgb(255, 255, 255)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "GCDS-ICON", + "nodeType": 1 + } + } + ] + } + ], + "parent": { + "nodeName": "FORM", + "nodeType": 1 + }, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "BUTTON", + "textContent": "", + "attributes": { + "type": "submit", + "class": "gcds-button button--role-primary button--regular", + "part": "button" + }, + "computedStyles": { + "appearance": "auto", + "background-color": "rgb(38, 55, 74)", + "block-size": "52px", + "border-block-end-color": "rgba(0, 0, 0, 0)", + "border-block-end-style": "solid", + "border-block-start-color": "rgba(0, 0, 0, 0)", + "border-block-start-style": "solid", + "border-bottom-color": "rgba(0, 0, 0, 0)", + "border-bottom-right-radius": "6px", + "border-bottom-style": "solid", + "border-end-end-radius": "6px", + "border-inline-end-color": "rgba(0, 0, 0, 0)", + "border-inline-end-style": "solid", + "border-inline-start-color": "rgba(0, 0, 0, 0)", + "border-inline-start-style": "solid", + "border-left-color": "rgba(0, 0, 0, 0)", + "border-left-style": "solid", + "border-right-color": "rgba(0, 0, 0, 0)", + "border-right-style": "solid", + "border-start-end-radius": "6px", + "border-top-color": "rgba(0, 0, 0, 0)", + "border-top-right-radius": "6px", + "border-top-style": "solid", + "caret-color": "rgb(255, 255, 255)", + "color": "rgb(255, 255, 255)", + "column-rule-color": "rgb(255, 255, 255)", + "font-size": "20px", + "font-weight": "500", + "height": "52px", + "inline-size": "52px", + "line-height": "24px", + "outline-color": "rgb(255, 255, 255)", + "padding-block-end": "12px", + "padding-block-start": "12px", + "padding-bottom": "12px", + "padding-inline-end": "12px", + "padding-inline-start": "12px", + "padding-left": "12px", + "padding-right": "12px", + "padding-top": "12px", + "perspective-origin": "26px 26px", + "text-decoration": "none solid rgb(255, 255, 255)", + "text-decoration-color": "rgb(255, 255, 255)", + "text-emphasis-color": "rgb(255, 255, 255)", + "text-wrap": "balance", + "transform-origin": "26px 26px", + "transition-duration": "0.15s", + "transition-timing-function": "ease-in-out", + "width": "52px", + "-webkit-locale": "auto", + "-webkit-text-fill-color": "rgb(255, 255, 255)", + "-webkit-text-stroke-color": "rgb(255, 255, 255)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "SLOT", + "textContent": "", + "attributes": {}, + "computedStyles": { + "border-block-end-color": "rgb(255, 255, 255)", + "border-block-start-color": "rgb(255, 255, 255)", + "border-bottom-color": "rgb(255, 255, 255)", + "border-inline-end-color": "rgb(255, 255, 255)", + "border-inline-start-color": "rgb(255, 255, 255)", + "border-left-color": "rgb(255, 255, 255)", + "border-right-color": "rgb(255, 255, 255)", + "border-top-color": "rgb(255, 255, 255)", + "box-sizing": "content-box", + "caret-color": "rgb(255, 255, 255)", + "color": "rgb(255, 255, 255)", + "column-rule-color": "rgb(255, 255, 255)", + "cursor": "pointer", + "display": "inline", + "font-size": "20px", + "font-weight": "500", + "line-height": "24px", + "outline-color": "rgb(255, 255, 255)", + "perspective-origin": "0px 0px", + "text-align": "center", + "text-decoration": "none solid rgb(255, 255, 255)", + "text-decoration-color": "rgb(255, 255, 255)", + "text-emphasis-color": "rgb(255, 255, 255)", + "text-rendering": "auto", + "text-wrap": "balance", + "transform-origin": "0px 0px", + "-webkit-locale": "auto", + "-webkit-text-fill-color": "rgb(255, 255, 255)", + "-webkit-text-stroke-color": "rgb(255, 255, 255)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "BUTTON", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-BUTTON", + "nodeType": 1 + } + } + ] + } + ], + "parent": { + "nodeName": "DIV", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-SEARCH", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "STYLE", + "textContent": "", + "attributes": {}, + "computedStyles": { + "box-sizing": "content-box", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "@layer reset, default;@layer reset{.sc-gcds-label-h{display:block}.sc-gcds-label-h .gcds-label{color:inherit}}@layer default{.sc-gcds-label-h .gcds-label{cursor:pointer;display:block;font:var(--gcds-label-font-desktop);margin:var(--gcds-label-margin)!important;max-width:100%}@media only screen and (width < 48em){.sc-gcds-label-h .gcds-label{font:var(--gcds-label-font-mobile)}}.sc-gcds-label-h .gcds-label.label--hidden{height:0;margin:0;opacity:0;overflow:hidden;width:0}.sc-gcds-label-h .gcds-label .label--required{margin:var(--gcds-label-required-margin)!important}}", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "STYLE", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-SEARCH", + "nodeType": 1 + } + } + ], + "html": "" + } +} \ No newline at end of file diff --git a/_data/signature.json b/_data/signature.json new file mode 100644 index 0000000..bbd282c --- /dev/null +++ b/_data/signature.json @@ -0,0 +1,640 @@ +{ + "gcweb": { + "nodeType": 1, + "nodeName": "DIV", + "textContent": "", + "attributes": { + "class": "brand col-md-8", + "property": "publisher", + "typeof": "GovernmentOrganization" + }, + "computedStyles": { + "block-size": "48.6953px", + "bottom": "0px", + "height": "48.6953px", + "inline-size": "555px", + "inset-block-end": "0px", + "inset-block-start": "0px", + "inset-inline-end": "0px", + "inset-inline-start": "0px", + "left": "0px", + "min-block-size": "1px", + "min-height": "1px", + "padding-inline-end": "15px", + "padding-inline-start": "15px", + "padding-left": "15px", + "padding-right": "15px", + "perspective-origin": "277.5px 24.3438px", + "position": "relative", + "right": "0px", + "top": "0px", + "transform-origin": "277.5px 24.3477px", + "width": "555px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "A", + "textContent": "", + "attributes": { + "href": "https://www.canada.ca/en.html", + "property": "url" + }, + "computedStyles": { + "border-block-end-color": "rgb(40, 65, 98)", + "border-block-start-color": "rgb(40, 65, 98)", + "border-bottom-color": "rgb(40, 65, 98)", + "border-inline-end-color": "rgb(40, 65, 98)", + "border-inline-start-color": "rgb(40, 65, 98)", + "border-left-color": "rgb(40, 65, 98)", + "border-right-color": "rgb(40, 65, 98)", + "border-top-color": "rgb(40, 65, 98)", + "caret-color": "rgb(40, 65, 98)", + "color": "rgb(40, 65, 98)", + "column-rule-color": "rgb(40, 65, 98)", + "cursor": "pointer", + "outline-color": "rgb(40, 65, 98)", + "text-decoration": "underline solid rgb(40, 65, 98)", + "text-decoration-color": "rgb(40, 65, 98)", + "text-decoration-line": "underline", + "text-emphasis-color": "rgb(40, 65, 98)", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(40, 65, 98)", + "-webkit-text-stroke-color": "rgb(40, 65, 98)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "IMG", + "textContent": "", + "attributes": { + "src": "https://wet-boew.github.io/themes-dist/GCWeb/GCWeb/assets/sig-blk-en.svg", + "alt": "Government of Canada", + "property": "logo" + }, + "computedStyles": { + "block-size": "48.6953px", + "border-block-end-color": "rgb(40, 65, 98)", + "border-block-start-color": "rgb(40, 65, 98)", + "border-bottom-color": "rgb(40, 65, 98)", + "border-inline-end-color": "rgb(40, 65, 98)", + "border-inline-start-color": "rgb(40, 65, 98)", + "border-left-color": "rgb(40, 65, 98)", + "border-right-color": "rgb(40, 65, 98)", + "border-top-color": "rgb(40, 65, 98)", + "caret-color": "rgb(40, 65, 98)", + "color": "rgb(40, 65, 98)", + "column-rule-color": "rgb(40, 65, 98)", + "cursor": "pointer", + "height": "48.6953px", + "inline-size": "525px", + "outline-color": "rgb(40, 65, 98)", + "perspective-origin": "262.5px 24.3438px", + "text-decoration": "none solid rgb(40, 65, 98)", + "text-decoration-color": "rgb(40, 65, 98)", + "text-emphasis-color": "rgb(40, 65, 98)", + "transform-origin": "262.5px 24.3477px", + "width": "525px", + "-webkit-locale": "auto", + "-webkit-text-decorations-in-effect": "underline", + "-webkit-text-fill-color": "rgb(40, 65, 98)", + "-webkit-text-stroke-color": "rgb(40, 65, 98)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "A", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "SPAN", + "textContent": "", + "attributes": { + "class": "wb-inv" + }, + "computedStyles": { + "block-size": "1px", + "border-block-end-color": "rgb(40, 65, 98)", + "border-block-start-color": "rgb(40, 65, 98)", + "border-bottom-color": "rgb(40, 65, 98)", + "border-inline-end-color": "rgb(40, 65, 98)", + "border-inline-start-color": "rgb(40, 65, 98)", + "border-left-color": "rgb(40, 65, 98)", + "border-right-color": "rgb(40, 65, 98)", + "border-top-color": "rgb(40, 65, 98)", + "bottom": "47.6953px", + "caret-color": "rgb(40, 65, 98)", + "clip": "rect(1px, 1px, 1px, 1px)", + "color": "rgb(40, 65, 98)", + "column-rule-color": "rgb(40, 65, 98)", + "cursor": "pointer", + "display": "block", + "height": "1px", + "inline-size": "1px", + "inset-block-end": "47.6953px", + "inset-block-start": "0px", + "inset-inline-end": "14px", + "inset-inline-start": "540px", + "left": "540px", + "outline-color": "rgb(40, 65, 98)", + "overflow-x": "hidden", + "overflow-y": "hidden", + "perspective-origin": "0.5px 0.5px", + "position": "absolute", + "right": "14px", + "text-decoration": "none solid rgb(40, 65, 98)", + "text-decoration-color": "rgb(40, 65, 98)", + "text-emphasis-color": "rgb(40, 65, 98)", + "top": "0px", + "transform-origin": "0.5px 0.5px", + "width": "1px", + "-webkit-locale": "auto", + "-webkit-text-fill-color": "rgb(40, 65, 98)", + "-webkit-text-stroke-color": "rgb(40, 65, 98)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": " / ", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "SPAN", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "SPAN", + "textContent": "", + "attributes": { + "lang": "fr" + }, + "computedStyles": { + "border-block-end-color": "rgb(40, 65, 98)", + "border-block-start-color": "rgb(40, 65, 98)", + "border-bottom-color": "rgb(40, 65, 98)", + "border-inline-end-color": "rgb(40, 65, 98)", + "border-inline-start-color": "rgb(40, 65, 98)", + "border-left-color": "rgb(40, 65, 98)", + "border-right-color": "rgb(40, 65, 98)", + "border-top-color": "rgb(40, 65, 98)", + "caret-color": "rgb(40, 65, 98)", + "color": "rgb(40, 65, 98)", + "column-rule-color": "rgb(40, 65, 98)", + "cursor": "pointer", + "outline-color": "rgb(40, 65, 98)", + "text-decoration": "none solid rgb(40, 65, 98)", + "text-decoration-color": "rgb(40, 65, 98)", + "text-emphasis-color": "rgb(40, 65, 98)", + "-webkit-locale": "\"fr\"", + "-webkit-text-fill-color": "rgb(40, 65, 98)", + "-webkit-text-stroke-color": "rgb(40, 65, 98)" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Gouvernement du Canada", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "SPAN", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "SPAN", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "A", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "DIV", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "META", + "textContent": "", + "attributes": { + "property": "name", + "content": "Government of Canada" + }, + "computedStyles": { + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "DIV", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "META", + "textContent": "", + "attributes": { + "property": "areaServed", + "typeof": "Country", + "content": "Canada" + }, + "computedStyles": { + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "DIV", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "LINK", + "textContent": "", + "attributes": { + "property": "logo", + "href": "https://wet-boew.github.io/themes-dist/GCWeb/GCWeb/assets/wmms-blk.svg" + }, + "computedStyles": { + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "DIV", + "nodeType": 1 + } + } + ], + "parent": null, + "html": "
\"Government / Gouvernement du Canada
" + }, + "gcds": { + "nodeType": 1, + "nodeName": "GCDS-SIGNATURE", + "textContent": "", + "attributes": { + "haslink": "true", + "type": "signature", + "variant": "colour", + "class": "hydrated" + }, + "computedStyles": { + "block-size": "27px", + "display": "block", + "height": "27px", + "inline-size": "291.07px", + "perspective-origin": "145.531px 13.5px", + "transform-origin": "145.535px 13.5px", + "visibility": "visible", + "width": "291.07px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": null, + "shadowRoot": [ + { + "nodeType": 1, + "nodeName": "DIV", + "textContent": "", + "attributes": { + "class": "gcds-signature" + }, + "computedStyles": { + "block-size": "27px", + "box-sizing": "content-box", + "display": "flex", + "height": "27px", + "inline-size": "291.07px", + "perspective-origin": "145.531px 13.5px", + "transform-origin": "145.535px 13.5px", + "width": "291.07px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 1, + "nodeName": "svg", + "textContent": "", + "attributes": { + "version": "1.1", + "xmlns": "http://www.w3.org/2000/svg", + "viewBox": "0 0 819 75.97", + "preserveAspectRatio": "xMinYMin meet", + "role": "img", + "aria-labelledby": "signature-en-title" + }, + "computedStyles": { + "block-size": "27px", + "box-sizing": "content-box", + "display": "block", + "height": "27px", + "inline-size": "291.07px", + "max-inline-size": "100%", + "max-width": "100%", + "min-block-size": "auto", + "min-height": "auto", + "min-inline-size": "auto", + "min-width": "auto", + "overflow-clip-margin": "content-box", + "perspective-origin": "145.531px 13.5px", + "transform-origin": "145.535px 13.5px", + "width": "291.07px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "\n\t", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "svg", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "title", + "textContent": "", + "attributes": { + "id": "signature-en-title" + }, + "computedStyles": { + "box-sizing": "content-box", + "display": "inline", + "transform-origin": "0px 0px", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [ + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "Government of Canada", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "title", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "svg", + "nodeType": 1 + } + }, + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "\n\t", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "svg", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "path", + "textContent": "", + "attributes": { + "d": "M0,0 36.84,0 36.84,75.01 0,75.01z M118.54,0 155.38,0 155.38,75.01 118.54,75.01z M72.58,15.61,77.84,4.9l5.22,10.32c.65,1.09,1.18,1,2.22.48l4.49-2.22L86.85,27.89c-.61,2.83,1,3.66,2.75,1.74L96,22.79l1.7,3.87c.57,1.17,1.43,1,2.57.79l6.61-1.39-2.22,8.35,0,.18c-.26,1.09-.78,2,.44,2.53l2.35,1.17L93.77,49.82c-1.39,1.43-.91,1.87-.39,3.48l1.26,3.87-12.71-2.3c-1.57-.39-2.66-.39-2.7.87l.52,14.58H75.93l.52-14.54c0-1.43-1.09-1.39-3.66-.86L61,57.18l1.52-3.87c.52-1.48.66-2.48-.52-3.48L48.11,38.46l2.57-1.57c.74-.57.78-1.17.39-2.44L48.46,26l6.7,1.43c1.87.44,2.39,0,2.87-1l1.87-3.83L66.52,30c1.17,1.39,2.83.48,2.31-1.52L65.65,12.86l4.92,2.83c.78.48,1.61.61,2.09-.3", + "class": "fip_flag" + }, + "computedStyles": { + "box-sizing": "content-box", + "d": "path(\"M 0 0 L 36.84 0 L 36.84 75.01 L 0 75.01 Z M 118.54 0 L 155.38 0 L 155.38 75.01 L 118.54 75.01 Z M 72.58 15.61 L 77.84 4.9 L 83.06 15.22 C 83.71 16.31 84.24 16.22 85.28 15.7 L 89.77 13.48 L 86.85 27.89 C 86.24 30.72 87.85 31.55 89.6 29.63 L 96 22.79 L 97.7 26.66 C 98.27 27.83 99.13 27.66 100.27 27.45 L 106.88 26.06 L 104.66 34.41 L 104.66 34.59 C 104.4 35.68 103.88 36.59 105.1 37.12 L 107.45 38.29 L 93.77 49.82 C 92.38 51.25 92.86 51.69 93.38 53.3 L 94.64 57.17 L 81.93 54.87 C 80.36 54.48 79.27 54.48 79.23 55.74 L 79.75 70.32 H 75.93 L 76.45 55.78 C 76.45 54.35 75.36 54.39 72.79 54.92 L 61 57.18 L 62.52 53.31 C 63.04 51.83 63.18 50.83 62 49.83 L 48.11 38.46 L 50.68 36.89 C 51.42 36.32 51.46 35.72 51.07 34.45 L 48.46 26 L 55.16 27.43 C 57.03 27.87 57.55 27.43 58.03 26.43 L 59.9 22.6 L 66.52 30 C 67.69 31.39 69.35 30.48 68.83 28.48 L 65.65 12.86 L 70.57 15.69 C 71.35 16.17 72.18 16.3 72.66 15.39\")", + "fill": "rgb(255, 0, 0)", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "svg", + "nodeType": 1 + } + }, + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "\n\t", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "svg", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "path", + "textContent": "", + "attributes": { + "d": "M29.4,31.73h-3.46l-.82-3.63c-2.9,3.29-5.53,4.37-9.3,4.37-9.25,0-14.79-7.35-14.79-16.17S6.57.12,15.82.12c6.75,0,12.41,3.59,13.23,10.55h-5.27c-.52-4.06-4.06-6.14-8-6.14-6.62,0-9.38,5.84-9.38,11.76s2.77,11.76,9.38,11.76c5.53.08,8.56-3.24,8.65-8.48h-8.21V15.47H29.4ZM44.83,28.44c-4.41,0-6.36-4-6.36-7.91s1.95-7.87,6.36-7.87,6.36,4,6.36,7.87S49.24,28.44,44.83,28.44Zm0,3.89c7.18,0,11.29-4.93,11.29-11.8S52,8.77,44.83,8.77s-11.29,4.93-11.29,11.76S37.65,32.34,44.83,32.34ZM58,9.38h5.36L69,26.54h.09l5.45-17.17h5.1l-8,22.35h-5.53ZM86.51,18.58a5.84,5.84,0,0,1,5.88-5.92c3.33,0,5.45,2.81,5.62,5.92Zm16.43,3.25c.82-6.7-3.5-13.06-10.55-13.06-6.66,0-10.81,5.45-10.81,11.8,0,6.87,3.94,11.76,10.94,11.76,4.89,0,9-2.72,10.12-7.61H98c-.87,2.47-2.59,3.72-5.45,3.72-4.11,0-6-3.11-6-6.62ZM106.7,9.38h4.63V13.7h.09a7.21,7.21,0,0,1,6.53-4.93,11.69,11.69,0,0,1,1.86.13v4.76a17.6,17.6,0,0,0-2.12-.22c-3.37,0-6.05,2.72-6.05,7.65V31.73H106.7V9.38ZM121.92,9.38h4.67v3.29l.09.09a8,8,0,0,1,7-4c4.84,0,7.91,2.59,7.91,7.61V31.73h-4.93V17.68c-.09-3.5-1.47-5-4.37-5-3.29,0-5.41,2.59-5.41,5.88V31.73h-4.93V9.38ZM146.74,9.38h4.67v3.11h.13a7.47,7.47,0,0,1,6.87-3.72c2.72,0,5.28,1.17,6.27,3.72a8.07,8.07,0,0,1,7-3.72c4.71,0,7.48,2.08,7.48,7.52V31.73h-4.93V18.67c0-3.55-.22-6-4.06-6-3.33,0-4.76,2.21-4.76,6v13.1h-4.93V17.38c0-3.07-1-4.71-3.93-4.71-2.55,0-4.89,2.08-4.89,5.79V31.73h-4.93V9.38ZM188.21,18.58a5.84,5.84,0,0,1,5.88-5.92c3.33,0,5.45,2.81,5.62,5.92Zm16.43,3.25c.82-6.7-3.5-13.06-10.55-13.06-6.66,0-10.81,5.45-10.81,11.8,0,6.87,3.93,11.76,10.94,11.76,4.89,0,9-2.72,10.12-7.61h-4.67c-.86,2.47-2.59,3.72-5.45,3.72-4.11,0-6-3.11-6-6.62ZM208.4,9.38h4.67v3.29l.09.09a8,8,0,0,1,7-4c4.84,0,7.91,2.59,7.91,7.61V31.73H223.1V17.68c-.09-3.5-1.47-5-4.37-5-3.29,0-5.41,2.59-5.41,5.88V31.73H208.4V9.38ZM231,9.38h3.71V2.67h4.93v6.7h4.45v3.68h-4.45V25c0,2,.17,3.07,2.38,3.07a8.25,8.25,0,0,0,2.08-.18v3.81c-1.08.08-2.12.26-3.2.26-5.15,0-6.1-2-6.19-5.71V13.05H231V9.38ZM12,71.68c-4.41,0-6.36-4-6.36-7.91S7.6,55.9,12,55.9s6.36,4,6.36,7.87S16.43,71.68,12,71.68Zm0,3.89c7.18,0,11.28-4.93,11.28-11.8S19.19,52,12,52s-11.29,4.93-11.29,11.76S4.83,75.57,12,75.57ZM25.2,52.61h3.67V50.76c0-5.71,3-6.66,6.18-6.66a13.89,13.89,0,0,1,3.46.3v3.85a8.32,8.32,0,0,0-2.29-.26c-1.34,0-2.42.48-2.42,2.33v2.29H38v3.68H33.8V75h-4.93V56.29H25.2ZM74.58,53.91c-.91-3.55-3.2-6.14-7.7-6.14-6.62,0-9.38,5.84-9.38,11.76s2.77,11.76,9.38,11.76c4.8,0,7.44-3.59,7.87-8.09H80c-.43,7.39-5.66,12.5-13.14,12.5-9.25,0-14.79-7.35-14.79-16.17s5.54-16.17,14.79-16.17c7,0,12.45,3.89,13.1,10.55h-5.4ZM98.06,67.45c0,3.11-3.37,4.24-5.54,4.24-1.73,0-4.54-.65-4.54-2.85,0-2.59,1.9-3.37,4-3.72s4.54-.35,6.05-1.34Zm4.93-9c0-4.71-4.58-6.48-9-6.48-4.93,0-9.82,1.69-10.16,7.44h4.93C89,57,91,55.9,93.73,55.9c2,0,4.63.48,4.63,3,0,2.9-3.16,2.51-6.7,3.16-4.15.47-8.6,1.38-8.6,7,0,4.37,3.63,6.53,7.65,6.53a11.47,11.47,0,0,0,7.74-2.72c.39,2,1.82,2.72,3.8,2.72a12.36,12.36,0,0,0,3.11-.56V71.6a7.18,7.18,0,0,1-1.21.08c-.91,0-1.17-.47-1.17-1.69ZM108.3,52.61H113V55.9l.09.09a8,8,0,0,1,7-4c4.84,0,7.91,2.59,7.91,7.61V75H123V60.92c-.09-3.5-1.47-5-4.37-5-3.29,0-5.41,2.59-5.41,5.88V75H108.3V52.61ZM146.91,67.45c0,3.11-3.37,4.24-5.53,4.24-1.73,0-4.54-.65-4.54-2.85,0-2.59,1.9-3.37,4-3.72s4.54-.35,6.05-1.34Zm4.93-9c0-4.71-4.58-6.48-9-6.48-4.93,0-9.81,1.69-10.16,7.44h4.93c.22-2.42,2.16-3.54,4.93-3.54,2,0,4.63.48,4.63,3,0,2.9-3.16,2.51-6.7,3.16-4.15.47-8.6,1.38-8.6,7,0,4.37,3.63,6.53,7.65,6.53a11.47,11.47,0,0,0,7.74-2.72c.39,2,1.82,2.72,3.8,2.72a12.36,12.36,0,0,0,3.11-.56V71.6a7.19,7.19,0,0,1-1.21.08c-.91,0-1.17-.47-1.17-1.69ZM161,64c0-4,1.64-8.13,6.27-8.13,3.8,0,6.18,2.94,6.18,7.87,0,3.89-1.86,7.91-6.27,7.91S161,67.88,161,64ZM178.22,44.1h-4.93V55.51h-.09c-1.51-2.46-4.63-3.5-7.44-3.5-4.89,0-9.68,3.54-9.68,11.63,0,6.7,3.41,11.93,10.46,11.93,2.81,0,5.62-1.08,6.92-3.63h.09v3h4.67V44.1ZM197.37,67.45c0,3.11-3.37,4.24-5.54,4.24-1.73,0-4.54-.65-4.54-2.85,0-2.59,1.9-3.37,4-3.72s4.54-.35,6.05-1.34Zm4.93-9c0-4.71-4.58-6.48-9-6.48-4.93,0-9.82,1.69-10.16,7.44h4.93c.22-2.42,2.16-3.54,4.93-3.54,2,0,4.63.48,4.63,3,0,2.9-3.16,2.51-6.7,3.16-4.15.47-8.6,1.38-8.6,7,0,4.37,3.63,6.53,7.65,6.53a11.46,11.46,0,0,0,7.74-2.72c.39,2,1.82,2.72,3.8,2.72a12.35,12.35,0,0,0,3.11-.56V71.6a7.18,7.18,0,0,1-1.21.08c-.91,0-1.17-.47-1.17-1.69Z", + "class": "fip_text", + "transform": "translate(218,0)" + }, + "computedStyles": { + "box-sizing": "content-box", + "d": "path(\"M 29.4 31.73 H 25.94 L 25.12 28.1 C 22.22 31.39 19.59 32.47 15.82 32.47 C 6.57 32.47 1.03 25.12 1.03 16.3 S 6.57 0.12 15.82 0.12 C 22.57 0.12 28.23 3.71 29.05 10.67 H 23.78 C 23.26 6.61 19.72 4.53 15.78 4.53 C 9.16 4.53 6.4 10.37 6.4 16.29 S 9.17 28.05 15.78 28.05 C 21.31 28.13 24.34 24.81 24.43 19.57 H 16.22 V 15.47 H 29.4 Z M 44.83 28.44 C 40.42 28.44 38.47 24.44 38.47 20.53 S 40.42 12.66 44.83 12.66 S 51.19 16.66 51.19 20.53 S 49.24 28.44 44.83 28.44 Z M 44.83 32.33 C 52.01 32.33 56.12 27.4 56.12 20.53 S 52 8.77 44.83 8.77 S 33.54 13.7 33.54 20.53 S 37.65 32.34 44.83 32.34 Z M 58 9.38 H 63.36 L 69 26.54 H 69.09 L 74.54 9.37 H 79.64 L 71.64 31.72 H 66.11 Z M 86.51 18.58 A 5.84 5.84 0 0 1 92.39 12.66 C 95.72 12.66 97.84 15.47 98.01 18.58 Z M 102.94 21.83 C 103.76 15.13 99.44 8.77 92.39 8.77 C 85.73 8.77 81.58 14.22 81.58 20.57 C 81.58 27.44 85.52 32.33 92.52 32.33 C 97.41 32.33 101.52 29.61 102.64 24.72 H 98 C 97.13 27.19 95.41 28.44 92.55 28.44 C 88.44 28.44 86.55 25.33 86.55 21.82 Z M 106.7 9.38 H 111.33 V 13.7 H 111.42 A 7.21 7.21 0 0 1 117.95 8.77 A 11.69 11.69 0 0 1 119.81 8.9 V 13.66 A 17.6 17.6 0 0 0 117.69 13.44 C 114.32 13.44 111.64 16.16 111.64 21.09 V 31.73 H 106.7 V 9.38 Z M 121.92 9.38 H 126.59 V 12.67 L 126.68 12.76 A 8 8 0 0 1 133.68 8.76 C 138.52 8.76 141.59 11.35 141.59 16.37 V 31.73 H 136.66 V 17.68 C 136.57 14.18 135.19 12.68 132.29 12.68 C 129 12.68 126.88 15.27 126.88 18.56 V 31.73 H 121.95 V 9.38 Z M 146.74 9.38 H 151.41 V 12.49 H 151.54 A 7.47 7.47 0 0 1 158.41 8.77 C 161.13 8.77 163.69 9.94 164.68 12.49 A 8.07 8.07 0 0 1 171.68 8.77 C 176.39 8.77 179.16 10.85 179.16 16.29 V 31.73 H 174.23 V 18.67 C 174.23 15.12 174.01 12.67 170.17 12.67 C 166.84 12.67 165.41 14.88 165.41 18.67 V 31.77 H 160.48 V 17.38 C 160.48 14.31 159.48 12.67 156.55 12.67 C 154 12.67 151.66 14.75 151.66 18.46 V 31.73 H 146.73 V 9.38 Z M 188.21 18.58 A 5.84 5.84 0 0 1 194.09 12.66 C 197.42 12.66 199.54 15.47 199.71 18.58 Z M 204.64 21.83 C 205.46 15.13 201.14 8.77 194.09 8.77 C 187.43 8.77 183.28 14.22 183.28 20.57 C 183.28 27.44 187.21 32.33 194.22 32.33 C 199.11 32.33 203.22 29.61 204.34 24.72 H 199.67 C 198.81 27.19 197.08 28.44 194.22 28.44 C 190.11 28.44 188.22 25.33 188.22 21.82 Z M 208.4 9.38 H 213.07 V 12.67 L 213.16 12.76 A 8 8 0 0 1 220.16 8.76 C 225 8.76 228.07 11.35 228.07 16.37 V 31.73 H 223.1 V 17.68 C 223.01 14.18 221.63 12.68 218.73 12.68 C 215.44 12.68 213.32 15.27 213.32 18.56 V 31.73 H 208.4 V 9.38 Z M 231 9.38 H 234.71 V 2.67 H 239.64 V 9.37 H 244.09 V 13.05 H 239.64 V 25 C 239.64 27 239.81 28.07 242.02 28.07 A 8.25 8.25 0 0 0 244.1 27.89 V 31.7 C 243.02 31.78 241.98 31.96 240.9 31.96 C 235.75 31.96 234.8 29.96 234.71 26.25 V 13.05 H 231 V 9.38 Z M 12 71.68 C 7.59 71.68 5.64 67.68 5.64 63.77 S 7.6 55.9 12 55.9 S 18.36 59.9 18.36 63.77 S 16.43 71.68 12 71.68 Z M 12 75.57 C 19.18 75.57 23.28 70.64 23.28 63.77 S 19.19 52 12 52 S 0.71 56.93 0.71 63.76 S 4.83 75.57 12 75.57 Z M 25.2 52.61 H 28.87 V 50.76 C 28.87 45.05 31.87 44.1 35.05 44.1 A 13.89 13.89 0 0 1 38.51 44.4 V 48.25 A 8.32 8.32 0 0 0 36.22 47.99 C 34.88 47.99 33.8 48.47 33.8 50.32 V 52.61 H 38 V 56.29 H 33.8 V 75 H 28.87 V 56.29 H 25.2 Z M 74.58 53.91 C 73.67 50.36 71.38 47.77 66.88 47.77 C 60.26 47.77 57.5 53.61 57.5 59.53 S 60.27 71.29 66.88 71.29 C 71.68 71.29 74.32 67.7 74.75 63.2 H 80 C 79.57 70.59 74.34 75.7 66.86 75.7 C 57.61 75.7 52.07 68.35 52.07 59.53 S 57.61 43.36 66.86 43.36 C 73.86 43.36 79.31 47.25 79.96 53.91 H 74.56 Z M 98.06 67.45 C 98.06 70.56 94.69 71.69 92.52 71.69 C 90.79 71.69 87.98 71.04 87.98 68.84 C 87.98 66.25 89.88 65.47 91.98 65.12 S 96.52 64.77 98.03 63.78 Z M 102.99 58.45 C 102.99 53.74 98.41 51.97 93.99 51.97 C 89.06 51.97 84.17 53.66 83.83 59.41 H 88.76 C 89 57 91 55.9 93.73 55.9 C 95.73 55.9 98.36 56.38 98.36 58.9 C 98.36 61.8 95.2 61.41 91.66 62.06 C 87.51 62.53 83.06 63.44 83.06 69.06 C 83.06 73.43 86.69 75.59 90.71 75.59 A 11.47 11.47 0 0 0 98.45 72.87 C 98.84 74.87 100.27 75.59 102.25 75.59 A 12.36 12.36 0 0 0 105.36 75.03 V 71.6 A 7.18 7.18 0 0 1 104.15 71.68 C 103.24 71.68 102.98 71.21 102.98 69.99 Z M 108.3 52.61 H 113 V 55.9 L 113.09 55.99 A 8 8 0 0 1 120.09 51.99 C 124.93 51.99 128 54.58 128 59.6 V 75 H 123 V 60.92 C 122.91 57.42 121.53 55.92 118.63 55.92 C 115.34 55.92 113.22 58.51 113.22 61.8 V 75 H 108.3 V 52.61 Z M 146.91 67.45 C 146.91 70.56 143.54 71.69 141.38 71.69 C 139.65 71.69 136.84 71.04 136.84 68.84 C 136.84 66.25 138.74 65.47 140.84 65.12 S 145.38 64.77 146.89 63.78 Z M 151.84 58.45 C 151.84 53.74 147.26 51.97 142.84 51.97 C 137.91 51.97 133.03 53.66 132.68 59.41 H 137.61 C 137.83 56.99 139.77 55.87 142.54 55.87 C 144.54 55.87 147.17 56.35 147.17 58.87 C 147.17 61.77 144.01 61.38 140.47 62.03 C 136.32 62.5 131.87 63.41 131.87 69.03 C 131.87 73.4 135.5 75.56 139.52 75.56 A 11.47 11.47 0 0 0 147.26 72.84 C 147.65 74.84 149.08 75.56 151.06 75.56 A 12.36 12.36 0 0 0 154.17 75 V 71.6 A 7.19 7.19 0 0 1 152.96 71.68 C 152.05 71.68 151.79 71.21 151.79 69.99 Z M 161 64 C 161 60 162.64 55.87 167.27 55.87 C 171.07 55.87 173.45 58.81 173.45 63.74 C 173.45 67.63 171.59 71.65 167.18 71.65 S 161 67.88 161 64 Z M 178.22 44.1 H 173.29 V 55.51 H 173.2 C 171.69 53.05 168.57 52.01 165.76 52.01 C 160.87 52.01 156.08 55.55 156.08 63.64 C 156.08 70.34 159.49 75.57 166.54 75.57 C 169.35 75.57 172.16 74.49 173.46 71.94 H 173.55 V 74.94 H 178.22 V 44.1 Z M 197.37 67.45 C 197.37 70.56 194 71.69 191.83 71.69 C 190.1 71.69 187.29 71.04 187.29 68.84 C 187.29 66.25 189.19 65.47 191.29 65.12 S 195.83 64.77 197.34 63.78 Z M 202.3 58.45 C 202.3 53.74 197.72 51.97 193.3 51.97 C 188.37 51.97 183.48 53.66 183.14 59.41 H 188.07 C 188.29 56.99 190.23 55.87 193 55.87 C 195 55.87 197.63 56.35 197.63 58.87 C 197.63 61.77 194.47 61.38 190.93 62.03 C 186.78 62.5 182.33 63.41 182.33 69.03 C 182.33 73.4 185.96 75.56 189.98 75.56 A 11.46 11.46 0 0 0 197.72 72.84 C 198.11 74.84 199.54 75.56 201.52 75.56 A 12.35 12.35 0 0 0 204.63 75 V 71.6 A 7.18 7.18 0 0 1 203.42 71.68 C 202.51 71.68 202.25 71.21 202.25 69.99 Z\")", + "transform": "matrix(1, 0, 0, 1, 218, 0)", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "svg", + "nodeType": 1 + } + }, + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "\n\t", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "svg", + "nodeType": 1 + } + }, + { + "nodeType": 1, + "nodeName": "path", + "textContent": "", + "attributes": { + "d": "M29.47,32H26l-.82-3.63c-2.9,3.29-5.53,4.37-9.3,4.37-9.25,0-14.79-7.35-14.79-16.17S6.64.4,15.89.4C22.64.4,28.3,4,29.12,11h-5.27c-.52-4.06-4.06-6.14-8-6.14-6.62,0-9.38,5.84-9.38,11.76s2.77,11.76,9.38,11.76c5.53.09,8.56-3.24,8.65-8.47h-8.21V15.75h13.14V32ZM44.9,28.72c-4.41,0-6.36-4-6.36-7.91s1.95-7.87,6.36-7.87,6.36,4,6.36,7.87S49.31,28.72,44.9,28.72Zm0,3.89c7.18,0,11.29-4.93,11.29-11.8S52.08,9,44.9,9,33.62,14,33.62,20.81,37.73,32.61,44.9,32.61ZM79.93,32h-4.84V28.9H75a7.51,7.51,0,0,1-6.36,3.72c-5.84,0-8.34-2.94-8.34-8.78V9.65h4.93V23.36c0,3.94,1.6,5.36,4.28,5.36,4.11,0,5.49-2.63,5.49-6.1v-13h4.93V32ZM82.91,9.65h5.36l5.66,17.17H94l5.45-17.17h5.1l-8,22.35H91ZM111.4,18.86a5.84,5.84,0,0,1,5.88-5.92c3.33,0,5.45,2.81,5.62,5.92Zm16.43,3.24C128.66,15.4,124.33,9,117.28,9c-6.66,0-10.81,5.45-10.81,11.8,0,6.87,3.93,11.76,10.94,11.76,4.88,0,9-2.72,10.12-7.61h-4.67c-.86,2.47-2.59,3.72-5.45,3.72-4.11,0-6-3.11-6-6.62ZM131.6,9.65h4.63V14h.08A7.22,7.22,0,0,1,142.84,9a11.75,11.75,0,0,1,1.86.13v4.76a17.5,17.5,0,0,0-2.12-.22c-3.37,0-6.05,2.72-6.05,7.65V32H131.6V9.65ZM146.81,9.65h4.67v3.29l.09.09a8,8,0,0,1,7-4c4.85,0,7.91,2.59,7.91,7.61V32h-4.93V18c-.08-3.5-1.47-5-4.37-5-3.29,0-5.4,2.59-5.4,5.88V32h-4.93ZM175.48,18.86a5.84,5.84,0,0,1,5.88-5.92c3.33,0,5.45,2.81,5.62,5.92Zm16.43,3.24C192.73,15.4,188.41,9,181.36,9c-6.66,0-10.81,5.45-10.81,11.8,0,6.87,3.94,11.76,10.94,11.76,4.89,0,9-2.72,10.12-7.61h-4.67c-.87,2.47-2.6,3.72-5.45,3.72-4.11,0-6-3.11-6-6.62ZM195.67,9.65h4.67v3.11h.13A7.47,7.47,0,0,1,207.34,9c2.73,0,5.28,1.17,6.27,3.72a8.07,8.07,0,0,1,7-3.72c4.71,0,7.48,2.08,7.48,7.52V32h-4.93V19c0-3.55-.22-6-4.06-6-3.33,0-4.76,2.21-4.76,6V32h-4.93V17.65c0-3.07-1-4.71-3.93-4.71-2.55,0-4.88,2.08-4.88,5.79V32h-4.93V9.65ZM237.14,18.86A5.84,5.84,0,0,1,243,12.94c3.33,0,5.45,2.81,5.62,5.92Zm16.43,3.24C254.39,15.4,250.06,9,243,9c-6.66,0-10.81,5.45-10.81,11.8,0,6.87,3.93,11.76,10.94,11.76,4.88,0,9-2.72,10.12-7.61h-4.67c-.86,2.47-2.59,3.72-5.45,3.72-4.11,0-6-3.11-6-6.62ZM257.33,9.65H262v3.29l.09.09a8,8,0,0,1,7-4c4.85,0,7.91,2.59,7.91,7.61V32H272V18c-.08-3.5-1.47-5-4.37-5-3.29,0-5.41,2.59-5.41,5.88V32h-4.93ZM279.9,9.65h3.72V3h4.93v6.7H293v3.68h-4.45V25.27c0,2,.17,3.07,2.38,3.07a8.43,8.43,0,0,0,2.08-.17V32c-1.08.08-2.12.26-3.2.26-5.14,0-6.09-2-6.18-5.71V13.33h-3.72V9.65ZM5.69,64.31c0-4,1.64-8.13,6.27-8.13,3.8,0,6.18,2.94,6.18,7.87,0,3.89-1.86,7.91-6.27,7.91S5.69,68.15,5.69,64.31ZM22.9,44.37H18V55.79h-.09c-1.51-2.46-4.63-3.5-7.43-3.5-4.89,0-9.69,3.54-9.69,11.63,0,6.7,3.42,11.93,10.46,11.93,2.81,0,5.62-1.08,6.92-3.63h.08v3h4.67V44.37ZM47.89,75.25H43V72.13H43a7.51,7.51,0,0,1-6.36,3.72c-5.84,0-8.34-2.94-8.34-8.78V52.89h4.93V66.59c0,3.94,1.6,5.36,4.28,5.36,4.11,0,5.49-2.63,5.49-6.1v-13h4.93V75.25ZM86.63,54.19c-.91-3.55-3.2-6.14-7.7-6.14-6.62,0-9.38,5.84-9.38,11.76s2.77,11.76,9.38,11.76c4.8,0,7.43-3.58,7.87-8.08h5.28c-.43,7.39-5.66,12.5-13.14,12.5-9.25,0-14.79-7.35-14.79-16.17s5.53-16.17,14.79-16.17c7,0,12.45,3.89,13.1,10.55h-5.41ZM110.11,67.72c0,3.11-3.37,4.24-5.53,4.24-1.73,0-4.54-.65-4.54-2.85,0-2.59,1.9-3.37,4-3.72s4.54-.35,6.05-1.34v3.68Zm4.93-9c0-4.71-4.58-6.49-9-6.49-4.93,0-9.81,1.69-10.16,7.44h4.93c.22-2.42,2.17-3.55,4.93-3.55,2,0,4.63.48,4.63,3,0,2.9-3.16,2.51-6.7,3.16-4.15.47-8.6,1.38-8.6,7,0,4.37,3.63,6.53,7.65,6.53a11.46,11.46,0,0,0,7.74-2.72c.39,2,1.82,2.72,3.81,2.72a12.37,12.37,0,0,0,3.11-.56V71.88a7.21,7.21,0,0,1-1.21.08c-.91,0-1.17-.47-1.17-1.69V58.77ZM120.35,52.89H125v3.29l.09.09a8,8,0,0,1,7-4c4.85,0,7.91,2.59,7.91,7.61V75.25h-4.93V61.19c-.08-3.5-1.47-5-4.37-5-3.29,0-5.4,2.59-5.4,5.88V75.25h-4.93ZM159,67.72c0,3.11-3.37,4.24-5.54,4.24-1.73,0-4.54-.65-4.54-2.85,0-2.59,1.9-3.37,4-3.72S157.45,65,159,64v3.68Zm4.93-9c0-4.71-4.58-6.49-8.95-6.49-4.93,0-9.82,1.69-10.16,7.44h4.93c.22-2.42,2.16-3.55,4.93-3.55,2,0,4.62.48,4.62,3,0,2.9-3.16,2.51-6.7,3.16-4.15.47-8.61,1.38-8.61,7,0,4.37,3.64,6.53,7.65,6.53a11.46,11.46,0,0,0,7.74-2.72c.39,2,1.82,2.72,3.81,2.72a12.33,12.33,0,0,0,3.11-.56V71.88a7.17,7.17,0,0,1-1.21.08c-.91,0-1.17-.47-1.17-1.69V58.77ZM173.06,64.31c0-4,1.64-8.13,6.27-8.13,3.8,0,6.18,2.94,6.18,7.87,0,3.89-1.86,7.91-6.27,7.91S173.06,68.15,173.06,64.31Zm17.21-19.93h-4.93V55.79h-.09c-1.51-2.46-4.62-3.5-7.43-3.5-4.89,0-9.68,3.54-9.68,11.63,0,6.7,3.42,11.93,10.46,11.93,2.81,0,5.62-1.08,6.92-3.63h.09v3h4.67V44.37ZM209.42,67.72c0,3.11-3.37,4.24-5.53,4.24-1.73,0-4.54-.65-4.54-2.85,0-2.59,1.9-3.37,4-3.72s4.54-.35,6.05-1.34v3.68Zm4.93-9c0-4.71-4.58-6.49-8.95-6.49-4.93,0-9.82,1.69-10.16,7.44h4.93c.22-2.42,2.16-3.55,4.93-3.55,2,0,4.62.48,4.62,3,0,2.9-3.16,2.51-6.7,3.16-4.15.47-8.61,1.38-8.61,7,0,4.37,3.64,6.53,7.65,6.53a11.47,11.47,0,0,0,7.74-2.72c.39,2,1.82,2.72,3.8,2.72a12.34,12.34,0,0,0,3.11-.56V71.88a7.18,7.18,0,0,1-1.21.08c-.91,0-1.17-.47-1.17-1.69V58.77Z", + "class": "fip_text", + "transform": "translate(526,0)" + }, + "computedStyles": { + "box-sizing": "content-box", + "d": "path(\"M 29.47 32 H 26 L 25.18 28.37 C 22.28 31.66 19.65 32.74 15.88 32.74 C 6.63 32.74 1.09 25.39 1.09 16.57 S 6.64 0.4 15.89 0.4 C 22.64 0.4 28.3 4 29.12 11 H 23.85 C 23.33 6.94 19.79 4.86 15.85 4.86 C 9.23 4.86 6.47 10.7 6.47 16.62 S 9.24 28.38 15.85 28.38 C 21.38 28.47 24.41 25.14 24.5 19.91 H 16.29 V 15.75 H 29.43 V 32 Z M 44.9 28.72 C 40.49 28.72 38.54 24.72 38.54 20.81 S 40.49 12.94 44.9 12.94 S 51.26 16.94 51.26 20.81 S 49.31 28.72 44.9 28.72 Z M 44.9 32.61 C 52.08 32.61 56.19 27.68 56.19 20.81 S 52.08 9 44.9 9 S 33.62 14 33.62 20.81 S 37.73 32.61 44.9 32.61 Z M 79.93 32 H 75.09 V 28.9 H 75 A 7.51 7.51 0 0 1 68.64 32.62 C 62.8 32.62 60.3 29.68 60.3 23.84 V 9.65 H 65.23 V 23.36 C 65.23 27.3 66.83 28.72 69.51 28.72 C 73.62 28.72 75 26.09 75 22.62 V 9.62 H 79.93 V 32 Z M 82.91 9.65 H 88.27 L 93.93 26.82 H 94 L 99.45 9.65 H 104.55 L 96.55 32 H 91 Z M 111.4 18.86 A 5.84 5.84 0 0 1 117.28 12.94 C 120.61 12.94 122.73 15.75 122.9 18.86 Z M 127.83 22.1 C 128.66 15.4 124.33 9 117.28 9 C 110.62 9 106.47 14.45 106.47 20.8 C 106.47 27.67 110.4 32.56 117.41 32.56 C 122.29 32.56 126.41 29.84 127.53 24.95 H 122.86 C 122 27.42 120.27 28.67 117.41 28.67 C 113.3 28.67 111.41 25.56 111.41 22.05 Z M 131.6 9.65 H 136.23 V 14 H 136.31 A 7.22 7.22 0 0 1 142.84 9 A 11.75 11.75 0 0 1 144.7 9.13 V 13.89 A 17.5 17.5 0 0 0 142.58 13.67 C 139.21 13.67 136.53 16.39 136.53 21.32 V 32 H 131.6 V 9.65 Z M 146.81 9.65 H 151.48 V 12.94 L 151.57 13.03 A 8 8 0 0 1 158.57 9.03 C 163.42 9.03 166.48 11.62 166.48 16.64 V 32 H 161.55 V 18 C 161.47 14.5 160.08 13 157.18 13 C 153.89 13 151.78 15.59 151.78 18.88 V 32 H 146.85 Z M 175.48 18.86 A 5.84 5.84 0 0 1 181.36 12.94 C 184.69 12.94 186.81 15.75 186.98 18.86 Z M 191.91 22.1 C 192.73 15.4 188.41 9 181.36 9 C 174.7 9 170.55 14.45 170.55 20.8 C 170.55 27.67 174.49 32.56 181.49 32.56 C 186.38 32.56 190.49 29.84 191.61 24.95 H 186.94 C 186.07 27.42 184.34 28.67 181.49 28.67 C 177.38 28.67 175.49 25.56 175.49 22.05 Z M 195.67 9.65 H 200.34 V 12.76 H 200.47 A 7.47 7.47 0 0 1 207.34 9 C 210.07 9 212.62 10.17 213.61 12.72 A 8.07 8.07 0 0 1 220.61 9 C 225.32 9 228.09 11.08 228.09 16.52 V 32 H 223.16 V 19 C 223.16 15.45 222.94 13 219.1 13 C 215.77 13 214.34 15.21 214.34 19 V 32 H 209.41 V 17.65 C 209.41 14.58 208.41 12.94 205.48 12.94 C 202.93 12.94 200.6 15.02 200.6 18.73 V 32 H 195.67 V 9.65 Z M 237.14 18.86 A 5.84 5.84 0 0 1 243 12.94 C 246.33 12.94 248.45 15.75 248.62 18.86 Z M 253.57 22.1 C 254.39 15.4 250.06 9 243 9 C 236.34 9 232.19 14.45 232.19 20.8 C 232.19 27.67 236.12 32.56 243.13 32.56 C 248.01 32.56 252.13 29.84 253.25 24.95 H 248.58 C 247.72 27.42 245.99 28.67 243.13 28.67 C 239.02 28.67 237.13 25.56 237.13 22.05 Z M 257.33 9.65 H 262 V 12.94 L 262.09 13.03 A 8 8 0 0 1 269.09 9.03 C 273.94 9.03 277 11.62 277 16.64 V 32 H 272 V 18 C 271.92 14.5 270.53 13 267.63 13 C 264.34 13 262.22 15.59 262.22 18.88 V 32 H 257.29 Z M 279.9 9.65 H 283.62 V 3 H 288.55 V 9.7 H 293 V 13.38 H 288.55 V 25.27 C 288.55 27.27 288.72 28.34 290.93 28.34 A 8.43 8.43 0 0 0 293.01 28.17 V 32 C 291.93 32.08 290.89 32.26 289.81 32.26 C 284.67 32.26 283.72 30.26 283.63 26.55 V 13.33 H 279.91 V 9.65 Z M 5.69 64.31 C 5.69 60.31 7.33 56.18 11.96 56.18 C 15.76 56.18 18.14 59.12 18.14 64.05 C 18.14 67.94 16.28 71.96 11.87 71.96 S 5.69 68.15 5.69 64.31 Z M 22.9 44.37 H 18 V 55.79 H 17.91 C 16.4 53.33 13.28 52.29 10.48 52.29 C 5.59 52.29 0.789999 55.83 0.789999 63.92 C 0.789999 70.62 4.21 75.85 11.25 75.85 C 14.06 75.85 16.87 74.77 18.17 72.22 H 18.25 V 75.22 H 22.92 V 44.37 Z M 47.89 75.25 H 43 V 72.13 H 43 A 7.51 7.51 0 0 1 36.64 75.85 C 30.8 75.85 28.3 72.91 28.3 67.07 V 52.89 H 33.23 V 66.59 C 33.23 70.53 34.83 71.95 37.51 71.95 C 41.62 71.95 43 69.32 43 65.85 V 52.85 H 47.93 V 75.25 Z M 86.63 54.19 C 85.72 50.64 83.43 48.05 78.93 48.05 C 72.31 48.05 69.55 53.89 69.55 59.81 S 72.32 71.57 78.93 71.57 C 83.73 71.57 86.36 67.99 86.8 63.49 H 92.08 C 91.65 70.88 86.42 75.99 78.94 75.99 C 69.69 75.99 64.15 68.64 64.15 59.82 S 69.68 43.65 78.94 43.65 C 85.94 43.65 91.39 47.54 92.04 54.2 H 86.63 Z M 110.11 67.72 C 110.11 70.83 106.74 71.96 104.58 71.96 C 102.85 71.96 100.04 71.31 100.04 69.11 C 100.04 66.52 101.94 65.74 104.04 65.39 S 108.58 65.04 110.09 64.05 V 67.73 Z M 115.04 58.72 C 115.04 54.01 110.46 52.23 106.04 52.23 C 101.11 52.23 96.23 53.92 95.88 59.67 H 100.81 C 101.03 57.25 102.98 56.12 105.74 56.12 C 107.74 56.12 110.37 56.6 110.37 59.12 C 110.37 62.02 107.21 61.63 103.67 62.28 C 99.52 62.75 95.07 63.66 95.07 69.28 C 95.07 73.65 98.7 75.81 102.72 75.81 A 11.46 11.46 0 0 0 110.46 73.09 C 110.85 75.09 112.28 75.81 114.27 75.81 A 12.37 12.37 0 0 0 117.38 75.25 V 71.88 A 7.21 7.21 0 0 1 116.17 71.96 C 115.26 71.96 115 71.49 115 70.27 V 58.77 Z M 120.35 52.89 H 125 V 56.18 L 125.09 56.27 A 8 8 0 0 1 132.09 52.27 C 136.94 52.27 140 54.86 140 59.88 V 75.25 H 135.07 V 61.19 C 134.99 57.69 133.6 56.19 130.7 56.19 C 127.41 56.19 125.3 58.78 125.3 62.07 V 75.25 H 120.37 Z M 159 67.72 C 159 70.83 155.63 71.96 153.46 71.96 C 151.73 71.96 148.92 71.31 148.92 69.11 C 148.92 66.52 150.82 65.74 152.92 65.39 S 157.45 65 159 64 V 67.68 Z M 163.93 58.72 C 163.93 54.01 159.35 52.23 154.98 52.23 C 150.05 52.23 145.16 53.92 144.82 59.67 H 149.75 C 149.97 57.25 151.91 56.12 154.68 56.12 C 156.68 56.12 159.3 56.6 159.3 59.12 C 159.3 62.02 156.14 61.63 152.6 62.28 C 148.45 62.75 143.99 63.66 143.99 69.28 C 143.99 73.65 147.63 75.81 151.64 75.81 A 11.46 11.46 0 0 0 159.38 73.09 C 159.77 75.09 161.2 75.81 163.19 75.81 A 12.33 12.33 0 0 0 166.3 75.25 V 71.88 A 7.17 7.17 0 0 1 165.09 71.96 C 164.18 71.96 163.92 71.49 163.92 70.27 V 58.77 Z M 173.06 64.31 C 173.06 60.31 174.7 56.18 179.33 56.18 C 183.13 56.18 185.51 59.12 185.51 64.05 C 185.51 67.94 183.65 71.96 179.24 71.96 S 173.06 68.15 173.06 64.31 Z M 190.27 44.38 H 185.34 V 55.79 H 185.25 C 183.74 53.33 180.63 52.29 177.82 52.29 C 172.93 52.29 168.14 55.83 168.14 63.92 C 168.14 70.62 171.56 75.85 178.6 75.85 C 181.41 75.85 184.22 74.77 185.52 72.22 H 185.61 V 75.22 H 190.28 V 44.37 Z M 209.42 67.72 C 209.42 70.83 206.05 71.96 203.89 71.96 C 202.16 71.96 199.35 71.31 199.35 69.11 C 199.35 66.52 201.25 65.74 203.35 65.39 S 207.89 65.04 209.4 64.05 V 67.73 Z M 214.35 58.72 C 214.35 54.01 209.77 52.23 205.4 52.23 C 200.47 52.23 195.58 53.92 195.24 59.67 H 200.17 C 200.39 57.25 202.33 56.12 205.1 56.12 C 207.1 56.12 209.72 56.6 209.72 59.12 C 209.72 62.02 206.56 61.63 203.02 62.28 C 198.87 62.75 194.41 63.66 194.41 69.28 C 194.41 73.65 198.05 75.81 202.06 75.81 A 11.47 11.47 0 0 0 209.8 73.09 C 210.19 75.09 211.62 75.81 213.6 75.81 A 12.34 12.34 0 0 0 216.71 75.25 V 71.88 A 7.18 7.18 0 0 1 215.5 71.96 C 214.59 71.96 214.33 71.49 214.33 70.27 V 58.77 Z\")", + "transform": "matrix(1, 0, 0, 1, 526, 0)", + "-webkit-locale": "auto" + }, + "pseudoStyles": { + ":hover": {}, + ":active": {}, + ":visited": {}, + ":focus": {} + }, + "children": [], + "parent": { + "nodeName": "svg", + "nodeType": 1 + } + }, + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "\n", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "svg", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "DIV", + "nodeType": 1 + } + }, + { + "nodeType": 3, + "nodeName": "#text", + "textContent": "\n", + "attributes": {}, + "computedStyles": {}, + "pseudoStyles": {}, + "children": [], + "parent": { + "nodeName": "DIV", + "nodeType": 1 + } + } + ], + "parent": { + "nodeName": "GCDS-SIGNATURE", + "nodeType": 1 + } + } + ], + "html": "" + } +} \ No newline at end of file diff --git a/_data/button-signin.json b/_data/signin.json similarity index 82% rename from _data/button-signin.json rename to _data/signin.json index 2015f19..bcbd8d2 100644 --- a/_data/button-signin.json +++ b/_data/signin.json @@ -30,19 +30,6 @@ ":focus": {} }, "children": [ - { - "nodeType": 3, - "nodeName": "#text", - "textContent": "\n ", - "attributes": {}, - "computedStyles": {}, - "pseudoStyles": {}, - "children": [], - "parent": { - "nodeName": "DIV", - "nodeType": 1 - } - }, { "nodeType": 1, "nodeName": "SECTION", @@ -67,19 +54,6 @@ ":focus": {} }, "children": [ - { - "nodeType": 3, - "nodeName": "#text", - "textContent": "\n ", - "attributes": {}, - "computedStyles": {}, - "pseudoStyles": {}, - "children": [], - "parent": { - "nodeName": "SECTION", - "nodeType": 1 - } - }, { "nodeType": 1, "nodeName": "H2", @@ -141,19 +115,6 @@ "nodeType": 1 } }, - { - "nodeType": 3, - "nodeName": "#text", - "textContent": "\n ", - "attributes": {}, - "computedStyles": {}, - "pseudoStyles": {}, - "children": [], - "parent": { - "nodeName": "SECTION", - "nodeType": 1 - } - }, { "nodeType": 1, "nodeName": "A", @@ -251,38 +212,12 @@ "nodeName": "SECTION", "nodeType": 1 } - }, - { - "nodeType": 3, - "nodeName": "#text", - "textContent": "\n ", - "attributes": {}, - "computedStyles": {}, - "pseudoStyles": {}, - "children": [], - "parent": { - "nodeName": "SECTION", - "nodeType": 1 - } } ], "parent": { "nodeName": "DIV", "nodeType": 1 } - }, - { - "nodeType": 3, - "nodeName": "#text", - "textContent": "\n", - "attributes": {}, - "computedStyles": {}, - "pseudoStyles": {}, - "children": [], - "parent": { - "nodeName": "DIV", - "nodeType": 1 - } } ], "parent": null, diff --git a/_includes/recursive_list.liquid b/_includes/recursive_list.liquid new file mode 100644 index 0000000..3404969 --- /dev/null +++ b/_includes/recursive_list.liquid @@ -0,0 +1,31 @@ +{% for item in include.items %} +
  • + {% case item.nodeType %} + {% when 1 %} + <{{ item.nodeName | downcase }}> + + {% when 2 %} + {{ item.nodeName }} + {% when 3 %} + {{ item.nodeName | remove_first: '#' | capitalize }}: {{ item.textContent }} + {% else %} + {{ item.nodeName }} + {% endcase %} + +
    • +{% endfor %} \ No newline at end of file diff --git a/_layouts/side-by-side.html b/_layouts/side-by-side.html index f4ec6cf..f5e1f9d 100644 --- a/_layouts/side-by-side.html +++ b/_layouts/side-by-side.html @@ -17,6 +17,11 @@
    {{ page.status }}
    {{ side-by-side.dependencies[ page.lang ] }}
    {{ page.dependency }}
    +
    {{ side-by-side.zenhub-ticket[ page.lang ] }}
    +
    #{{ page.zenhub-issue | default: "not available" }}
    +
    {{ side-by-side.alignment[ page.lang ] }}
    +
    @@ -87,37 +92,14 @@

    {{ side-by-side.node-relationship[ page.lang ] }}

    {% endif %}
    {{ side-by-side.child-nodes[ page.lang ] }}
    - {% if component.gcweb.children.size > 1 %} - {{ side-by-side.contains[ page.lang ] }} {{ component.gcweb.children | size }} {{ side-by-side.child-nodes[ page.lang ] | downcase }} + {% assign dom = component.gcweb.children %} + {% if dom.size > 1 %} + {{ side-by-side.contains[ page.lang ] }} {{ dom | size }} {{ side-by-side.child-nodes[ page.lang ] | downcase }} {% else %} - {{ side-by-side.contains[ page.lang ] }} {{ component.gcweb.children | size }} {{ side-by-side.child-node[ page.lang ] | downcase }} + {{ side-by-side.contains[ page.lang ] }} {{ dom | size }} {{ side-by-side.child-node[ page.lang ] | downcase }} {% endif %}
      - {% for child in component.gcweb.children %} - {% case child.nodeType %} - {% when 1 %} -
    • - <{{ child.nodeName | downcase }}>
      -
        - {% for rule in child.computedStyles %} -
      • {{ rule[0] }}: - {% if rule[1] contains "rgb" %} - {{ rule[1] }} - {% else %} - {{ rule[1] }} - {% endif %} -
        • - {% endfor %} -
      -
      • - {% when 2 %} -
    • {{ child.nodeName }}
      • - {% when 3 %} -
    • {{ child.nodeName | remove_first: '#' }}
      • - {% else %} -
    • {{ child.nodeName }}
      • - {% endcase %} - {% endfor %} + {% include recursive_list.liquid items=dom %}
    @@ -169,37 +151,14 @@

    {{ side-by-side.node-relationship[ page.lang ] }}

    {% endif %}
    {{ side-by-side.child-nodes[ page.lang ] }}
    - {% if component.gcds.shadowRoot[0].children.size > 1 %} - {{ side-by-side.contains[ page.lang ] }} {{ component.gcds.shadowRoot[0].children | size }} {{ side-by-side.child-nodes[ page.lang ] | downcase }} + {% assign shadowDom = component.gcds.shadowRoot[0].children %} + {% if shadowDom.size > 1 %} + {{ side-by-side.contains[ page.lang ] }} {{ shadowDom | size }} {{ side-by-side.child-nodes[ page.lang ] | downcase }} {% else %} - {{ side-by-side.contains[ page.lang ] }} {{ component.gcds.shadowRoot[0].children | size }} {{ side-by-side.child-node[ page.lang ] | downcase }} + {{ side-by-side.contains[ page.lang ] }} {{ shadowDom | size }} {{ side-by-side.child-node[ page.lang ] | downcase }} {% endif %}
      - {% for child in component.gcds.shadowRoot[0].children %} - {% case child.nodeType %} - {% when 1 %} -
    • - <{{ child.nodeName | downcase }}>
      -
        - {% for rule in child.computedStyles %} -
      • {{ rule[0] }}: - {% if rule[1] contains "rgb" %} - {{ rule[1] }} - {% else %} - {{ rule[1] }} - {% endif %} -
        • - {% endfor %} -
      -
      • - {% when 2 %} -
    • {{ child.nodeName }}
      • - {% when 3 %} -
    • {{ child.nodeName | remove_first: '#' }}
      • - {% else %} -
    • {{ child.nodeName }}
      • - {% endcase %} - {% endfor %} + {% include recursive_list.liquid items=shadowDom %}
    diff --git a/assets/js/export-json-tool.js b/assets/js/export-json-tool.js index d3ef135..e6bd367 100644 --- a/assets/js/export-json-tool.js +++ b/assets/js/export-json-tool.js @@ -15,7 +15,7 @@ function updateState(updates) { function renderUI() { document.getElementById('patternName').value = state.patternName; if (state.patternSource) { - document.querySelector(`input[name="patternSource"][value="${state.patternSource}"]`).checked = true; + document.querySelector(`input[name="patternSource"][value="${state.patternSource}"]`).checked = true; } document.getElementById('content').value = state.content; document.getElementById('jsonPreview').textContent = state.jsonData; @@ -29,40 +29,40 @@ function renderUI() { iframeDoc.close(); if (state.patternSource === 'GCDS') { - const scriptModule = iframeDoc.createElement('script'); - scriptModule.type = 'module'; - scriptModule.src = 'https://cdn.design-system.alpha.canada.ca/@cdssnc/gcds-components@latest/dist/gcds/gcds.esm.js'; - iframeDoc.head.appendChild(scriptModule); - - const scriptNoModule = iframeDoc.createElement('script'); - scriptNoModule.nomodule = true; - scriptNoModule.src = 'https://cdn.design-system.alpha.canada.ca/@cdssnc/gcds-components@latest/dist/gcds/gcds.js'; - iframeDoc.head.appendChild(scriptNoModule); + const scriptModule = iframeDoc.createElement('script'); + scriptModule.type = 'module'; + scriptModule.src = 'https://cdn.design-system.alpha.canada.ca/@cdssnc/gcds-components@latest/dist/gcds/gcds.esm.js'; + iframeDoc.head.appendChild(scriptModule); + + const scriptNoModule = iframeDoc.createElement('script'); + scriptNoModule.nomodule = true; + scriptNoModule.src = 'https://cdn.design-system.alpha.canada.ca/@cdssnc/gcds-components@latest/dist/gcds/gcds.js'; + iframeDoc.head.appendChild(scriptNoModule); } // Append stylesheets and scripts from parent document to iframe Array.from(document.styleSheets).forEach(sheet => { - if (sheet.href) { - const link = iframeDoc.createElement('link'); - link.rel = 'stylesheet'; - link.href = sheet.href; - iframeDoc.head.appendChild(link); - } else if (sheet.ownerNode && sheet.ownerNode.tagName === 'STYLE') { - const style = iframeDoc.createElement('style'); - style.textContent = sheet.ownerNode.textContent; - iframeDoc.head.appendChild(style); - } + if (sheet.href) { + const link = iframeDoc.createElement('link'); + link.rel = 'stylesheet'; + link.href = sheet.href; + iframeDoc.head.appendChild(link); + } else if (sheet.ownerNode && sheet.ownerNode.tagName === 'STYLE') { + const style = iframeDoc.createElement('style'); + style.textContent = sheet.ownerNode.textContent; + iframeDoc.head.appendChild(style); + } }); +} - iframe.onload = async () => { - setTimeout(async () => { - const root = iframeDoc.body.firstElementChild; - const domInfo = traverseDOM(root); - const jsonData = JSON.stringify(domInfo, null, 2); - updateState({ jsonData }); - document.getElementById('jsonPreview').textContent = jsonData; // Update JSON preview - }, 500) - }; +// Function to copy JSON to clipboard +function copyJsonToClipboard() { + const jsonContent = document.getElementById('jsonPreview').textContent; + navigator.clipboard.writeText(jsonContent).then(() => { + alert('JSON copied to clipboard!'); + }).catch(err => { + console.error('Failed to copy JSON: ', err); + }); } // Initial setup @@ -70,100 +70,137 @@ document.addEventListener('DOMContentLoaded', () => { renderUI(); // Initial rendering of the UI document.getElementById('patternName').addEventListener('input', (event) => { - updateState({ patternName: event.target.value }); + updateState({ patternName: event.target.value }); }); document.querySelectorAll('input[name="patternSource"]').forEach(radio => { - radio.addEventListener('change', (event) => { - updateState({ patternSource: event.target.value }); - }); + radio.addEventListener('change', (event) => { + updateState({ patternSource: event.target.value }); + }); }); document.getElementById('content').addEventListener('input', (event) => { - updateState({ content: event.target.value }); + updateState({ content: event.target.value }); }); document.getElementById('getInfo').addEventListener('click', handleGetInfoOnClick); + + document.getElementById('copyJson').addEventListener('click', copyJsonToClipboard); }); +// Function to escape quotes in HTML content +function escapeQuotes(html) { + return html.replace(/"/g, '\\"'); +} + async function handleGetInfoOnClick() { const { patternName, patternSource, content } = state; if (!patternName || !patternSource || !content) { - alert('All fields are required.'); - return; + alert('All fields are required.'); + return; } + // Trim all whitespace from the content + const trimmedContent = content.replace(/>\s+<').trim(); + const iframeContent = ` - - - - ${content} - + + + + ${trimmedContent} + `; updateState({ iframeContent }); - renderUI(); // Only render UI when the export button is clicked -} + renderUI(); -function getNodeInfo(node) { - const nodeInfo = { - nodeType: node.nodeType, - nodeName: node.nodeName, - textContent: node.nodeType === Node.TEXT_NODE ? node.textContent : '', - attributes: {}, - computedStyles: {}, - pseudoStyles: {} - }; + const iframe = document.getElementById('renderFrame'); + const iframeDoc = iframe.contentDocument || iframe.contentWindow.document; - if (node.nodeType === Node.ELEMENT_NODE) { - Array.from(node.attributes).forEach(attr => { - nodeInfo.attributes[attr.name] = attr.value; - }); - - const computedStyles = window.getComputedStyle(node); - - // Create a new element of the same type to compare default styles - const defaultElement = document.createElement(node.nodeName); - document.body.appendChild(defaultElement); - const defaultStyles = window.getComputedStyle(defaultElement); - - for (let style of computedStyles) { - const value = computedStyles.getPropertyValue(style); - const defaultValue = defaultStyles.getPropertyValue(style); - if (value !== defaultValue) { - nodeInfo.computedStyles[style] = value; - } - } + // Wait for the iframe to load and scripts to execute + await new Promise(resolve => { + iframe.onload = async () => { + await executeScripts(iframeDoc); + setTimeout(resolve, 1000); // Wait a bit more to ensure all scripts are executed + }; + }); - // Clean up the default element - document.body.removeChild(defaultElement); - - // Capture pseudo-styles - const pseudoStates = [':hover', ':active', ':visited', ':focus']; - pseudoStates.forEach(state => { - const pseudoStyles = window.getComputedStyle(node, state); - nodeInfo.pseudoStyles[state] = {}; - for (let style of pseudoStyles) { - const value = pseudoStyles.getPropertyValue(style); - if (value !== 'none' && value !== 'auto' && value !== 'normal' && value !== '0') { - nodeInfo.pseudoStyles[state][style] = value; - } - } - }); - } + const root = iframeDoc.body.firstElementChild; + const domInfo = traverseDOM(root); - return nodeInfo; + // Create the new structure with patternSource as the top-level key + const finalDomInfo = { + [patternSource.toLowerCase()]: { + ...domInfo, + html: escapeQuotes(trimmedContent) + } + }; + + const jsonData = JSON.stringify(finalDomInfo, null, 2); + updateState({ jsonData }); + + document.getElementById('jsonPreview').textContent = jsonData; } function traverseDOM(node, parentInfo = null) { const nodeInfo = getNodeInfo(node); nodeInfo.children = Array.from(node.childNodes).map(child => traverseDOM(child, nodeInfo)); - nodeInfo.parent = parentInfo && parentInfo.nodeName != 'BODY' ? { nodeName: parentInfo.nodeName, nodeType: parentInfo.nodeType } : null; + nodeInfo.parent = parentInfo && parentInfo.nodeName !== 'BODY' ? { nodeName: parentInfo.nodeName, nodeType: parentInfo.nodeType } : null; // Traverse Shadow DOM if it exists if (node.shadowRoot) { - nodeInfo.shadowRoot = Array.from(node.shadowRoot.childNodes).map(child => traverseDOM(child, nodeInfo)); + nodeInfo.shadowRoot = Array.from(node.shadowRoot.childNodes).map(child => traverseDOM(child, nodeInfo)); + } + + return nodeInfo; +} + +function getNodeInfo(node) { + const nodeInfo = { + nodeType: node.nodeType, + nodeName: node.nodeName, + textContent: node.nodeType === Node.TEXT_NODE ? node.textContent : '', + attributes: {}, + computedStyles: {}, + pseudoStyles: {} + }; + + if (node.nodeType === Node.ELEMENT_NODE) { + Array.from(node.attributes).forEach(attr => { + nodeInfo.attributes[attr.name] = attr.value; + }); + + const computedStyles = window.getComputedStyle(node); + + // Create a new element of the same type to compare default styles + const defaultElement = document.createElement(node.nodeName); + document.body.appendChild(defaultElement); + const defaultStyles = window.getComputedStyle(defaultElement); + + for (let style of computedStyles) { + const value = computedStyles.getPropertyValue(style); + const defaultValue = defaultStyles.getPropertyValue(style); + if (value !== defaultValue) { + nodeInfo.computedStyles[style] = value; + } + } + + // Clean up the default element + document.body.removeChild(defaultElement); + + // Capture pseudo-styles + const pseudoStates = [':hover', ':active', ':visited', ':focus']; + pseudoStates.forEach(state => { + const pseudoStyles = window.getComputedStyle(node, state); + nodeInfo.pseudoStyles[state] = {}; + for (let style of pseudoStyles) { + const value = pseudoStyles.getPropertyValue(style); + if (value !== 'none' && value !== 'auto' && value !== 'normal' && value !== '0') { + nodeInfo.pseudoStyles[state][style] = value; + } + } + }); } return nodeInfo; @@ -171,24 +208,24 @@ function traverseDOM(node, parentInfo = null) { function executeScripts(iframeDoc) { return new Promise((resolve) => { - const scriptTags = Array.from(iframeDoc.querySelectorAll('script')); - let loadedScripts = 0; - scriptTags.forEach((scriptTag) => { - const scriptElement = iframeDoc.createElement('script'); - if (scriptTag.type) scriptElement.type = scriptTag.type; - if (scriptTag.src) { - scriptElement.src = scriptTag.src; - scriptElement.onload = () => { - loadedScripts += 1; - if (loadedScripts === scriptTags.length) resolve(); - }; - } else { - scriptElement.textContent = scriptTag.textContent; - loadedScripts += 1; - } - iframeDoc.head.appendChild(scriptElement); - scriptTag.remove(); - }); - if (loadedScripts === scriptTags.length) resolve(); + const scriptTags = Array.from(iframeDoc.querySelectorAll('script')); + let loadedScripts = 0; + scriptTags.forEach((scriptTag) => { + const scriptElement = iframeDoc.createElement('script'); + if (scriptTag.type) scriptElement.type = scriptTag.type; + if (scriptTag.src) { + scriptElement.src = scriptTag.src; + scriptElement.onload = () => { + loadedScripts += 1; + if (loadedScripts === scriptTags.length) resolve(); + }; + } else { + scriptElement.textContent = scriptTag.textContent; + loadedScripts += 1; + } + iframeDoc.head.appendChild(scriptElement); + scriptTag.remove(); + }); + if (loadedScripts === scriptTags.length) resolve(); }); -} +} \ No newline at end of file diff --git a/assets/js/scripts.js b/assets/js/scripts.js new file mode 100644 index 0000000..a6d113d --- /dev/null +++ b/assets/js/scripts.js @@ -0,0 +1,7 @@ +const is_safari = + navigator.userAgent.includes("AppleWebKit/") && + !navigator.userAgent.includes("Chrome/"); + +if (is_safari) { + document.body.classList.add("safari"); +} \ No newline at end of file diff --git a/en/index.md b/en/index.md index 4d0e013..44fa67c 100644 --- a/en/index.md +++ b/en/index.md @@ -1,35 +1,29 @@ --- breadcrumbs: false +dateModified: 2020-07-04 title: Mandatory elements ---

    List of Canada.ca GC mandatory elements: differences between Canada.ca DS and GC Design System. Their rationale should be explained in the documentation of each pattern.

    - -

    Todo

    -
    - -
    -
    - -
    -
    - -
    -
    - -
    -

    Link to the parser

    +

    To help with the comparison, we have created a parser that extracts key DOM information about a component.

    +

    We're working on a comparison methodology> to evaluate the visual alignment of components from the two different design systems.

    Table of mandatory elements

    {% for collection in site.collections %} {%- unless collection.label contains "posts" -%} - - +
    {{ collection.label }}
    + + + + + + + @@ -38,6 +32,7 @@ title: Mandatory elements + {%- endfor -%} @@ -45,4 +40,6 @@ title: Mandatory elements {%- endunless -%} {% endfor %} - \ No newline at end of file + + +

    Link to the parser

    \ No newline at end of file diff --git a/en/methodology.md b/en/methodology.md new file mode 100644 index 0000000..c868180 --- /dev/null +++ b/en/methodology.md @@ -0,0 +1,132 @@ +--- +breadcrumbs: +- title: Home + link: "/en/" +dateModified: 2024-07-11 +lang: en +title: Comparison methodology +--- + +To compare the visual alignment of components from the two different design systems, we can use a systematic methodology that examines key visual elements such as typography, spacing, and colors. Here's a step-by-step approach to create this comparison: + +### 1. Defining comparison criteria +Establishing a set of criteria for comparing components. These criteria can include: + +- **Typography**: Font family, size, weight, line height, and letter spacing. +- **Spacing**: Padding, margin, and overall component dimensions. +- **Colors**: Background color, border color, text color, and hover/active states. +- **Layout**: Responsiveness, grid systems, and layout alignment. + +### 2. Gathering component data +Collecting detailed information about the components we want to compare from each design system. For example, for buttons: + +- GCDS: Typography (font family, size, weight), padding, margin, background color, border color, text color. +- GCWeb: Same set of properties. + +### 3. Creating a comparison matrix +Create a matrix or a table to visually compare each component's properties. Here’s an example structure: + +
    {{ collection.label }}
    Total: {{ collection.docs.size }}
    Name Status DependenciesAlignment
    {{ pattern.title }} {{ pattern.status }} {{ pattern.dependency }}
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    PropertyGCDSGCWeb
    Font FamilyArialHelvetica
    Font Size14px16px
    Font WeightBoldNormal
    Line Height1.51.4
    Letter Spacing0.5px0.2px
    Padding10px 20px12px 18px
    Margin8px10px
    Background Color#007BFF#0066CC
    Border Color#0056b3#004080
    Text Color#FFFFFF#FFFFFF
    Hover StateDarker shadeDarker shade
    + +### 4. Visual analysis +Use visual aids to help compare the components. This can include: + +- **Screenshots**: Place screenshots of the components side by side. +- **Overlay Comparison**: Overlay one component on top of the other with some transparency to see differences directly. +- **Design Tools**: Use tools like Figma, Sketch, or Adobe XD to import the components and compare them within a design file. + +### 5. Quantitative and qualitative analysis +- **Quantitative**: Measuring and noting the exact differences in values (e.g., font size differences in pixels, padding in pixels). +- **Qualitative**: Describing the visual impact of these differences. For instance, "The buttons in GCDS have a bolder appearance due to the thicker font weight and slightly larger padding." + +### 6. Scoring system +Developing a scoring system to rank the alignment level. This can be a simple scale (e.g., 1 to 5) for each property or a more complex weighted system if certain properties are more important than others. + +### 7. Summary and recommendations +Summarizing our findings in a report. Highlight areas where the components align well and where there are significant differences. Providing recommendations on how to achieve better visual alignment if needed. + +### Example Comparison Process +1. **Typography**: + - Comparing font families to see if they have similar characteristics. + - Measuring font sizes and weights to identify discrepancies. + - Checking line height and letter spacing for consistency. + +2. **Spacing**: + - Measuring padding and margin around the components. + - Comparing the overall dimensions of similar components. + +3. **Colors**: + - Comparing the hex codes of background, border, and text colors. + - Looking at the color contrast and accessibility compliance. + +### Tools for comparison +- **Design Inspection Tools**: Tools like Figma's Inspect feature or parser (that export detailled DOM information) can help extract exact values for typography, spacing, and colors. +- **Browser Dev Tools**: Use browser developer tools to inspect and compare CSS properties directly from live websites. +- **Comparison Tools**: Tools like [Applitools](https://applitools.com/) or [AyeSpy](https://github.com/newsuk/AyeSpy) can also facilitate the comparison of design specs. + +By following a structured methodology, we can effectively compare the visual alignment of components from the different design systems, ensuring a thorough analysis of typography, spacing, and colors. \ No newline at end of file diff --git a/en/parser.md b/en/parser.md index a5d11c4..18bbe3c 100644 --- a/en/parser.md +++ b/en/parser.md @@ -3,12 +3,13 @@ breadcrumbs: - title: Home link: "/en/" dateModified: 2024-05-24 +lang: en script: "../assets/js/export-json-tool.js" title: Export Detailed DOM Info to JSON ---
    -

    Some description

    +

    This tool allows you to analyze a DOM node by providing detailed information about its CSS and HTML relationships. It helps you understand how different elements are styled and structured within the node.

    @@ -24,12 +25,16 @@ title: Export Detailed DOM Info to JSON
    - +
    +

    JSON Preview

    
-    
+    
    
+      
+      
+