@nationalarchives/frontend 0.1.9-prerelease → 0.1.10-prerelease
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/nationalarchives/_features.scss +1 -0
- package/nationalarchives/all.css +1 -1
- package/nationalarchives/all.css.map +1 -1
- package/nationalarchives/all.js +1 -1
- package/nationalarchives/all.js.map +1 -1
- package/nationalarchives/all.mjs +37 -2
- package/nationalarchives/assets/images/footer/facebook.svg +11 -0
- package/nationalarchives/assets/images/footer/flickr.svg +11 -0
- package/nationalarchives/assets/images/footer/instagram.svg +17 -0
- package/nationalarchives/assets/images/footer/rss.svg +13 -0
- package/nationalarchives/assets/images/footer/twitter.svg +14 -0
- package/nationalarchives/assets/images/footer/youtube.svg +12 -0
- package/nationalarchives/components/_all.scss +3 -0
- package/nationalarchives/components/breadcrumbs/_index.scss +2 -1
- package/nationalarchives/components/breadcrumbs/breadcrumbs.stories.js +1 -2
- package/nationalarchives/components/button/button.stories.js +1 -2
- package/nationalarchives/components/card/card.stories.js +1 -2
- package/nationalarchives/components/filters/filters.stories.js +1 -2
- package/nationalarchives/components/footer/_index.scss +46 -3
- package/nationalarchives/components/footer/fixtures.json +1 -1
- package/nationalarchives/components/footer/footer.stories.js +21 -24
- package/nationalarchives/components/footer/macro-options.json +12 -6
- package/nationalarchives/components/footer/template.njk +23 -13
- package/nationalarchives/components/grid/grid.stories.js +2 -3
- package/nationalarchives/components/header/_index.scss +180 -36
- package/nationalarchives/components/header/header.js +1 -1
- package/nationalarchives/components/header/header.js.map +1 -1
- package/nationalarchives/components/header/header.mjs +6 -0
- package/nationalarchives/components/header/header.stories.js +14 -5
- package/nationalarchives/components/header/macro-options.json +57 -5
- package/nationalarchives/components/header/template.njk +20 -8
- package/nationalarchives/components/hero/_index.scss +3 -0
- package/nationalarchives/components/hero/hero.stories.js +15 -13
- package/nationalarchives/components/hero/macro-options.json +1 -1
- package/nationalarchives/components/phase-banner/_index.scss +43 -0
- package/nationalarchives/components/phase-banner/fixtures.json +14 -0
- package/nationalarchives/components/phase-banner/macro-options.json +26 -0
- package/nationalarchives/components/phase-banner/macro.njk +3 -0
- package/nationalarchives/components/phase-banner/phase-banner.stories.js +38 -0
- package/nationalarchives/components/phase-banner/template.njk +16 -0
- package/nationalarchives/components/sensitive-image/sensitive-image.stories.js +1 -2
- package/nationalarchives/stories/development/contributing.mdx +38 -0
- package/nationalarchives/stories/development/dependencies.mdx +2 -0
- package/nationalarchives/stories/development/technologies.mdx +65 -0
- package/nationalarchives/templates/layouts/_generic.njk +1 -1
- package/nationalarchives/tools/_all.scss +1 -0
- package/nationalarchives/tools/_assets.scss +5 -0
- package/nationalarchives/tools/_media.scss +12 -11
- package/nationalarchives/utilities/_global.scss +95 -2
- package/nationalarchives/utilities/_typography.scss +109 -97
- package/nationalarchives/variables/_all.scss +1 -0
- package/nationalarchives/variables/_assets.scss +1 -0
- package/nationalarchives/variables/_colour.scss +88 -4
- package/nationalarchives/variables/_media.scss +39 -11
- package/package.json +15 -13
- package/nationalarchives/stories/development/structure.mdx +0 -7
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<img src="./src/nationalarchives/assets/images/tna-horizontal-logo-inverted.svg" alt="The National Archives logo" title="The National Archives" width="120" />
|
|
2
2
|
|
|
3
|
-
#
|
|
3
|
+
# National Archives Frontend
|
|
4
4
|
|
|
5
5
|
[](https://github.com/nationalarchives/tna-frontend/actions/workflows/ci.yml?query=branch%3Amain)
|
|
6
6
|
[](https://github.com/nationalarchives/tna-frontend/releases)
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
[](https://github.com/nationalarchives/tna-frontend/blob/main/.nvmrc)
|
|
9
9
|
[](https://github.com/nationalarchives/tna-frontend/blob/main/LICENCE)
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
National Archives Frontend contains the code you need to start building a user interface for National Archives platforms and services.
|
|
12
12
|
|
|
13
13
|
## Quickstart
|
|
14
14
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
$support-colour-schemes: false;
|
package/nationalarchives/all.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto+Mono:wght@500;700&display=swap";@import"https://use.typekit.net/hkj3kuz.css";.tna-template{min-width:320px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:16px}@media(prefers-reduced-motion){.tna-template *{animation:none !important;transition:none !important}}.tna-template__body{min-height:100%;margin:0;padding:0;background-color:#fff;overflow:auto}img,svg,video,canvas{max-width:100%;display:block}video,canvas{width:100%}[hidden]{display:none}*:focus{outline:.3125rem #004c7e solid;outline-offset:.125rem}.tna-template{font-family:"Open Sans",sans-serif;font-weight:400;color:#343338;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;direction:ltr}.tna-template p{margin:0 0 2rem}.tna-template p:last-child{margin-bottom:0}.tna-template a:active{text-decoration-thickness:4px}.tna-template a:hover{text-decoration-thickness:3px}.tna-template .tna-template__body{font-size:1rem;line-height:1.6}.tna-template .tna-ul,.tna-template .tna-ol{padding-left:2rem}.tna-template .tna-ul li::marker,.tna-template .tna-ol li::marker{color:#f0a;font-weight:700}.tna-template .tna-ul--plain,.tna-template .tna-ol--plain{padding-left:0;list-style:none}.tna-template .tna-heading{margin-top:0;margin-bottom:1.5rem;color:#000;font-family:supria-sans-condensed,monospace;font-weight:600}.tna-template .tna-heading:last-child{margin-bottom:0}.tna-template .tna-heading--xl{font-size:4rem;line-height:1}@media(min-width: 769px)and (max-width: 1024px){.tna-template .tna-heading--xl{font-size:2.625rem}}@media(max-width: 768px){.tna-template .tna-heading--xl{font-size:2.25rem}}.tna-template .tna-heading--l{font-size:2rem;line-height:1.2}@media(min-width: 769px)and (max-width: 1024px){.tna-template .tna-heading--l{font-size:1.625rem}}@media(max-width: 768px){.tna-template .tna-heading--l{font-size:1.5rem}}.tna-template .tna-heading--m{font-size:1.25rem;line-height:1.4}.tna-template .tna-heading--s{font-size:1.125rem;line-height:1.6}.tna-template .tna-hgroup{margin-bottom:2rem}.tna-template .tna-hgroup:last-child{margin-bottom:0}.tna-template .tna-hgroup__supertitle{margin:0;color:#343338;font-size:0.875rem;font-family:"Roboto Mono",monospace;font-weight:500;text-transform:uppercase}.tna-template .tna-hgroup__title{margin:0;color:#000}.tna-template .tna-hgroup__title .tna-hgroup__supertitle{display:block;color:#343338}.tna-template .tna-hgroup--xl .tna-hgroup__title{font-size:4rem}.tna-template .tna-hgroup--l .tna-hgroup__title{font-size:2rem}.tna-template .tna-hgroup--m .tna-hgroup__title{font-size:1.25rem}.tna-template .tna-hgroup--s .tna-hgroup__title{font-size:1.125rem}.tna-button{padding:.25rem 1rem;display:inline-block;color:#fff;font-weight:700;text-decoration:none;background-color:#000;border:.25rem #000 solid;transition:color 200ms,background-color 200ms,border-color 200ms}.tna-button:hover{color:#000;background-color:#fff;transition:color 50ms,background-color 50ms,border-color 50ms}.tna-button--secondary{color:#000;background-color:#fc0;border-color:#fc0}.tna-button--secondary:hover{color:#000;border-color:#000}.tna-card__inner{display:-ms-flexbox;display:flex;-ms-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.tna-card__heading{order:2}.tna-card__title{order:2}.tna-card__image-container{order:1}.tna-card__body{order:3}.tna-card__actions{margin-top:2rem;order:4}.tna-card--featured{position:relative;background-color:#fc0}.tna-card--featured .tna-card__inner{margin-left:50%;padding:2rem}.tna-card--featured .tna-card__heading{padding-bottom:2rem;border-bottom:2px #000 solid}.tna-card--featured .tna-card__title-link{color:#000}.tna-card--featured .tna-card__image-container{position:absolute;inset:0 50% 0 0}.tna-card--featured .tna-card__image{width:100%;height:100%;object-fit:cover}.tna-footer{padding-top:3rem;padding-bottom:3rem;color:#fff;background-color:#26262a}.tna-footer__link{color:inherit}.tna-footer__link:hover{color:#f0a}.tna-footer__navigation{padding-bottom:3rem}.tna-footer__navigation-group-items{padding-left:0;list-style:none}.tna-footer__social{padding-bottom:4rem}.tna-footer__social.tna-container{align-items:flex-end}.tna-footer__social-item{text-align:center}.tna-footer__social-item-link{display:block}.tna-footer__social-item-link-image{display:block}.tna-footer__licence.tna-container{align-items:center}.tna-footer__licence-logo{display:block}.tna-footer__govuk-link{display:inline-block;color:inherit;fill:#fff}.tna-footer__govuk-link:hover{color:#f0a;fill:#f0a}.tna-footer__govuk-logotype-crown{margin:0 auto;display:block;fill:inherit}.tna-container{max-width:75.25rem;width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-container--no-padding,.tna-container--no-padding-all{max-width:71.25rem}.tna-container--max{max-width:none}.tna-column{padding-right:1rem;padding-left:1rem;box-sizing:border-box}.tna-column--container{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-container--no-padding,.tna-container--no-padding-all,.tna-container--no-padding-all>.tna-column,.tna-column--no-padding,.tna-column--container--no-padding-all,.tna-column--container--no-padding-all>.tna-column{padding-right:0;padding-left:0}.tna-column--full{width:100%;flex:none}.tna-column--width-1-12{width:8.3333333333%;flex:none}.tna-column--width-1-6{width:16.6666666667%;flex:none}.tna-column--width-1-4{width:25%;flex:none}.tna-column--width-1-3{width:33.3333333333%;flex:none}.tna-column--width-5-12{width:41.6666666667%;flex:none}.tna-column--width-1-2{width:50%;flex:none}.tna-column--width-7-12{width:58.3333333333%;flex:none}.tna-column--width-2-3{width:66.6666666667%;flex:none}.tna-column--width-3-4{width:75%;flex:none}.tna-column--width-5-6{width:83.3333333333%;flex:none}.tna-column--width-11-12{width:91.6666666667%;flex:none}.tna-column--flex-1{width:auto;flex:1 0}.tna-column--flex-2{width:auto;flex:2 0}.tna-column--order-1{order:1}.tna-column--order-2{order:2}.tna-column--order-3{order:3}@media(min-width: 769px)and (max-width: 1024px){.tna-column--full-medium{width:100%;flex:none}.tna-column--width-1-6-medium{width:16.6666666667%;flex:none}.tna-column--width-1-3-medium{width:33.3333333333%;flex:none}.tna-column--width-1-2-medium{width:50%;flex:none}.tna-column--width-2-3-medium{width:66.6666666667%;flex:none}.tna-column--width-5-6-medium{width:83.3333333333%;flex:none}.tna-column--flex-1-medium{width:auto;flex:1 0}.tna-column--flex-2-medium{width:auto;flex:2 0}.tna-column--order-1-medium{order:1}.tna-column--order-2-medium{order:2}.tna-column--order-3-medium{order:3}}@media(max-width: 768px){.tna-container{padding-right:1.125rem;padding-left:1.125rem}.tna-column{padding-right:.375rem;padding-left:.375rem}}@media(min-width: 481px)and (max-width: 768px){.tna-column--full-small{width:100%;flex:none}.tna-column--width-1-4-small{width:25%;flex:none}.tna-column--width-1-2-small{width:50%;flex:none}.tna-column--width-3-4-small{width:75%;flex:none}.tna-column--flex-1-small{width:auto;flex:1 0}.tna-column--flex-2-small{width:auto;flex:2 0}.tna-column--order-1-small{order:1}.tna-column--order-2-small{order:2}.tna-column--order-3-small{order:3}}@media(max-width: 480px){.tna-column--full-tiny{width:100%;flex:none}.tna-column--width-1-2-tiny{width:50%;flex:none}.tna-column--flex-1-tiny{width:auto;flex:1 0}.tna-column--flex-2-tiny{width:auto;flex:2 0}.tna-column--order-1-tiny{order:1}.tna-column--order-2-tiny{order:2}.tna-column--order-3-tiny{order:3}}.tna-header{color:#fff;background-color:#000}.tna-header__contents.tna-container{justify-content:space-between}.tna-header__logo{padding-top:1.5rem;padding-bottom:1.5rem}.tna-header__logo-link{display:-ms-flexbox;display:flex;align-items:flex-end;color:inherit;text-decoration:none}.tna-header__logo-link:hover{outline:.375rem #fff solid}.tna-header .tna-logo{width:100px;height:100px;display:inline-block}.tna-header .tna-logo__foreground{fill:#fff}.tna-header__logo-strapline{margin:0 .75rem;display:inline-block;line-height:2.125rem;text-transform:uppercase}.tna-header__navigation-toggle-button{height:2rem;padding:0;display:block;position:relative;appearance:none;font-size:0;background:none;border:0 rgba(0,0,0,0) solid;border-width:.25rem 0;cursor:pointer}.tna-header__hamburger{width:2rem;height:.25rem;display:block;background-color:#fff}.tna-header__hamburger::before,.tna-header__hamburger::after{height:.25rem;display:block;position:absolute;right:0;left:0;background-color:inherit;content:""}.tna-header__hamburger::before{top:0}.tna-header__hamburger::after{bottom:0}.tna-header--yellow,.tna-header--pink,.tna-header--orange,.tna-header--green,.tna-header--blue{color:#000}.tna-header--yellow .tna-header__logo-link:hover,.tna-header--pink .tna-header__logo-link:hover,.tna-header--orange .tna-header__logo-link:hover,.tna-header--green .tna-header__logo-link:hover,.tna-header--blue .tna-header__logo-link:hover{outline-color:#000}.tna-header--yellow .tna-logo__foreground,.tna-header--pink .tna-logo__foreground,.tna-header--orange .tna-logo__foreground,.tna-header--green .tna-logo__foreground,.tna-header--blue .tna-logo__foreground{fill:#000}.tna-header--yellow .tna-header__hamburger,.tna-header--pink .tna-header__hamburger,.tna-header--orange .tna-header__hamburger,.tna-header--green .tna-header__hamburger,.tna-header--blue .tna-header__hamburger{background-color:#000}.tna-header--yellow{background-color:#fc0}.tna-header--pink{background-color:#fe1d57}.tna-header--orange{background-color:#fd3f03}.tna-header--green{background-color:#86bc25}.tna-header--blue{background-color:#00b0ff}.tna-header__navigation{display:-ms-flexbox;display:flex;justify-content:flex-end;align-items:flex-end}.tna-header__navigation-items{margin:0;padding:0;list-style:none;white-space:nowrap}.tna-header__navigation-item{margin-left:.75rem;display:inline-block}.tna-header__navigation-item-link{padding:.5rem 1rem;display:inline-block;color:inherit;font-family:supria-sans-condensed,monospace;font-weight:600;text-decoration:none;transition:color 200ms,background-color 200ms}.tna-header__navigation-item-link:hover,.tna-header__navigation-item-link--selected{color:#000;background-color:#fff;transition:color 50ms,background-color 50ms}@media(min-width: 769px){.tna-header .tna-header__navigation-toggle{display:none}}@media(max-width: 768px){.tna-header__contents.tna-container{padding-right:0;padding-left:0}.tna-header__logo{padding-top:1rem;padding-bottom:1rem}.tna-header__logo.tna-column{padding-right:1.5rem;padding-left:1.5rem}.tna-header__navigation-toggle.tna-column{padding-top:1rem;padding-right:1.5rem;padding-left:0}.tna-header__navigation{color:#343338}.tna-header__navigation.tna-column{padding-right:0;padding-left:0}.js-enabled .tna-header__navigation{display:none}.js-enabled .tna-header__navigation--open{display:block}.tna-header__navigation-items{width:100%;background-color:#fff}.tna-header__navigation-item{margin:0;display:block;border-bottom:1px #ccc solid}.tna-header__navigation-item-link{padding-right:1.5rem;padding-left:1.5rem;display:block;position:relative}.tna-header__navigation-item-link::after{width:0;position:absolute;top:0;bottom:0;left:0;background-color:#000;transition:width 200ms;content:""}.tna-header__navigation-item-link:hover::after{width:.25rem;transition:width 50ms}.tna-header__navigation-item-link--selected::after,.tna-header__navigation-item-link--selected:hover::after{width:.5rem}}.tna-hero{min-height:min(35vw,480px);padding-top:5.25rem;padding-bottom:3.25rem;display:-ms-flexbox;display:flex;align-items:flex-end;position:relative;background-color:#26262a}.tna-hero__image{width:100%;height:100%;position:absolute;inset:0;z-index:1;object-fit:cover}.tna-hero picture.tna-hero__image img{width:100%;height:100%;object-fit:cover}.tna-hero__image-details{position:absolute;right:1.25rem;bottom:1.25rem;z-index:3}.tna-hero__image-details-summary{width:2rem;height:2rem;position:relative;z-index:2;font-size:0;text-align:center;line-height:2rem;list-style:none;background-color:#fc0;border-radius:1rem;cursor:pointer}.tna-hero__image-details-summary-icon{font-size:1.25rem;font-style:normal;font-weight:700;text-transform:lowercase}.tna-hero__image-information{width:20rem;max-width:45vw;padding:.5rem 1rem;position:absolute;right:0;bottom:2.5rem;z-index:1;background-color:#fc0}.tna-hero__inner{position:relative;z-index:2}.tna-hero__content-inner{padding:2.5rem 1.5rem;background-color:#fff}.tna-hero__heading{margin-bottom:0}@media(max-width: 768px){.tna-hero{padding:0;display:block}.tna-hero__image{height:320px;position:static}.tna-hero__image-details{bottom:auto;top:1.25rem}.tna-hero__image-information{top:2.5rem;bottom:auto}.tna-hero__content-inner{color:#fff;background-color:inherit}}@media(max-width: 480px){.tna-hero__image{height:240px}}.tna-sensitive-image__details{position:relative}.tna-sensitive-image__details::after{width:100%;padding-bottom:calc(100%*var(--sensitive-image-height)/var(--sensitive-image-width));display:block;position:relative;z-index:-1;background-image:var(--sensitive-image);background-clip:padding-box;background-size:contain;filter:blur(20px) saturate(0);content:""}.tna-sensitive-image__show{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1;font-size:0;cursor:pointer}.tna-sensitive-image__show::after{padding:.5rem 2rem;font-size:1rem;background-color:#ff0;content:attr(data-action)}.tna-sensitive-image__show:hover::after{color:#fff;background-color:#000}.tna-sensitive-image__image{width:100%}.tna-sensitive-image__details[open]::after,.tna-sensitive-image__details[open] .tna-sensitive-image__show{display:none}/*# sourceMappingURL=all.css.map */
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto+Mono:wght@500;700&display=swap";@import"https://use.typekit.net/hkj3kuz.css";:root{--page-background: #fff;--base-font: #343338;--dark-font: #000;--focus-outline: #004c7e;--keyline: #ccc}.tna-template{min-width:320px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:16px;background-color:#fff;background-color:var(--page-background)}.tna-template--back-accent{accent-color:#000}.tna-template--yellow-accent{accent-color:#fc0}.tna-template--pink-accent{accent-color:#fe1d57}.tna-template--orange-accent{accent-color:#fd3f03}.tna-template--green-accent{accent-color:#86bc25}.tna-template--blue-accent{accent-color:#00b0ff}@media(prefers-reduced-motion){.tna-template *{animation:none !important;transition:none !important}}.tna-template__body{min-height:100%;margin:0;padding:0;overflow:auto}img,svg,video,canvas{max-width:100%;display:block}video,canvas{width:100%}[hidden]{display:none}*:focus{outline:.3125rem solid;outline-color:#004c7e;outline-color:var(--focus-outline);outline-offset:.125rem}.tna-visually-hidden{width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;position:absolute !important;top:-9999px !important;left:-9999px !important;z-index:-1 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;border:0 !important;background-color:rgba(0,0,0,0) !important}.tna-template{font-family:"Open Sans",sans-serif;font-weight:400;color:#343338;color:var(--base-font);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;direction:ltr}.tna-template h1,.tna-template h2,.tna-template h3,.tna-template h4,.tna-template h5,.tna-template h6,.tna-template ul,.tna-template ol{margin-top:0}.tna-template p{margin:0 0 1.5rem}.tna-template p:last-child{margin-bottom:0}.tna-template a:active{text-decoration-thickness:4px}.tna-template a:hover{text-decoration-thickness:3px}.tna-template__body{font-size:1rem;line-height:1.6}.tna-ul,.tna-ol{padding-left:2rem}.tna-ul li::marker,.tna-ol li::marker{color:#f0a;font-weight:700}.tna-ul--plain,.tna-ol--plain{padding-left:0;list-style:none}.tna-heading{margin-bottom:1.5rem;color:#000;font-family:supria-sans-condensed,monospace;font-weight:600}.tna-heading:last-child{margin-bottom:0}.tna-heading--xl{font-size:4rem;line-height:1}@media(min-width: 48.0625em)and (max-width: 64em){.tna-heading--xl{font-size:2.625rem}}@media(max-width: 48em){.tna-heading--xl{font-size:2.25rem}}.tna-heading--l{font-size:2rem;line-height:1.2}@media(min-width: 48.0625em)and (max-width: 64em){.tna-heading--l{font-size:1.625rem}}@media(max-width: 48em){.tna-heading--l{font-size:1.5rem}}.tna-heading--m{font-size:1.25rem;line-height:1.4}.tna-heading--s{font-size:1.125rem;line-height:1.6}.tna-hgroup{margin-bottom:2rem}.tna-hgroup:last-child{margin-bottom:0}.tna-hgroup__supertitle{margin:0;color:#343338;color:var(--base-font);font-size:0.875rem;font-family:"Roboto Mono",monospace;font-weight:500;text-transform:uppercase}.tna-hgroup__title{margin:0;color:#000}.tna-hgroup__title .tna-hgroup__supertitle{display:block;color:#343338;color:var(--base-font)}.tna-hgroup--xl .tna-hgroup__title{font-size:4rem}.tna-hgroup--l .tna-hgroup__title{font-size:2rem}.tna-hgroup--m .tna-hgroup__title{font-size:1.25rem}.tna-hgroup--s .tna-hgroup__title{font-size:1.125rem}.tna-breadcrumbs__list{padding:0;list-style:none;display:-ms-flexbox;display:flex;flex-wrap:wrap}.tna-breadcrumbs__item{display:-ms-flexbox;display:flex}.tna-breadcrumbs__item+.tna-breadcrumbs__item::before{margin:0 .5rem;display:inline-block;content:"›"}.tna-breadcrumbs__link{display:inline-block;color:#343338;color:var(--base-font)}.tna-breadcrumbs__link:hover{color:#000}@media(max-width: 48em){.tna-breadcrumbs__item::before,.tna-breadcrumbs__item+.tna-breadcrumbs__item::before{margin-left:0;display:none}.tna-breadcrumbs__item:not(:nth-last-child(2)){display:none}.tna-breadcrumbs__item:nth-last-child(2) .tna-breadcrumbs__link::before{content:"← " attr(data-prefix)}}.tna-button{padding:.25rem 1rem;display:inline-block;color:#fff;font-weight:700;text-decoration:none;background-color:#000;border:.25rem #000 solid;transition:color 200ms,background-color 200ms,border-color 200ms}.tna-button:hover{color:#000;background-color:#fff;transition:color 50ms,background-color 50ms,border-color 50ms}.tna-button--secondary{color:#000;background-color:#fc0;border-color:#fc0}.tna-button--secondary:hover{color:#000;border-color:#000}.tna-card__inner{display:-ms-flexbox;display:flex;-ms-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.tna-card__heading{order:2}.tna-card__title{order:2}.tna-card__image-container{order:1}.tna-card__body{order:3}.tna-card__actions{margin-top:2rem;order:4}.tna-card--featured{position:relative;background-color:#fc0}.tna-card--featured .tna-card__inner{margin-left:50%;padding:2rem}.tna-card--featured .tna-card__heading{padding-bottom:2rem;border-bottom:2px #000 solid}.tna-card--featured .tna-card__title-link{color:#000}.tna-card--featured .tna-card__image-container{position:absolute;inset:0 50% 0 0}.tna-card--featured .tna-card__image{width:100%;height:100%;object-fit:cover}.tna-filters__item{margin:0 .75rem .75rem 0;display:inline-block}.tna-filters__item:last-child{margin-right:0;margin-bottom:0}.tna-filters--stacked .tna-filters__item{display:block}.tna-filters__item--selected .tna-filters__link{color:#fff;background-color:#004c7e}.tna-filters__link{padding:.125rem .75rem;display:inline-block;color:#000;text-decoration:none;background-color:#d4e5ef;border-radius:99rem;transition:color 200ms,background-color 200ms}.tna-filters__link:hover{color:#fff;background-color:#004c7e;transition:color 50ms,background-color 50ms}.tna-footer{padding-top:2rem;padding-bottom:2rem;color:#fff;background-color:#26262a}.tna-footer__link{color:inherit}.tna-footer__link:hover{color:#f0a}.tna-footer__top{margin-bottom:2rem;text-align:center}.tna-footer__title{margin-bottom:.5rem;color:inherit}.tna-footer__address{font-style:normal}.tna-footer__navigation{padding-bottom:3rem}.tna-footer__navigation-group-title{color:inherit}.tna-footer__navigation-group-items{padding-left:0;list-style:none}.tna-footer__social{margin-bottom:2rem;justify-content:space-evenly}.tna-footer__social.tna-container{align-items:flex-end}.tna-footer__social-item{margin-bottom:2rem;text-align:center}.tna-footer__social-item-link{display:block}.tna-footer__social-item-link-image{width:2.25em;margin:0 auto .5rem;display:block}.tna-footer__licence.tna-container{align-items:center}.tna-footer__licence .tna-column{margin-top:1rem}.tna-footer__licence-logo{display:block}.tna-footer__govuk{margin-top:2rem;text-align:center}.tna-footer__govuk-link{display:inline-block;color:inherit;fill:#fff}.tna-footer__govuk-link:hover{color:#f0a;fill:#f0a}.tna-footer__govuk-logotype-crown{margin:0 auto;display:block;fill:inherit}@media(max-width: 48em){.tna-footer{padding-top:1rem}.tna-footer__social{justify-content:center}}.tna-container{max-width:75.25rem;width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-container--no-padding,.tna-container--no-padding-all{max-width:71.25rem}.tna-container--max{max-width:none}.tna-column{padding-right:1rem;padding-left:1rem;box-sizing:border-box}.tna-column--container{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-container--no-padding,.tna-container--no-padding-all,.tna-container--no-padding-all>.tna-column,.tna-column--no-padding,.tna-column--container--no-padding-all,.tna-column--container--no-padding-all>.tna-column{padding-right:0;padding-left:0}.tna-column--full{width:100%;flex:none}.tna-column--width-1-12{width:8.3333333333%;flex:none}.tna-column--width-1-6{width:16.6666666667%;flex:none}.tna-column--width-1-4{width:25%;flex:none}.tna-column--width-1-3{width:33.3333333333%;flex:none}.tna-column--width-5-12{width:41.6666666667%;flex:none}.tna-column--width-1-2{width:50%;flex:none}.tna-column--width-7-12{width:58.3333333333%;flex:none}.tna-column--width-2-3{width:66.6666666667%;flex:none}.tna-column--width-3-4{width:75%;flex:none}.tna-column--width-5-6{width:83.3333333333%;flex:none}.tna-column--width-11-12{width:91.6666666667%;flex:none}.tna-column--flex-1{width:auto;flex:1 0}.tna-column--flex-2{width:auto;flex:2 0}.tna-column--order-1{order:1}.tna-column--order-2{order:2}.tna-column--order-3{order:3}@media(min-width: 48.0625em)and (max-width: 64em){.tna-column--full-medium{width:100%;flex:none}.tna-column--width-1-6-medium{width:16.6666666667%;flex:none}.tna-column--width-1-3-medium{width:33.3333333333%;flex:none}.tna-column--width-1-2-medium{width:50%;flex:none}.tna-column--width-2-3-medium{width:66.6666666667%;flex:none}.tna-column--width-5-6-medium{width:83.3333333333%;flex:none}.tna-column--flex-1-medium{width:auto;flex:1 0}.tna-column--flex-2-medium{width:auto;flex:2 0}.tna-column--order-1-medium{order:1}.tna-column--order-2-medium{order:2}.tna-column--order-3-medium{order:3}}@media(max-width: 48em){.tna-container{padding-right:1.125rem;padding-left:1.125rem}.tna-column{padding-right:.375rem;padding-left:.375rem}}@media(min-width: 30.0625em)and (max-width: 48em){.tna-column--full-small{width:100%;flex:none}.tna-column--width-1-4-small{width:25%;flex:none}.tna-column--width-1-2-small{width:50%;flex:none}.tna-column--width-3-4-small{width:75%;flex:none}.tna-column--flex-1-small{width:auto;flex:1 0}.tna-column--flex-2-small{width:auto;flex:2 0}.tna-column--order-1-small{order:1}.tna-column--order-2-small{order:2}.tna-column--order-3-small{order:3}}@media(max-width: 30em){.tna-column--full-tiny{width:100%;flex:none}.tna-column--width-1-2-tiny{width:50%;flex:none}.tna-column--flex-1-tiny{width:auto;flex:1 0}.tna-column--flex-2-tiny{width:auto;flex:2 0}.tna-column--order-1-tiny{order:1}.tna-column--order-2-tiny{order:2}.tna-column--order-3-tiny{order:3}}.tna-header{color:#fff;background-color:#000}.tna-header__exit{padding-top:.5rem;padding-bottom:.5rem;text-align:right;background-color:#26262a}.tna-header__exit-link{color:#fff;text-decoration:none}.tna-header__exit-link:hover{text-decoration:underline}.tna-header__exit-link-icon{width:.825rem;height:.825rem;margin-right:.125rem;margin-left:.5rem;display:inline-block;position:relative;vertical-align:middle;border:.125rem #fff solid}.tna-header__exit-link-icon::before{position:absolute;top:-0.25rem;right:-0.25rem;z-index:2;border:.25rem rgba(0,0,0,0) solid;border-top-color:#fff;border-right-color:#fff;content:""}.tna-header__exit-link-icon::after{width:.25rem;height:.825rem;position:absolute;top:-0.125rem;right:-0.125rem;z-index:1;background-color:#fff;outline:.2rem #26262a solid;transform:rotate(45deg) translateX(50%);transform-origin:100% 0;content:""}.tna-header__contents.tna-container{justify-content:space-between}.tna-header__logo{padding-top:1.25rem;padding-bottom:1.25rem}.tna-header__logo-link{display:-ms-flexbox;display:flex;align-items:flex-end;color:inherit;text-decoration:none}.tna-header__logo-link--href:hover{outline:.375rem #fff solid}.tna-header .tna-logo{width:6.25rem;height:6.25rem;display:inline-block}.tna-header .tna-logo__foreground{fill:#fff}.tna-header__logo-strapline{margin:0 .75rem;display:inline-block;line-height:2.125;text-transform:uppercase}.tna-header__navigation-toggle{align-self:center}.tna-header__hamburger{width:2rem;height:.25rem;display:block;background-color:#fff;transition:height 1ms 200ms}.tna-header__hamburger::before,.tna-header__hamburger::after{height:.25rem;display:block;position:absolute;right:0;left:0;background-color:inherit;transition:top 200ms 200ms,bottom 200ms 200ms,transform 200ms;content:""}.tna-header__hamburger::before{top:0}.tna-header__hamburger::after{bottom:0}.tna-header__navigation-toggle-button{height:2rem;padding:0;display:block;position:relative;appearance:none;font-size:0;background:none;border:0 rgba(0,0,0,0) solid;border-width:.25rem 0;cursor:pointer}.tna-header__navigation-toggle-button--opened .tna-header__hamburger{height:0}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::before,.tna-header__navigation-toggle-button--opened .tna-header__hamburger::after{transition:top 200ms,bottom 200ms,transform 200ms 200ms}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::before{top:.625rem;transform:rotate(-135deg)}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::after{bottom:.625rem;transform:rotate(135deg)}.tna-header--yellow,.tna-header--pink,.tna-header--orange,.tna-header--green,.tna-header--blue{color:#000}.tna-header--yellow .tna-header__logo-link:hover,.tna-header--pink .tna-header__logo-link:hover,.tna-header--orange .tna-header__logo-link:hover,.tna-header--green .tna-header__logo-link:hover,.tna-header--blue .tna-header__logo-link:hover{outline-color:#000}.tna-header--yellow .tna-logo__foreground,.tna-header--pink .tna-logo__foreground,.tna-header--orange .tna-logo__foreground,.tna-header--green .tna-logo__foreground,.tna-header--blue .tna-logo__foreground{fill:#000}.tna-header--yellow .tna-header__hamburger,.tna-header--pink .tna-header__hamburger,.tna-header--orange .tna-header__hamburger,.tna-header--green .tna-header__hamburger,.tna-header--blue .tna-header__hamburger{background-color:#000}.tna-header--yellow{background-color:#fc0}.tna-header--pink{background-color:#fe1d57}.tna-header--orange{background-color:#fd3f03}.tna-header--green{background-color:#86bc25}.tna-header--blue{background-color:#00b0ff}.tna-header__navigation{display:-ms-flexbox;display:flex;justify-content:flex-end;align-items:flex-end}.tna-header__navigation-items{margin:0;padding:0;list-style:none;white-space:nowrap}.tna-header__navigation-item{margin-left:.75rem;display:inline-block}.tna-header__navigation-item-link{padding:.5rem 1rem;display:inline-block;color:inherit;font-family:supria-sans-condensed,monospace;text-decoration:none;line-height:2;transition:color 200ms,background-color 200ms}.tna-header__navigation-item-link:hover,.tna-header__navigation-item-link--selected{color:#000;color:var(--dark-font);background-color:#fff;background-color:var(--page-background);transition:color 50ms,background-color 50ms}@media(min-width: 48.0625em){.tna-header .tna-header__navigation-toggle{display:none}}@media(max-width: 48em){.tna-header__contents.tna-container{padding-right:0;padding-left:0}.tna-header__logo{padding-top:1rem;padding-bottom:1rem}.tna-header__logo.tna-column{padding-right:1.5rem;padding-left:1.5rem}.tna-header .tna-logo{width:4.5rem;height:4.5rem}.tna-header__logo-strapline{line-height:1.55}.tna-header__navigation-toggle.tna-column{padding-right:1.5rem;padding-left:0}.tna-header__navigation{color:#343338;color:var(--base-font);font-size:1.25rem}.tna-header__navigation.tna-column{padding-right:0;padding-left:0}.tna-template--js-enabled .tna-header__navigation{display:none}.tna-template--js-enabled .tna-header__navigation--open{display:block}.tna-header__navigation-items{width:100%;background-color:#fff;background-color:var(--page-background)}.tna-header__navigation-item{margin:0;display:block;border-bottom:1px solid;border-color:#ccc;border-color:var(--keyline)}.tna-header__navigation-item-link{padding-right:1.5rem;padding-left:1.5rem;display:block;position:relative;line-height:1.6}.tna-header__navigation-item-link::after{width:0;position:absolute;top:0;bottom:0;left:0;background-color:#000;background-color:var(--dark-font);transition:width 200ms;content:""}.tna-header__navigation-item-link:hover::after{width:.25rem;transition:width 50ms}.tna-header__navigation-item-link--selected::after,.tna-header__navigation-item-link--selected:hover::after{width:.5rem}}@media(max-width: 30em){.tna-header .tna-logo{width:3.5rem;height:3.5rem}.tna-header__logo-strapline{line-height:1.25}}.tna-hero{min-height:min(35vw,480px);padding-top:5.25rem;padding-bottom:3.25rem;display:-ms-flexbox;display:flex;align-items:flex-end;position:relative;background-color:#26262a}.tna-hero__image{width:100%;height:100%;position:absolute;inset:0;z-index:1;object-fit:cover}.tna-hero picture.tna-hero__image img{width:100%;height:100%;object-fit:cover}.tna-hero__image-details{position:absolute;right:1.25rem;bottom:1.25rem;z-index:3}.tna-hero__image-details-summary{width:2rem;height:2rem;position:relative;z-index:2;font-size:0;text-align:center;line-height:2rem;list-style:none;background-color:#fc0;border-radius:1rem;cursor:pointer}.tna-hero__image-details-summary-icon{font-size:1.25rem;font-style:normal;font-weight:700;text-transform:lowercase}.tna-hero__image-information{width:20rem;max-width:45vw;padding:.5rem 1rem;position:absolute;right:0;bottom:2.5rem;z-index:1;background-color:#fc0}.tna-hero__inner{position:relative;z-index:2}.tna-hero__content-inner{padding:2.5rem 1.5rem;background-color:#fff}.tna-hero__heading{margin-bottom:0}.tna-hero__body{margin-top:1.5rem}@media(max-width: 48em){.tna-hero{padding:0;display:block}.tna-hero__image{height:320px;position:static}.tna-hero__image-details{bottom:auto;top:1.25rem}.tna-hero__image-information{top:2.5rem;bottom:auto}.tna-hero__content-inner{color:#fff;background-color:inherit}.tna-hero__heading{color:inherit}.tna-hero__body{color:inherit}}@media(max-width: 30em){.tna-hero__image{height:240px}}.tna-phase-banner{padding-top:.375rem;padding-bottom:.375rem}.tna-phase-banner .tna-container{align-items:center;flex-wrap:nowrap}.tna-phase-banner__phase{margin:.25rem 0;padding:0 .5rem;display:block;font-weight:700;text-transform:uppercase;line-height:1.5;background-color:#fff}.tna-phase-banner__message{margin:.25rem 0}.tna-phase-banner__message a{color:inherit}.tna-phase-banner--beta{background-color:#f9f7e2}.tna-sensitive-image__details{position:relative}.tna-sensitive-image__details::after{width:100%;padding-bottom:calc(100%*var(--sensitive-image-height)/var(--sensitive-image-width));display:block;position:relative;z-index:-1;background-image:var(--sensitive-image);background-clip:padding-box;background-size:contain;filter:blur(20px) saturate(0);content:""}.tna-sensitive-image__show{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1;font-size:0;cursor:pointer}.tna-sensitive-image__show::after{padding:.5rem 2rem;font-size:1rem;background-color:#ff0;content:attr(data-action)}.tna-sensitive-image__show:hover::after{color:#fff;background-color:#000}.tna-sensitive-image__image{width:100%}.tna-sensitive-image__details[open]::after,.tna-sensitive-image__details[open] .tna-sensitive-image__show{display:none}/*# sourceMappingURL=all.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/utilities/_typography.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/variables/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/utilities/_typography.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/variables/_colour.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/tools/_media.scss","../../src/nationalarchives/components/breadcrumbs/_index.scss","../../src/nationalarchives/components/button/_index.scss","../../src/nationalarchives/components/card/_index.scss","../../src/nationalarchives/components/filters/_index.scss","../../src/nationalarchives/components/footer/_index.scss","../../src/nationalarchives/components/grid/_index.scss","../../src/nationalarchives/variables/_grid.scss","../../src/nationalarchives/tools/_grid.scss","../../src/nationalarchives/components/header/_index.scss","../../src/nationalarchives/components/hero/_index.scss","../../src/nationalarchives/components/phase-banner/_index.scss","../../src/nationalarchives/components/sensitive-image/_index.scss"],"names":[],"mappings":"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","file":"all.css"}
|
package/nationalarchives/all.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.TNAFrontend=e():t.TNAFrontend=e()}(self,(()=>(()=>{"use strict";var t={463:(t,e,
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.TNAFrontend=e():t.TNAFrontend=e()}(self,(()=>(()=>{"use strict";var t={463:(t,e,n)=>{n.d(e,{Header:()=>o});function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function a(t,e){for(var n=0;n<e.length;n++){var a=e[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,(void 0,o=function(t,e){if("object"!==i(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var a=n.call(t,"string");if("object"!==i(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(a.key),"symbol"===i(o)?o:String(o)),a)}var o}var o=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$toggleButtonWrapper=e&&e.querySelector(".tna-header__navigation-toggle"),this.$navigation=e&&e.querySelector(".tna-header__navigation"),this.$links=e&&this.$navigation&&this.$navigation.querySelectorAll("[tabindex='0']"),this.menuOpened=!1,this.mql=window.matchMedia("(max-width: 768px)")}var e,n;return e=t,(n=[{key:"init",value:function(){var t=this;if(this.$module&&this.$toggleButtonWrapper&&this.$navigation){var e="menu-content-".concat(([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,(function(t){return(t^crypto.getRandomValues(new Uint8Array(1))[0]&15>>t/4).toString(16)})));this.$navigation.setAttribute("id",e),this.$toggleButton=document.createElement("button"),this.$toggleButton.innerText="Menu",this.$toggleButton.setAttribute("aria-controls",e),this.$toggleButton.setAttribute("aria-haspopup","true"),this.$toggleButton.classList.add("tna-header__navigation-toggle-button"),this.$hamburger=document.createElement("div"),this.$hamburger.classList.add("tna-header__hamburger"),this.$toggleButton.appendChild(this.$hamburger),this.$toggleButtonWrapper.appendChild(this.$toggleButton),this.syncState(),this.$toggleButton.addEventListener("click",(function(){return t.handleToggleNavigation()})),"addEventListener"in this.mql?this.mql.addEventListener("change",(function(){return t.syncState()})):this.mql.addListener((function(){return t.syncState()}))}}},{key:"handleToggleNavigation",value:function(){this.menuOpened=!this.menuOpened,this.syncState()}},{key:"syncState",value:function(){if(this.mql.matches)if(this.menuOpened){this.$navigation.classList.add("tna-header__navigation--open"),this.$navigation.hidden=!1,this.$navigation.setAttribute("aria-hidden","false"),this.$toggleButton.setAttribute("aria-expanded","true"),this.$toggleButton.setAttribute("title","Close menu"),this.$toggleButton.classList.add("tna-header__navigation-toggle-button--opened");for(var t=0;t<this.$links.length;t++)this.$links[t].setAttribute("tabindex","0")}else{this.$navigation.classList.remove("tna-header__navigation--open"),this.$navigation.hidden=!0,this.$navigation.setAttribute("aria-hidden","true"),this.$toggleButton.setAttribute("aria-expanded","false"),this.$toggleButton.setAttribute("title","Open menu"),this.$toggleButton.classList.remove("tna-header__navigation-toggle-button--opened");for(var e=0;e<this.$links.length;e++)this.$links[e].setAttribute("tabindex","-1")}else{this.$navigation.classList.add("tna-header__navigation--open"),this.$navigation.hidden=!1,this.$navigation.setAttribute("aria-hidden","false"),this.$toggleButton.setAttribute("aria-expanded","true"),this.$toggleButton.setAttribute("title","Close menu");for(var n=0;n<this.$links.length;n++)this.$links[n].setAttribute("tabindex","0")}}}])&&a(e.prototype,n),Object.defineProperty(e,"prototype",{writable:!1}),t}()},554:(t,e,n)=>{function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function a(t,e){for(var n=0;n<e.length;n++){var a=e[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,(void 0,o=function(t,e){if("object"!==i(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var a=n.call(t,"string");if("object"!==i(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(a.key),"symbol"===i(o)?o:String(o)),a)}var o}n.d(e,{SensitiveImage:()=>o});var o=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$imageDetails=e&&e.querySelector(".tna-sensitive-image__details"),this.$image=e&&e.querySelector(".tna-sensitive-image__image"),this.imageIsVisible=!1}var e,n;return e=t,(n=[{key:"init",value:function(){var t=this;this.$module&&this.$imageDetails&&this.$image&&this.$imageDetails.addEventListener("toggle",(function(){return t.handleImageDetailsToggle()}))}},{key:"handleImageDetailsToggle",value:function(){this.$imageDetails.hasAttribute("open")&&this.$image.focus({preventScroll:!0,focusVisible:!0})}}])&&a(e.prototype,n),Object.defineProperty(e,"prototype",{writable:!1}),t}()}},e={};function n(i){var a=e[i];if(void 0!==a)return a.exports;var o=e[i]={exports:{}};return t[i](o,o.exports,n),o.exports}n.d=(t,e)=>{for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var i={};return(()=>{n.r(i),n.d(i,{Header:()=>t.Header,SensitiveImage:()=>e.SensitiveImage,initAll:()=>o});var t=n(463),e=n(554),a=document.documentElement;a.classList.remove("tna-template--js-disabled"),a.classList.add("tna-template--js-enabled"),window.addEventListener("touchstart",(function t(){window.removeEventListener("touchstart",t),a.classList.add("tna-template--touched")})),window.addEventListener("keydown",(function(t){"Tab"===t.key&&(a.classList.add("tna-template--tabbed"),a.classList.remove("tna-template--clicked"))})),window.addEventListener("mousedown",(function(){a.classList.add("tna-template--clicked"),a.classList.remove("tna-template--tabbed")})),document.documentElement.classList.contains("tna-template--system-theme")&&(window.matchMedia("(prefers-contrast: more)").matches?document.documentElement.classList.add("tna-template--high-contrast-theme"):document.documentElement.classList.add(window.matchMedia("(prefers-color-scheme: dark)").matches?"tna-template--dark-theme":"tna-template--light-theme"));var o=function(n){var i=(n=void 0!==n?n:{}).scope instanceof HTMLElement?n.scope:document,a=i.querySelector('[data-module="tna-header"]');a&&new t.Header(a).init(),i.querySelectorAll('[data-module="tna-sensitive-image"]').forEach((function(t){new e.SensitiveImage(t).init()}))}})(),i})()));
|
|
2
2
|
//# sourceMappingURL=all.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"all.js","mappings":"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","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/components/header/header.mjs","webpack://TNAFrontend/./src/nationalarchives/lib/uuid.mjs","webpack://TNAFrontend/./src/nationalarchives/components/sensitive-image/sensitive-image.mjs","webpack://TNAFrontend/webpack/bootstrap","webpack://TNAFrontend/webpack/runtime/define property getters","webpack://TNAFrontend/webpack/runtime/hasOwnProperty shorthand","webpack://TNAFrontend/webpack/runtime/make namespace object","webpack://TNAFrontend/./src/nationalarchives/all.mjs"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = factory();\n})(self, () => {\nreturn ","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Header {\n constructor($module) {\n this.$module = $module;\n this.$toggleButtonWrapper =\n $module && $module.querySelector(\".tna-header__navigation-toggle\");\n this.$navigation =\n $module && $module.querySelector(\".tna-header__navigation\");\n this.$links =\n $module &&\n this.$navigation &&\n this.$navigation.querySelectorAll(\"[tabindex='0']\");\n this.menuOpened = false;\n this.mql = window.matchMedia(\"(max-width: 768px)\");\n }\n\n init() {\n if (!this.$module || !this.$toggleButtonWrapper || !this.$navigation) {\n return;\n }\n\n // const uniqueLinkIds = []\n\n // for (let i = 0; i < this.$links.length; i++) {\n // const uniqueLinkId = uuidv4()\n // this.$links[i].setAttribute(\"id\", uniqueLinkId);\n // uniqueLinkIds.push(uniqueLinkId)\n // }\n\n const uniqueId = `menu-content-${uuidv4()}`;\n this.$navigation.setAttribute(\"id\", uniqueId);\n // this.$navigation.setAttribute(\"aria-owns\", uniqueLinkIds.join(\",\"));\n\n this.$toggleButton = document.createElement(\"button\");\n this.$toggleButton.innerText = \"Menu\";\n this.$toggleButton.setAttribute(\"aria-controls\", uniqueId);\n this.$toggleButton.setAttribute(\"aria-haspopup\", \"true\");\n this.$toggleButton.classList.add(\"tna-header__navigation-toggle-button\");\n\n this.$hamburger = document.createElement(\"div\");\n this.$hamburger.classList.add(\"tna-header__hamburger\");\n\n this.$toggleButton.appendChild(this.$hamburger);\n this.$toggleButtonWrapper.appendChild(this.$toggleButton);\n\n this.syncState();\n\n this.$toggleButton.addEventListener(\"click\", () =>\n this.handleToggleNavigation(),\n );\n\n if (\"addEventListener\" in this.mql) {\n this.mql.addEventListener(\"change\", () => this.syncState());\n // this.mql.addEventListener(\"change\", this.syncState.bind(this));\n } else {\n this.mql.addListener(() => this.syncState());\n // this.mql.addListener(this.syncState.bind(this));\n }\n }\n\n handleToggleNavigation() {\n this.menuOpened = !this.menuOpened;\n this.syncState();\n }\n\n syncState() {\n if (this.mql.matches) {\n if (this.menuOpened) {\n this.$navigation.classList.add(\"tna-header__navigation--open\");\n this.$navigation.hidden = false;\n this.$navigation.setAttribute(\"aria-hidden\", \"false\");\n this.$toggleButton.setAttribute(\"aria-expanded\", \"true\");\n this.$toggleButton.setAttribute(\"title\", \"Close menu\");\n\n for (let i = 0; i < this.$links.length; i++) {\n this.$links[i].setAttribute(\"tabindex\", \"0\");\n }\n } else {\n this.$navigation.classList.remove(\"tna-header__navigation--open\");\n this.$navigation.hidden = true;\n this.$navigation.setAttribute(\"aria-hidden\", \"true\");\n this.$toggleButton.setAttribute(\"aria-expanded\", \"false\");\n this.$toggleButton.setAttribute(\"title\", \"Open menu\");\n\n for (let i = 0; i < this.$links.length; i++) {\n this.$links[i].setAttribute(\"tabindex\", \"-1\");\n }\n }\n } else {\n this.$navigation.classList.add(\"tna-header__navigation--open\");\n this.$navigation.hidden = false;\n this.$navigation.setAttribute(\"aria-hidden\", \"false\");\n this.$toggleButton.setAttribute(\"aria-expanded\", \"true\");\n this.$toggleButton.setAttribute(\"title\", \"Close menu\");\n\n for (let i = 0; i < this.$links.length; i++) {\n this.$links[i].setAttribute(\"tabindex\", \"0\");\n }\n }\n }\n}\n","const uuidv4 = () =>\n ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>\n (\n c ^\n (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))\n ).toString(16),\n );\n\nexport default uuidv4;\n","export class SensitiveImage {\n constructor($module) {\n this.$module = $module;\n this.$imageDetails =\n $module && $module.querySelector(\".tna-sensitive-image__details\");\n this.$image =\n $module && $module.querySelector(\".tna-sensitive-image__image\");\n this.imageIsVisible = false;\n }\n\n init() {\n if (!this.$module || !this.$imageDetails || !this.$image) {\n return;\n }\n this.$imageDetails.addEventListener(\"toggle\", () =>\n this.handleImageDetailsToggle(),\n );\n }\n\n handleImageDetailsToggle() {\n if (this.$imageDetails.hasAttribute(\"open\")) {\n this.$image.focus({ preventScroll: true, focusVisible: true });\n }\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Header } from \"./components/header/header.mjs\";\nimport { SensitiveImage } from \"./components/sensitive-image/sensitive-image.mjs\";\n\ndocument.documentElement.classList.remove(\"js-disabled\");\ndocument.documentElement.classList.add(\"js-enabled\");\n\nconst initAll = (options) => {\n options = typeof options !== \"undefined\" ? options : {};\n const $scope =\n options.scope instanceof HTMLElement ? options.scope : document;\n\n const $header = $scope.querySelector('[data-module=\"tna-header\"]');\n if ($header) {\n new Header($header).init();\n }\n\n const $sensitiveImages = $scope.querySelectorAll(\n '[data-module=\"tna-sensitive-image\"]',\n );\n $sensitiveImages.forEach(($sensitiveImage) => {\n new SensitiveImage($sensitiveImage).init();\n });\n};\n\nexport { initAll, Header, SensitiveImage };\n"],"names":["root","factory","exports","module","define","amd","self","Header","$module","_classCallCheck","this","$toggleButtonWrapper","querySelector","$navigation","$links","querySelectorAll","menuOpened","mql","window","matchMedia","key","value","_this","uniqueId","concat","replace","c","crypto","getRandomValues","Uint8Array","toString","setAttribute","$toggleButton","document","createElement","innerText","classList","add","$hamburger","appendChild","syncState","addEventListener","handleToggleNavigation","addListener","matches","hidden","i","length","remove","SensitiveImage","$imageDetails","$image","imageIsVisible","handleImageDetailsToggle","hasAttribute","focus","preventScroll","focusVisible","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","d","definition","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","documentElement","initAll","options","$scope","scope","HTMLElement","$header","init","forEach","$sensitiveImage"],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"all.js","mappings":"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","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/components/header/header.mjs","webpack://TNAFrontend/./src/nationalarchives/lib/uuid.mjs","webpack://TNAFrontend/./src/nationalarchives/components/sensitive-image/sensitive-image.mjs","webpack://TNAFrontend/webpack/bootstrap","webpack://TNAFrontend/webpack/runtime/define property getters","webpack://TNAFrontend/webpack/runtime/hasOwnProperty shorthand","webpack://TNAFrontend/webpack/runtime/make namespace object","webpack://TNAFrontend/./src/nationalarchives/all.mjs"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = factory();\n})(self, () => {\nreturn ","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Header {\n constructor($module) {\n this.$module = $module;\n this.$toggleButtonWrapper =\n $module && $module.querySelector(\".tna-header__navigation-toggle\");\n this.$navigation =\n $module && $module.querySelector(\".tna-header__navigation\");\n this.$links =\n $module &&\n this.$navigation &&\n this.$navigation.querySelectorAll(\"[tabindex='0']\");\n this.menuOpened = false;\n this.mql = window.matchMedia(\"(max-width: 768px)\");\n }\n\n init() {\n if (!this.$module || !this.$toggleButtonWrapper || !this.$navigation) {\n return;\n }\n\n // const uniqueLinkIds = []\n\n // for (let i = 0; i < this.$links.length; i++) {\n // const uniqueLinkId = uuidv4()\n // this.$links[i].setAttribute(\"id\", uniqueLinkId);\n // uniqueLinkIds.push(uniqueLinkId)\n // }\n\n const uniqueId = `menu-content-${uuidv4()}`;\n this.$navigation.setAttribute(\"id\", uniqueId);\n // this.$navigation.setAttribute(\"aria-owns\", uniqueLinkIds.join(\",\"));\n\n this.$toggleButton = document.createElement(\"button\");\n this.$toggleButton.innerText = \"Menu\";\n this.$toggleButton.setAttribute(\"aria-controls\", uniqueId);\n this.$toggleButton.setAttribute(\"aria-haspopup\", \"true\");\n this.$toggleButton.classList.add(\"tna-header__navigation-toggle-button\");\n\n this.$hamburger = document.createElement(\"div\");\n this.$hamburger.classList.add(\"tna-header__hamburger\");\n\n this.$toggleButton.appendChild(this.$hamburger);\n this.$toggleButtonWrapper.appendChild(this.$toggleButton);\n\n this.syncState();\n\n this.$toggleButton.addEventListener(\"click\", () =>\n this.handleToggleNavigation(),\n );\n\n if (\"addEventListener\" in this.mql) {\n this.mql.addEventListener(\"change\", () => this.syncState());\n // this.mql.addEventListener(\"change\", this.syncState.bind(this));\n } else {\n this.mql.addListener(() => this.syncState());\n // this.mql.addListener(this.syncState.bind(this));\n }\n }\n\n handleToggleNavigation() {\n this.menuOpened = !this.menuOpened;\n this.syncState();\n }\n\n syncState() {\n if (this.mql.matches) {\n if (this.menuOpened) {\n this.$navigation.classList.add(\"tna-header__navigation--open\");\n this.$navigation.hidden = false;\n this.$navigation.setAttribute(\"aria-hidden\", \"false\");\n this.$toggleButton.setAttribute(\"aria-expanded\", \"true\");\n this.$toggleButton.setAttribute(\"title\", \"Close menu\");\n this.$toggleButton.classList.add(\n \"tna-header__navigation-toggle-button--opened\",\n );\n\n for (let i = 0; i < this.$links.length; i++) {\n this.$links[i].setAttribute(\"tabindex\", \"0\");\n }\n } else {\n this.$navigation.classList.remove(\"tna-header__navigation--open\");\n this.$navigation.hidden = true;\n this.$navigation.setAttribute(\"aria-hidden\", \"true\");\n this.$toggleButton.setAttribute(\"aria-expanded\", \"false\");\n this.$toggleButton.setAttribute(\"title\", \"Open menu\");\n this.$toggleButton.classList.remove(\n \"tna-header__navigation-toggle-button--opened\",\n );\n\n for (let i = 0; i < this.$links.length; i++) {\n this.$links[i].setAttribute(\"tabindex\", \"-1\");\n }\n }\n } else {\n this.$navigation.classList.add(\"tna-header__navigation--open\");\n this.$navigation.hidden = false;\n this.$navigation.setAttribute(\"aria-hidden\", \"false\");\n this.$toggleButton.setAttribute(\"aria-expanded\", \"true\");\n this.$toggleButton.setAttribute(\"title\", \"Close menu\");\n\n for (let i = 0; i < this.$links.length; i++) {\n this.$links[i].setAttribute(\"tabindex\", \"0\");\n }\n }\n }\n}\n","const uuidv4 = () =>\n ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>\n (\n c ^\n (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))\n ).toString(16),\n );\n\nexport default uuidv4;\n","export class SensitiveImage {\n constructor($module) {\n this.$module = $module;\n this.$imageDetails =\n $module && $module.querySelector(\".tna-sensitive-image__details\");\n this.$image =\n $module && $module.querySelector(\".tna-sensitive-image__image\");\n this.imageIsVisible = false;\n }\n\n init() {\n if (!this.$module || !this.$imageDetails || !this.$image) {\n return;\n }\n this.$imageDetails.addEventListener(\"toggle\", () =>\n this.handleImageDetailsToggle(),\n );\n }\n\n handleImageDetailsToggle() {\n if (this.$imageDetails.hasAttribute(\"open\")) {\n this.$image.focus({ preventScroll: true, focusVisible: true });\n }\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Header } from \"./components/header/header.mjs\";\nimport { SensitiveImage } from \"./components/sensitive-image/sensitive-image.mjs\";\n\nconst $body = document.documentElement;\n\n$body.classList.remove(\"tna-template--js-disabled\");\n$body.classList.add(\"tna-template--js-enabled\");\n\nconst onFirstTouch = () => {\n window.removeEventListener(\"touchstart\", onFirstTouch);\n $body.classList.add(\"tna-template--touched\");\n};\n\nconst onKeyDown = (e) => {\n if (e.key === \"Tab\") {\n $body.classList.add(\"tna-template--tabbed\");\n $body.classList.remove(\"tna-template--clicked\");\n }\n};\n\nconst onMouseDown = () => {\n $body.classList.add(\"tna-template--clicked\");\n $body.classList.remove(\"tna-template--tabbed\");\n};\n\nwindow.addEventListener(\"touchstart\", onFirstTouch);\nwindow.addEventListener(\"keydown\", onKeyDown);\nwindow.addEventListener(\"mousedown\", onMouseDown);\n\nif (document.documentElement.classList.contains(\"tna-template--system-theme\")) {\n if (window.matchMedia(\"(prefers-contrast: more)\").matches) {\n document.documentElement.classList.add(\"tna-template--high-contrast-theme\");\n } else {\n document.documentElement.classList.add(\n window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n ? \"tna-template--dark-theme\"\n : \"tna-template--light-theme\",\n );\n }\n}\n\nconst initAll = (options) => {\n options = typeof options !== \"undefined\" ? options : {};\n const $scope =\n options.scope instanceof HTMLElement ? options.scope : document;\n\n const $header = $scope.querySelector('[data-module=\"tna-header\"]');\n if ($header) {\n new Header($header).init();\n }\n\n const $sensitiveImages = $scope.querySelectorAll(\n '[data-module=\"tna-sensitive-image\"]',\n );\n $sensitiveImages.forEach(($sensitiveImage) => {\n new SensitiveImage($sensitiveImage).init();\n });\n};\n\nexport { initAll, Header, SensitiveImage };\n"],"names":["root","factory","exports","module","define","amd","self","Header","$module","_classCallCheck","this","$toggleButtonWrapper","querySelector","$navigation","$links","querySelectorAll","menuOpened","mql","window","matchMedia","key","value","_this","uniqueId","concat","replace","c","crypto","getRandomValues","Uint8Array","toString","setAttribute","$toggleButton","document","createElement","innerText","classList","add","$hamburger","appendChild","syncState","addEventListener","handleToggleNavigation","addListener","matches","hidden","i","length","remove","SensitiveImage","$imageDetails","$image","imageIsVisible","handleImageDetailsToggle","hasAttribute","focus","preventScroll","focusVisible","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","d","definition","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","$body","documentElement","onFirstTouch","removeEventListener","e","contains","initAll","options","$scope","scope","HTMLElement","$header","init","forEach","$sensitiveImage"],"sourceRoot":""}
|
package/nationalarchives/all.mjs
CHANGED
|
@@ -1,8 +1,43 @@
|
|
|
1
1
|
import { Header } from "./components/header/header.mjs";
|
|
2
2
|
import { SensitiveImage } from "./components/sensitive-image/sensitive-image.mjs";
|
|
3
3
|
|
|
4
|
-
document.documentElement
|
|
5
|
-
|
|
4
|
+
const $body = document.documentElement;
|
|
5
|
+
|
|
6
|
+
$body.classList.remove("tna-template--js-disabled");
|
|
7
|
+
$body.classList.add("tna-template--js-enabled");
|
|
8
|
+
|
|
9
|
+
const onFirstTouch = () => {
|
|
10
|
+
window.removeEventListener("touchstart", onFirstTouch);
|
|
11
|
+
$body.classList.add("tna-template--touched");
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
const onKeyDown = (e) => {
|
|
15
|
+
if (e.key === "Tab") {
|
|
16
|
+
$body.classList.add("tna-template--tabbed");
|
|
17
|
+
$body.classList.remove("tna-template--clicked");
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
const onMouseDown = () => {
|
|
22
|
+
$body.classList.add("tna-template--clicked");
|
|
23
|
+
$body.classList.remove("tna-template--tabbed");
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
window.addEventListener("touchstart", onFirstTouch);
|
|
27
|
+
window.addEventListener("keydown", onKeyDown);
|
|
28
|
+
window.addEventListener("mousedown", onMouseDown);
|
|
29
|
+
|
|
30
|
+
if (document.documentElement.classList.contains("tna-template--system-theme")) {
|
|
31
|
+
if (window.matchMedia("(prefers-contrast: more)").matches) {
|
|
32
|
+
document.documentElement.classList.add("tna-template--high-contrast-theme");
|
|
33
|
+
} else {
|
|
34
|
+
document.documentElement.classList.add(
|
|
35
|
+
window.matchMedia("(prefers-color-scheme: dark)").matches
|
|
36
|
+
? "tna-template--dark-theme"
|
|
37
|
+
: "tna-template--light-theme",
|
|
38
|
+
);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
6
41
|
|
|
7
42
|
const initAll = (options) => {
|
|
8
43
|
options = typeof options !== "undefined" ? options : {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
|
|
3
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
+
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
|
5
|
+
<style type="text/css">
|
|
6
|
+
.st0{fill:#FFFFFF;stroke:#26262A;stroke-width:5;stroke-miterlimit:10;}
|
|
7
|
+
</style>
|
|
8
|
+
<path class="st0" d="M504,256C504,119,393,8,256,8S8,119,8,256c0,123.8,90.7,226.4,209.2,245V327.7h-63V256h63v-54.6
|
|
9
|
+
c0-62.2,37-96.5,93.7-96.5c27.1,0,55.5,4.8,55.5,4.8v61h-31.3c-30.8,0-40.4,19.1-40.4,38.7V256h68.8l-11,71.7h-57.8V501
|
|
10
|
+
C413.3,482.4,504,379.8,504,256z"/>
|
|
11
|
+
</svg>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
|
|
3
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
+
viewBox="0 0 448 512" style="enable-background:new 0 0 448 512;" xml:space="preserve">
|
|
5
|
+
<style type="text/css">
|
|
6
|
+
.st0{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
|
|
7
|
+
</style>
|
|
8
|
+
<path class="st0" d="M400,32H48C21.5,32,0,53.5,0,80v352c0,26.5,21.5,48,48,48h352c26.5,0,48-21.5,48-48V80
|
|
9
|
+
C448,53.5,426.5,32,400,32z M144.5,319c-35.1,0-63.5-28.4-63.5-63.5s28.4-63.5,63.5-63.5s63.5,28.4,63.5,63.5S179.6,319,144.5,319z
|
|
10
|
+
M303.5,319c-35.1,0-63.5-28.4-63.5-63.5s28.4-63.5,63.5-63.5s63.5,28.4,63.5,63.5S338.6,319,303.5,319z"/>
|
|
11
|
+
</svg>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
|
|
3
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
+
viewBox="0 0 448 512" style="enable-background:new 0 0 448 512;" xml:space="preserve">
|
|
5
|
+
<style type="text/css">
|
|
6
|
+
.st0{fill:#FFFFFF;stroke:#26262A;stroke-width:5;stroke-miterlimit:10;}
|
|
7
|
+
</style>
|
|
8
|
+
<path class="st0" d="M224.1,141c-63.6,0-114.9,51.3-114.9,114.9s51.3,114.9,114.9,114.9S339,319.5,339,255.9S287.7,141,224.1,141z
|
|
9
|
+
M224.1,330.6c-41.1,0-74.7-33.5-74.7-74.7s33.5-74.7,74.7-74.7s74.7,33.5,74.7,74.7S265.2,330.6,224.1,330.6L224.1,330.6z
|
|
10
|
+
M370.5,136.3c0,14.9-12,26.8-26.8,26.8c-14.9,0-26.8-12-26.8-26.8s12-26.8,26.8-26.8S370.5,121.5,370.5,136.3z M446.6,163.5
|
|
11
|
+
c-1.7-35.9-9.9-67.7-36.2-93.9c-26.2-26.2-58-34.4-93.9-36.2c-37-2.1-147.9-2.1-184.9,0C95.8,35.1,64,43.3,37.7,69.5
|
|
12
|
+
s-34.4,58-36.2,93.9c-2.1,37-2.1,147.9,0,184.9c1.7,35.9,9.9,67.7,36.2,93.9s58,34.4,93.9,36.2c37,2.1,147.9,2.1,184.9,0
|
|
13
|
+
c35.9-1.7,67.7-9.9,93.9-36.2c26.2-26.2,34.4-58,36.2-93.9C448.7,311.3,448.7,200.5,446.6,163.5L446.6,163.5z M398.8,388
|
|
14
|
+
c-7.8,19.6-22.9,34.7-42.6,42.6c-29.5,11.7-99.5,9-132.1,9s-102.7,2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6
|
|
15
|
+
c-11.7-29.5-9-99.5-9-132.1s-2.6-102.7,9-132.1c7.8-19.6,22.9-34.7,42.6-42.6c29.5-11.7,99.5-9,132.1-9s102.7-2.6,132.1,9
|
|
16
|
+
c19.6,7.8,34.7,22.9,42.6,42.6c11.7,29.5,9,99.5,9,132.1S410.5,358.6,398.8,388z"/>
|
|
17
|
+
</svg>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
|
|
3
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
+
viewBox="0 0 448 512" style="enable-background:new 0 0 448 512;" xml:space="preserve">
|
|
5
|
+
<style type="text/css">
|
|
6
|
+
.st0{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
|
|
7
|
+
</style>
|
|
8
|
+
<path class="st0" d="M128.1,416c0,35.4-28.7,64-64,64S0,451.3,0,416s28.7-64,64-64S128.1,380.6,128.1,416L128.1,416z M303.7,463.2
|
|
9
|
+
c-8.4-154.6-132.2-278.6-287-287c-9.1-0.5-16.8,6.8-16.8,16v48.1c0,8.4,6.5,15.5,14.9,16c111.8,7.3,201.5,96.7,208.8,208.8
|
|
10
|
+
c0.5,8.4,7.6,14.9,16,14.9h48.1C296.9,480,304.2,472.3,303.7,463.2L303.7,463.2z M448,463.5C439.6,229.7,251.5,40.4,16.5,32
|
|
11
|
+
C7.5,31.7,0,39,0,48v48.1c0,8.6,6.8,15.6,15.5,16c191.2,7.8,344.6,161.3,352.5,352.5c0.4,8.6,7.4,15.5,16,15.5H432
|
|
12
|
+
C441,480,448.3,472.5,448,463.5z"/>
|
|
13
|
+
</svg>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
|
|
3
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
+
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
|
5
|
+
<style type="text/css">
|
|
6
|
+
.st0{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
|
|
7
|
+
</style>
|
|
8
|
+
<path class="st0" d="M459.4,151.7c0.3,4.5,0.3,9.1,0.3,13.6c0,138.7-105.6,298.6-298.6,298.6c-59.5,0-114.7-17.2-161.1-47.1
|
|
9
|
+
c8.4,1,16.6,1.3,25.3,1.3c49.1,0,94.2-16.6,130.3-44.8c-46.1-1-84.8-31.2-98.1-72.8c6.5,1,13,1.6,19.8,1.6c9.4,0,18.8-1.3,27.6-3.6
|
|
10
|
+
c-48.1-9.7-84.1-52-84.1-103v-1.3c14,7.8,30.2,12.7,47.4,13.3c-28.3-18.8-46.8-51-46.8-87.4c0-19.5,5.2-37.4,14.3-53
|
|
11
|
+
C87.4,130.9,165,172.5,252.1,177.1c-1.6-7.8-2.6-15.9-2.6-24c0-57.8,46.8-104.9,104.9-104.9c30.2,0,57.5,12.7,76.7,33.1
|
|
12
|
+
c23.7-4.5,46.5-13.3,66.6-25.3c-7.8,24.4-24.4,44.8-46.1,57.8c21.1-2.3,41.6-8.1,60.4-16.2C497.7,118.3,479.8,136.8,459.4,151.7
|
|
13
|
+
L459.4,151.7z"/>
|
|
14
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
|
|
3
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
+
viewBox="0 0 576 512" style="enable-background:new 0 0 576 512;" xml:space="preserve">
|
|
5
|
+
<style type="text/css">
|
|
6
|
+
.st0{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
|
|
7
|
+
</style>
|
|
8
|
+
<path class="st0" d="M549.7,124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8,64,288,64,288,64S117.2,64,74.6,75.5
|
|
9
|
+
c-23.5,6.3-42,24.9-48.3,48.6c-11.4,42.9-11.4,132.3-11.4,132.3s0,89.4,11.4,132.3c6.3,23.6,24.8,41.5,48.3,47.8
|
|
10
|
+
C117.2,448,288,448,288,448s170.8,0,213.4-11.5c23.5-6.3,42-24.2,48.3-47.8c11.4-42.9,11.4-132.3,11.4-132.3
|
|
11
|
+
S561.1,166.9,549.7,124.1z M232.1,337.6V175.2l142.7,81.2L232.1,337.6L232.1,337.6z"/>
|
|
12
|
+
</svg>
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
+
@use "breadcrumbs/index" as breadcrumbs;
|
|
1
2
|
@use "button/index" as button;
|
|
2
3
|
@use "card/index" as card;
|
|
4
|
+
@use "filters/index" as filters;
|
|
3
5
|
@use "footer/index" as footer;
|
|
4
6
|
@use "grid/index" as grid;
|
|
5
7
|
@use "header/index" as header;
|
|
6
8
|
@use "hero/index" as hero;
|
|
9
|
+
@use "phase-banner/index" as phase-banner;
|
|
7
10
|
@use "sensitive-image/index" as sensitive-image;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import Breadcrumbs from "./template.njk";
|
|
2
|
-
import "./_index.scss";
|
|
3
2
|
import macroOptions from "./macro-options.json";
|
|
4
3
|
|
|
5
4
|
const argTypes = {
|
|
@@ -15,7 +14,7 @@ Object.keys(argTypes).forEach((argType) => {
|
|
|
15
14
|
});
|
|
16
15
|
|
|
17
16
|
export default {
|
|
18
|
-
title: "Components/Breadcrumbs",
|
|
17
|
+
title: "Components/Work in progress/Breadcrumbs",
|
|
19
18
|
argTypes,
|
|
20
19
|
};
|
|
21
20
|
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import Button from "./template.njk";
|
|
2
|
-
import "./_index.scss";
|
|
3
2
|
import macroOptions from "./macro-options.json";
|
|
4
3
|
|
|
5
4
|
const argTypes = {
|
|
@@ -18,7 +17,7 @@ Object.keys(argTypes).forEach((argType) => {
|
|
|
18
17
|
});
|
|
19
18
|
|
|
20
19
|
export default {
|
|
21
|
-
title: "Components/Button",
|
|
20
|
+
title: "Components/Work in progress/Button",
|
|
22
21
|
argTypes,
|
|
23
22
|
};
|
|
24
23
|
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import Card from "./template.njk";
|
|
2
|
-
import "./_index.scss";
|
|
3
2
|
import macroOptions from "./macro-options.json";
|
|
4
3
|
|
|
5
4
|
const argTypes = {
|
|
@@ -22,7 +21,7 @@ Object.keys(argTypes).forEach((argType) => {
|
|
|
22
21
|
});
|
|
23
22
|
|
|
24
23
|
export default {
|
|
25
|
-
title: "Components/Card",
|
|
24
|
+
title: "Components/Work in progress/Card",
|
|
26
25
|
argTypes,
|
|
27
26
|
};
|
|
28
27
|
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import Filters from "./template.njk";
|
|
2
|
-
import "./_index.scss";
|
|
3
2
|
import macroOptions from "./macro-options.json";
|
|
4
3
|
|
|
5
4
|
const argTypes = {
|
|
@@ -16,7 +15,7 @@ Object.keys(argTypes).forEach((argType) => {
|
|
|
16
15
|
});
|
|
17
16
|
|
|
18
17
|
export default {
|
|
19
|
-
title: "Experimental/Filters",
|
|
18
|
+
title: "Components/Experimental/Filters",
|
|
20
19
|
argTypes,
|
|
21
20
|
};
|
|
22
21
|
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
@use "../../variables/colour";
|
|
2
|
+
@use "../../tools/media";
|
|
2
3
|
|
|
3
4
|
.tna-footer {
|
|
4
|
-
padding-top:
|
|
5
|
-
padding-bottom:
|
|
5
|
+
padding-top: 2rem;
|
|
6
|
+
padding-bottom: 2rem;
|
|
6
7
|
|
|
7
8
|
color: #fff;
|
|
8
9
|
|
|
@@ -16,6 +17,22 @@
|
|
|
16
17
|
}
|
|
17
18
|
}
|
|
18
19
|
|
|
20
|
+
&__top {
|
|
21
|
+
margin-bottom: 2rem;
|
|
22
|
+
|
|
23
|
+
text-align: center;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&__title {
|
|
27
|
+
margin-bottom: 0.5rem;
|
|
28
|
+
|
|
29
|
+
color: inherit;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
&__address {
|
|
33
|
+
font-style: normal;
|
|
34
|
+
}
|
|
35
|
+
|
|
19
36
|
&__navigation {
|
|
20
37
|
padding-bottom: 3rem;
|
|
21
38
|
}
|
|
@@ -24,6 +41,7 @@
|
|
|
24
41
|
}
|
|
25
42
|
|
|
26
43
|
&__navigation-group-title {
|
|
44
|
+
color: inherit;
|
|
27
45
|
}
|
|
28
46
|
|
|
29
47
|
&__navigation-group-items {
|
|
@@ -39,7 +57,9 @@
|
|
|
39
57
|
}
|
|
40
58
|
|
|
41
59
|
&__social {
|
|
42
|
-
|
|
60
|
+
margin-bottom: 2rem;
|
|
61
|
+
|
|
62
|
+
justify-content: space-evenly;
|
|
43
63
|
|
|
44
64
|
&.tna-container {
|
|
45
65
|
align-items: flex-end;
|
|
@@ -47,6 +67,8 @@
|
|
|
47
67
|
}
|
|
48
68
|
|
|
49
69
|
&__social-item {
|
|
70
|
+
margin-bottom: 2rem;
|
|
71
|
+
|
|
50
72
|
text-align: center;
|
|
51
73
|
}
|
|
52
74
|
|
|
@@ -55,6 +77,9 @@
|
|
|
55
77
|
}
|
|
56
78
|
|
|
57
79
|
&__social-item-link-image {
|
|
80
|
+
width: 2.25em;
|
|
81
|
+
margin: 0 auto 0.5rem;
|
|
82
|
+
|
|
58
83
|
display: block;
|
|
59
84
|
}
|
|
60
85
|
|
|
@@ -62,12 +87,22 @@
|
|
|
62
87
|
&.tna-container {
|
|
63
88
|
align-items: center;
|
|
64
89
|
}
|
|
90
|
+
|
|
91
|
+
.tna-column {
|
|
92
|
+
margin-top: 1rem;
|
|
93
|
+
}
|
|
65
94
|
}
|
|
66
95
|
|
|
67
96
|
&__licence-logo {
|
|
68
97
|
display: block;
|
|
69
98
|
}
|
|
70
99
|
|
|
100
|
+
&__govuk {
|
|
101
|
+
margin-top: 2rem;
|
|
102
|
+
|
|
103
|
+
text-align: center;
|
|
104
|
+
}
|
|
105
|
+
|
|
71
106
|
&__govuk-link {
|
|
72
107
|
display: inline-block;
|
|
73
108
|
|
|
@@ -86,4 +121,12 @@
|
|
|
86
121
|
|
|
87
122
|
fill: inherit;
|
|
88
123
|
}
|
|
124
|
+
|
|
125
|
+
@include media.on-mobile {
|
|
126
|
+
padding-top: 1rem;
|
|
127
|
+
|
|
128
|
+
&__social {
|
|
129
|
+
justify-content: center;
|
|
130
|
+
}
|
|
131
|
+
}
|
|
89
132
|
}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
{
|
|
5
5
|
"name": "minimal",
|
|
6
6
|
"options": {},
|
|
7
|
-
"html": "<footer class=\"tna-footer \"><div class=\"tna-container tna-footer__licence\">\n <div class=\"tna-column\">\n <svg aria-hidden=\"true\" focusable=\"false\" class=\"tna-footer__licence-logo\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 483.2 195.7\" height=\"17\" width=\"41\">\n <path fill=\"currentColor\" d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"></path>\n </svg>\n </div>\n <div class=\"tna-column tna-column--flex-1\">\n <p>All content is available under the <a href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\" class=\"tna-footer__link\">Open Government Licence v3.0</a>, except where otherwise stated</p>\n </div>\n <div class=\"tna-column\">\n <a href=\"#\" class=\"tna-footer__govuk-link\">\n <svg aria-hidden=\"true\" class=\"tna-footer__govuk-logotype-crown\" focusable=\"false\" height=\"30\" viewBox=\"0 0 132 97\" width=\"36\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z\"></path>\n </svg>\n GOV.UK\n </a>\n </div>\n </div>\n</footer>",
|
|
7
|
+
"html": "<footer class=\"tna-footer \"><div class=\"tna-container tna-footer__licence\">\n <div class=\"tna-column tna-column--full-tiny\">\n <svg aria-hidden=\"true\" focusable=\"false\" class=\"tna-footer__licence-logo\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 483.2 195.7\" height=\"17\" width=\"41\">\n <path fill=\"currentColor\" d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"></path>\n </svg>\n </div>\n <div class=\"tna-column tna-column--flex-1\">\n <p>All content is available under the <a href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\" class=\"tna-footer__link\">Open Government Licence v3.0</a>, except where otherwise stated</p>\n </div>\n <div class=\"tna-column tna-column--full-tiny tna-footer__govuk\">\n <a href=\"#\" class=\"tna-footer__govuk-link\">\n <svg aria-hidden=\"true\" class=\"tna-footer__govuk-logotype-crown\" focusable=\"false\" height=\"30\" viewBox=\"0 0 132 97\" width=\"36\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z\"></path>\n </svg>\n GOV.UK\n </a>\n </div>\n </div>\n</footer>",
|
|
8
8
|
"hidden": false
|
|
9
9
|
}
|
|
10
10
|
]
|