diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 000000000..ce38d8a82 --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,83 @@ +GIT + remote: https://github.com/benbalter/jekyll-remote-theme.git + revision: 8d4b7a70ef293b38df93944c5c7953d5c9c3079a + branch: master + specs: + jekyll-remote-theme (0.4.3) + addressable (~> 2.0) + jekyll (>= 3.5, < 5.0) + jekyll-sass-converter (>= 1.0, <= 3.0.0, != 2.0.0) + rubyzip (>= 1.3.0, < 3.0) + +GEM + remote: https://rubygems.org/ + specs: + addressable (2.8.1) + public_suffix (>= 2.0.2, < 6.0) + colorator (1.1.0) + concurrent-ruby (1.1.10) + em-websocket (0.5.3) + eventmachine (>= 0.12.9) + http_parser.rb (~> 0) + eventmachine (1.2.7) + ffi (1.15.5) + forwardable-extended (2.6.0) + http_parser.rb (0.8.0) + i18n (1.12.0) + concurrent-ruby (~> 1.0) + jekyll (4.3.1) + addressable (~> 2.4) + colorator (~> 1.0) + em-websocket (~> 0.5) + i18n (~> 1.0) + jekyll-sass-converter (>= 2.0, < 4.0) + jekyll-watch (~> 2.0) + kramdown (~> 2.3, >= 2.3.1) + kramdown-parser-gfm (~> 1.0) + liquid (~> 4.0) + mercenary (>= 0.3.6, < 0.5) + pathutil (~> 0.9) + rouge (>= 3.0, < 5.0) + safe_yaml (~> 1.0) + terminal-table (>= 1.8, < 4.0) + webrick (~> 1.7) + jekyll-sass-converter (2.2.0) + sassc (> 2.0.1, < 3.0) + jekyll-watch (2.2.1) + listen (~> 3.0) + kramdown (2.4.0) + rexml + kramdown-parser-gfm (1.1.0) + kramdown (~> 2.0) + liquid (4.0.3) + listen (3.7.1) + rb-fsevent (~> 0.10, >= 0.10.3) + rb-inotify (~> 0.9, >= 0.9.10) + mercenary (0.4.0) + pathutil (0.16.2) + forwardable-extended (~> 2.6) + public_suffix (5.0.0) + rb-fsevent (0.11.2) + rb-inotify (0.10.1) + ffi (~> 1.0) + rexml (3.2.5) + rouge (3.30.0) + rubyzip (2.3.2) + safe_yaml (1.0.5) + sassc (2.4.0) + ffi (~> 1.9) + terminal-table (3.0.2) + unicode-display_width (>= 1.1.1, < 3) + unicode-display_width (2.3.0) + webrick (1.7.0) + +PLATFORMS + x86_64-darwin-21 + x86_64-darwin-22 + +DEPENDENCIES + jekyll + jekyll-remote-theme! + +BUNDLED WITH + 2.3.26 diff --git a/_config.yml b/_config.yml index 831f415ac..1da7eb9c9 100644 --- a/_config.yml +++ b/_config.yml @@ -1 +1,18 @@ +# Jekyll settings +defaults: + - + scope: + path: working-on/sliding-nav/ + values: + css: + - /working-on/sliding-nav/layered-theme-menu-mr-tp.css + - https://use.fontawesome.com/releases/v5.6.3/css/all.css + layout: without-h1 + lang: en + nomenu: true + pageclass: cnt-wdth-lmtd + +plugins: + - jekyll-remote-theme + remote_theme: wet-boew/gcweb-jekyll \ No newline at end of file diff --git a/_includes/authentication/authentication.html b/_includes/authentication/authentication.html new file mode 100644 index 000000000..f2bcded75 --- /dev/null +++ b/_includes/authentication/authentication.html @@ -0,0 +1,37 @@ +
+

+ {%- unless page.auth.type == "contextual" -%} + {{ i18nText-signOnOff }} + {%- else -%} + {{ i18nText-signIn }} + {%- endunless -%} +

+{%- if page.auth.type == "contextual" -%} + {% assign label = page.auth.label | truncate: 12, "" %} + {% assign labelExtended = page.auth.labelExtended | truncate: 25, "" %} + {%- if page.auth.json -%} + + {{ label }} + + + {%- else -%} + + {%- if label and labelExtended -%} + {{ label }} + + {%- elsif label -%} + {{ label }} + {%- else -%} + {{ i18nText-signIn }} + {% endif %} + + {%- endif -%} +{%- elsif page.auth.type == "signedoff" -%} + + +{% else %} + + +

{{ i18nText-signAs }} John Doe

+{%- endif -%} +
diff --git a/_includes/footers/footer.html b/_includes/footers/footer.html new file mode 100644 index 000000000..2b6eb1a60 --- /dev/null +++ b/_includes/footers/footer.html @@ -0,0 +1,186 @@ +{%- capture footerIncludeVersion -%} + {%- if page.includes.footer -%} + {{ page.includes.footer }} + {%- else -%} + {{ site.includes.footer }} + {%- endif -%} +{%- endcapture -%} + +{%- capture contextualFooterTitle -%} + {%- if page.contextualFooter.title -%} + {{ page.contextualFooter.title }} + {%- elsif site.global.contextualFooter.title[i18nText-lang] -%} + {{ site.global.contextualFooter.title[i18nText-lang] }} + {%- endif -%} +{%- endcapture -%} + +{%- capture termsUrl -%} + {%- if page.termsUrl -%} + {{ page.termsUrl }} + {%- elsif site.global.termsUrl[i18nText-lang] -%} + {{ site.global.termsUrl[i18nText-lang] }} + {%- else -%} + {{ i18nText-termsUrl }} + {%- endif -%} +{%- endcapture -%} + +{%- capture privacyUrl -%} + {%- if page.privacyUrl -%} + {{ page.privacyUrl }} + {%- elsif site.global.privacyUrl[i18nText-lang] -%} + {{ site.global.privacyUrl[i18nText-lang] }} + {%- else -%} + {{ i18nText-privacyUrl }} + {%- endif -%} +{%- endcapture -%} + +{%- comment -%} Footer version control, allow to use multiple version of an include to ease migration {%- endcomment -%} +{%- if footerIncludeVersion == "v2" -%} + + {%- comment -%} +TODO+ Removal not before December 2023 {%- endcomment -%} + {% include footers/deprecated/footers-v2.html %} + +{%- else -%} + + + +{%- endif -%} diff --git a/working-on/.gitignore b/working-on/.gitignore index b5beeb6fc..930421e9f 100644 --- a/working-on/.gitignore +++ b/working-on/.gitignore @@ -55,4 +55,6 @@ $RECYCLE.BIN/ ### Other ### # Temporary folders tmp/ -temp/ \ No newline at end of file +temp/ + +node_modules/ \ No newline at end of file diff --git a/working-on/index.md b/working-on/index.md new file mode 100644 index 000000000..8d4844dda --- /dev/null +++ b/working-on/index.md @@ -0,0 +1,4 @@ +--- +title: Working on index +--- +Some text \ No newline at end of file diff --git a/working-on/sliding-nav/accordion-nav-2023.html b/working-on/sliding-nav/accordion-nav-2023.html new file mode 100644 index 000000000..9507cc5ce --- /dev/null +++ b/working-on/sliding-nav/accordion-nav-2023.html @@ -0,0 +1,22 @@ +--- +feedbackPath: "ajax/report-problem-en.html" +title: Sliding navigation demo - Canada.ca mandatory template - Canada.ca +--- + +
+
Some content
+
diff --git a/working-on/sliding-nav/ajax/report-problem-en.html b/working-on/sliding-nav/ajax/report-problem-en.html new file mode 100644 index 000000000..1c10340a8 --- /dev/null +++ b/working-on/sliding-nav/ajax/report-problem-en.html @@ -0,0 +1,78 @@ +
+
+ Report a problem on this page +
+
+
+
+ + + + + + + +
+ + Please select all that apply: + +
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+ +
+
+

Thank you for your help!

+

You will not receive a reply. For enquiries, please contact us.

+
+

Something went wrong. Please submit your information via an alternative method.

+
+
+
+
diff --git a/working-on/sliding-nav/alpha-layered-theme-menu-mr-tp.css b/working-on/sliding-nav/alpha-layered-theme-menu-mr-tp.css new file mode 100644 index 000000000..114b2b7a3 --- /dev/null +++ b/working-on/sliding-nav/alpha-layered-theme-menu-mr-tp.css @@ -0,0 +1,172 @@ +/* #gc-mnu * { + outline: 1px solid green; +} */ + +/* #gc-mnu-jobs { DELISMA: I think that was required for debugging purposes on desktop. It breaks the mobile view + position: relative; DELISMA: for mobile this needs to be overriden + padding: 0 0 0 28px; + border-left: 5px solid #26374a; + border-top: 0; + display: block; DELISMA: for mobile this needs to be overriden +} */ + + + +body { + margin-top: 30px; /* JM fixing the spacing above the FIP */ +} + +.breadcrumb { /* JM fixing the BC alignment */ + position: relative; + top: -50px; +} + +/* JM: need button when selected to turn dark blue - this isn't working */ + +.alpha .test-gcweb-menu .visible-md.visible-lg button[role=menuitem]:hover { + background-color: #f5f5f5; +} + +.alpha .test-gcweb-menu .visible-md.visible-lg button[role=menuitem][aria-expanded=true]:focus, +.alpha .test-gcweb-menu .visible-md.visible-lg button[role=menuitem][aria-expanded=true]:active { + background-color: #26374a; + color: white; +} + +#gc-mnu, +#gc-mnu-jobs, +#gc-mnu-cit, +#gc-mnu-travel, +#gc-mnu-biz, +#gc-mnu-benny, +#gc-mnu-health, +#gc-mnu-taxes, +#gc-mnu-enviro, +#gc-mnu-defence, +#gc-mnu-culture, +#gc-mnu-policing, +#gc-mnu-trans, +#gc-mnu-canworld, +#gc-mnu-money, +#gc-mnu-science, /* JM: this had a typo and was mn-science */ +#gc-mnu-indigenous, +#gc-mnu-veterans { + padding: 0 0 20px 28px; + border-bottom: 5px solid #f5f5f5; + border-left: 5px solid #26374a; + border-top: 0; + margin-bottom: 15px; +} + +/* for desktop - but it's fine if it can toggle too */ +/* #jobs:focus + #gc-mnu-jobs, +#jobs:hover + #gc-mnu-jobs { + display: block; /* DELISMA: for mobile this needs to be overriden +} */ +.alpha .test-gcweb-menu .visible-md.visible-lg button[role=menuitem] { + background-color: transparent; + border: none; + color: #284162; + font-size: 15px; + line-height: 1.1em; + padding: 14px 30px; + text-align: left; + text-transform: initial; +} + +.alpha .test-gcweb-menu [role=menuitem] { + width: 100%; +} +/* mobile needs to toggle it on click - cant work though because I have to use the href field being used by the ajax ? ... */ +/* #jobs:target ~ div a[href="#gc-mnu-jobs"], +#jobs-2:target ~ div a[href="#gc-mnu-jobs"] { + display: none; +} +#showdiv1:target ~ div a[href="#hidediv1"], +#showdiv2:target ~ div a[href="#hidediv2"] { + display: inline-block; +} */ + +/* other methods for the toggle CSS involve using a label / input */ + + +.most-requested li { + font-family: Lato,sans-serif; + font-size: 17px; + font-weight: 700; + line-height: 26px; + list-style-type: disc; +} + +.lst-spcd-1 li { + margin-bottom: 8px; +} + +.most-requested .well-sm { + margin-left: -25px; +} + +.lst-responsive-2 li { + width: 50%; +} + +@media (min-width: 990px) { + #gc-mnu, + #gc-mnu-jobs, + #gc-mnu-cit, + #gc-mnu-travel, + #gc-mnu-biz, + #gc-mnu-benny, + #gc-mnu-health, + #gc-mnu-taxes, + #gc-mnu-enviro, + #gc-mnu-defence, + #gc-mnu-culture, + #gc-mnu-policing, + #gc-mnu-trans, + #gc-mnu-canworld, + #gc-mnu-money, + #gc-mnu-science, /* JM: this had a typo and was mn-science */ + #gc-mnu-indigenous, + #gc-mnu-veterans { + left: -90px; + top: -40px; + position: relative; + padding: 0 0 0 28px; + border-bottom: none; + border-left: 5px solid #26374a; + border-top: 0; + display: block; + } +} + + + + + +/* not needed because container with classes col- works already fairly well +@media screen and (min-width: 1201px) and (max-width: 1440px) { + #gc-mnu-jobs { + width: 816px; + } +} +@media screen and (min-width: 1025px) and (max-width: 1200px) { + #gc-mnu-jobs { + width: 700px; + } +} +@media screen and (min-width: 992px) and (max-width: 1024px){ + #gc-mnu-jobs { + width: 676px; + } +} +/* @media (min-width: 768px) { + #gc-mnu-jobs { + width: 750px; + } +} */ + +/* DEBUG CSS */ +.gc-mnu * { + out_line: 1px solid limegreen; +} \ No newline at end of file diff --git a/working-on/sliding-nav/contextual.json b/working-on/sliding-nav/contextual.json new file mode 100644 index 000000000..79aa557b0 --- /dev/null +++ b/working-on/sliding-nav/contextual.json @@ -0,0 +1,258 @@ +{ + "jobs": { + "auth": { + "link": "/landing/sign-in-jobs-online-account", + "labelExtended": "Sign in to jobs" + }, + "contextualFooter": { + "links": [ + { + "url": "jobs/someUrl.html", + "text": "Contact jobs" + } + ] + } + }, + "immigration": { + "auth": { + "link": "/landing/sign-in-immigration-online-account", + "labelExtended": "Sign in to immigration" + }, + "contextualFooter": { + "links": [ + { + "url": "immigration/someUrl.html", + "text": "Contact immigration" + } + ] + } + }, + "travel": { + "auth": { + "link": "/landing/sign-in-travel-online-account", + "labelExtended": "Sign in to travel" + }, + "contextualFooter": { + "links": [ + { + "url": "travel/someUrl.html", + "text": "Contact travel" + } + ] + } + }, + "business": { + "auth": { + "link": "/landing/sign-in-business-online-account", + "labelExtended": "Sign in to business" + }, + "contextualFooter": { + "links": [ + { + "url": "business/someUrl.html", + "text": "Contact business" + } + ] + } + }, + "benefits": { + "auth": { + "link": "/landing/sign-in-benefits-online-account", + "labelExtended": "Sign in to benefits" + }, + "contextualFooter": { + "links": [ + { + "url": "benefits/someUrl.html", + "text": "Contact benefits" + } + ] + } + }, + "health": { + "auth": { + "link": "/landing/sign-in-health-online-account", + "labelExtended": "Sign in to health" + }, + "contextualFooter": { + "links": [ + { + "url": "health/someUrl.html", + "text": "Contact health" + } + ] + } + }, + "taxes": { + "auth": { + "link": "/landing/sign-in-taxes-online-account", + "labelExtended": "Sign in to taxes" + }, + "contextualFooter": { + "links": [ + { + "url": "taxes/someUrl.html", + "text": "Contact taxes" + } + ] + } + }, + "environment": { + "auth": { + "link": "/landing/sign-in-environment-online-account", + "labelExtended": "Sign in to environment" + }, + "contextualFooter": { + "links": [ + { + "url": "environment/someUrl.html", + "text": "Contact environment" + } + ] + } + }, + "defence": { + "auth": { + "link": "/landing/sign-in-defence-online-account", + "labelExtended": "Sign in to defence" + }, + "contextualFooter": { + "links": [ + { + "url": "defence/someUrl.html", + "text": "Contact defence" + } + ] + } + }, + "culture": { + "auth": { + "link": "/landing/sign-in-culture-online-account", + "labelExtended": "Sign in to culture" + }, + "contextualFooter": { + "links": [ + { + "url": "culture/someUrl.html", + "text": "Contact culture" + } + ] + } + }, + "policing": { + "auth": { + "link": "/landing/sign-in-policing-online-account", + "labelExtended": "Sign in to policing" + }, + "contextualFooter": { + "links": [ + { + "url": "policing/someUrl.html", + "text": "Contact policing" + } + ] + } + }, + "transport": { + "auth": { + "link": "/landing/sign-in-transport-online-account", + "labelExtended": "Sign in to transport" + }, + "contextualFooter": { + "links": [ + { + "url": "transport/someUrl.html", + "text": "Contact transport" + } + ] + } + }, + "world": { + "auth": { + "link": "/landing/sign-in-world-online-account", + "labelExtended": "Sign in to world" + }, + "contextualFooter": { + "links": [ + { + "url": "world/someUrl.html", + "text": "Contact world" + } + ] + } + }, + "money": { + "auth": { + "link": "/landing/sign-in-money-online-account", + "labelExtended": "Sign in to money" + }, + "contextualFooter": { + "links": [ + { + "url": "money/someUrl.html", + "text": "Contact money" + } + ] + } + }, + "science": { + "auth": { + "link": "/landing/sign-in-science-online-account", + "labelExtended": "Sign in to science" + }, + "contextualFooter": { + "links": [ + { + "url": "science/someUrl.html", + "text": "Contact science" + } + ] + } + }, + "indigenous": { + "auth": { + "link": "/landing/sign-in-indigenous-online-account", + "labelExtended": "Sign in to indigenous" + }, + "contextualFooter": { + "links": [ + { + "url": "indigenous/someUrl.html", + "text": "Contact indigenous" + } + ] + } + }, + "veterans": { + "auth": { + "link": "/landing/sign-in-veterans-online-account", + "labelExtended": "Sign in to veterans" + }, + "contextualFooter": { + "links": [ + { + "url": "veterans/dnd/someUrl.html", + "text": "Contact veterans" + }, + { + "url": "veterans/rcmp/someUrl.html", + "text": "Contact veterans" + }, + { + "url": "veterans/army/someUrl.html", + "text": "Contact veterans" + } + ] + } + }, + "debug": { + "contextualFooter": { + "links": [ + { + "url": "", + "text": "" + } + ] + } + } +} \ No newline at end of file diff --git a/working-on/sliding-nav/index.md b/working-on/sliding-nav/index.md new file mode 100644 index 000000000..e0798ae6b --- /dev/null +++ b/working-on/sliding-nav/index.md @@ -0,0 +1,4 @@ +--- +title: Sliding nav index +--- +Some text \ No newline at end of file diff --git a/working-on/sliding-nav/layered-navigation-backup.html b/working-on/sliding-nav/layered-navigation-backup.html new file mode 100644 index 000000000..7d4b95d5a --- /dev/null +++ b/working-on/sliding-nav/layered-navigation-backup.html @@ -0,0 +1,1431 @@ +--- +altLangPage: /fr/node/716 +css: "" +date: 2022-10-09 +description: Back Jobs +layout: default +title: Layered navigation + +--- + + +
+
+
+ +
+ +
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + Back +
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +  Report a problem on this page +
+
+
+
+
+
+
+
Date modified:
+
+ +
+
+
+
+
+
+
+
+
+
+
+