govuk_publishing_components 23.12.2 → 23.15.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/images/govuk_publishing_components/take-action-amber.svg +4 -0
- data/app/assets/images/govuk_publishing_components/take-action-green.svg +4 -0
- data/app/assets/images/govuk_publishing_components/take-action-red.svg +4 -0
- data/app/assets/javascripts/govuk_publishing_components/components/header.js +3 -0
- data/app/assets/javascripts/govuk_publishing_components/components/layout-header.js +5 -0
- data/app/assets/javascripts/govuk_publishing_components/components/step-by-step-nav.js +32 -36
- data/app/assets/javascripts/govuk_publishing_components/modules.js +1 -1
- data/app/assets/stylesheets/govuk_publishing_components/_all_components.scss +0 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/_contextual-sidebar.scss +34 -17
- data/app/assets/stylesheets/govuk_publishing_components/components/_document-list.scss +14 -8
- data/app/assets/stylesheets/govuk_publishing_components/components/_feedback.scss +35 -44
- data/app/assets/stylesheets/govuk_publishing_components/components/_layout-footer.scss +5 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav.scss +19 -7
- data/app/assets/stylesheets/govuk_publishing_components/components/print/_govspeak.scss +5 -0
- data/app/models/govuk_publishing_components/component_doc.rb +1 -1
- data/app/views/govuk_publishing_components/components/_button.html.erb +1 -0
- data/app/views/govuk_publishing_components/components/_contextual_sidebar.html.erb +2 -8
- data/app/views/govuk_publishing_components/components/_document_list.html.erb +2 -1
- data/app/views/govuk_publishing_components/components/_layout_footer.html.erb +9 -4
- data/app/views/govuk_publishing_components/components/_layout_header.html.erb +3 -2
- data/app/views/govuk_publishing_components/components/_step_by_step_nav.html.erb +2 -2
- data/app/views/govuk_publishing_components/components/_subscription-links.html.erb +3 -0
- data/app/views/govuk_publishing_components/components/_subscription_links.html.erb +82 -0
- data/app/views/govuk_publishing_components/components/_translation-nav.html.erb +3 -0
- data/app/views/govuk_publishing_components/components/_translation_nav.html.erb +30 -0
- data/app/views/govuk_publishing_components/components/contextual_sidebar/_brexit_cta.html.erb +21 -0
- data/app/views/govuk_publishing_components/components/docs/contextual_sidebar.yml +60 -1
- data/app/views/govuk_publishing_components/components/docs/document_list.yml +32 -7
- data/app/views/govuk_publishing_components/components/docs/layout_header.yml +32 -0
- data/app/views/govuk_publishing_components/components/docs/meta_tags.yml +99 -1
- data/app/views/govuk_publishing_components/components/docs/subscription-links.yml +3 -0
- data/app/views/govuk_publishing_components/components/docs/subscription_links.yml +100 -0
- data/app/views/govuk_publishing_components/components/docs/translation-nav.yml +3 -1
- data/app/views/govuk_publishing_components/components/docs/translation_nav.yml +137 -0
- data/app/views/govuk_publishing_components/components/layout_header/_navigation_items.html.erb +11 -6
- data/config/initializers/assets.rb +3 -0
- data/config/locales/cy.yml +6 -1
- data/config/locales/en.yml +8 -3
- data/lib/govuk_publishing_components/presenters/contextual_navigation.rb +124 -2
- data/lib/govuk_publishing_components/presenters/meta_tags.rb +2 -0
- data/lib/govuk_publishing_components/version.rb +1 -1
- data/node_modules/govuk-frontend/govuk/all.js +57 -0
- data/node_modules/govuk-frontend/govuk/components/_all.scss +1 -0
- data/node_modules/govuk-frontend/govuk/components/accordion/fixtures.json +25 -10
- data/node_modules/govuk-frontend/govuk/components/back-link/fixtures.json +12 -6
- data/node_modules/govuk-frontend/govuk/components/back-link/macro-options.json +4 -4
- data/node_modules/govuk-frontend/govuk/components/breadcrumbs/fixtures.json +34 -13
- data/node_modules/govuk-frontend/govuk/components/breadcrumbs/macro-options.json +1 -0
- data/node_modules/govuk-frontend/govuk/components/button/fixtures.json +74 -31
- data/node_modules/govuk-frontend/govuk/components/character-count/fixtures.json +72 -15
- data/node_modules/govuk-frontend/govuk/components/character-count/macro-options.json +1 -1
- data/node_modules/govuk-frontend/govuk/components/checkboxes/fixtures.json +145 -52
- data/node_modules/govuk-frontend/govuk/components/checkboxes/macro-options.json +2 -2
- data/node_modules/govuk-frontend/govuk/components/date-input/fixtures.json +84 -34
- data/node_modules/govuk-frontend/govuk/components/date-input/macro-options.json +1 -1
- data/node_modules/govuk-frontend/govuk/components/date-input/template.njk +1 -1
- data/node_modules/govuk-frontend/govuk/components/details/fixtures.json +34 -14
- data/node_modules/govuk-frontend/govuk/components/error-message/fixtures.json +21 -10
- data/node_modules/govuk-frontend/govuk/components/error-message/macro-options.json +1 -0
- data/node_modules/govuk-frontend/govuk/components/error-summary/_index.scss +2 -12
- data/node_modules/govuk-frontend/govuk/components/error-summary/fixtures.json +86 -25
- data/node_modules/govuk-frontend/govuk/components/fieldset/fixtures.json +20 -10
- data/node_modules/govuk-frontend/govuk/components/file-upload/fixtures.json +60 -13
- data/node_modules/govuk-frontend/govuk/components/footer/fixtures.json +37 -18
- data/node_modules/govuk-frontend/govuk/components/footer/macro-options.json +8 -5
- data/node_modules/govuk-frontend/govuk/components/header/fixtures.json +36 -18
- data/node_modules/govuk-frontend/govuk/components/header/macro-options.json +2 -2
- data/node_modules/govuk-frontend/govuk/components/hint/fixtures.json +17 -8
- data/node_modules/govuk-frontend/govuk/components/input/fixtures.json +130 -40
- data/node_modules/govuk-frontend/govuk/components/input/macro-options.json +1 -1
- data/node_modules/govuk-frontend/govuk/components/inset-text/fixtures.json +17 -8
- data/node_modules/govuk-frontend/govuk/components/label/fixtures.json +20 -11
- data/node_modules/govuk-frontend/govuk/components/label/macro-options.json +1 -1
- data/node_modules/govuk-frontend/govuk/components/notification-banner/README.md +15 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/_index.scss +89 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/_notification-banner.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/fixtures.json +212 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/macro-options.json +68 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/macro.njk +3 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/notification-banner.js +61 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/template.njk +47 -0
- data/node_modules/govuk-frontend/govuk/components/panel/fixtures.json +30 -13
- data/node_modules/govuk-frontend/govuk/components/phase-banner/fixtures.json +20 -9
- data/node_modules/govuk-frontend/govuk/components/radios/fixtures.json +167 -50
- data/node_modules/govuk-frontend/govuk/components/select/fixtures.json +97 -18
- data/node_modules/govuk-frontend/govuk/components/select/macro-options.json +1 -1
- data/node_modules/govuk-frontend/govuk/components/skip-link/fixtures.json +21 -9
- data/node_modules/govuk-frontend/govuk/components/summary-list/fixtures.json +118 -25
- data/node_modules/govuk-frontend/govuk/components/table/fixtures.json +92 -22
- data/node_modules/govuk-frontend/govuk/components/tabs/fixtures.json +75 -18
- data/node_modules/govuk-frontend/govuk/components/tabs/macro-options.json +1 -1
- data/node_modules/govuk-frontend/govuk/components/tag/fixtures.json +28 -14
- data/node_modules/govuk-frontend/govuk/components/textarea/fixtures.json +68 -17
- data/node_modules/govuk-frontend/govuk/components/warning-text/fixtures.json +19 -14
- data/node_modules/govuk-frontend/govuk/helpers/_links.scss +94 -0
- data/node_modules/govuk-frontend/govuk/settings/_colours-applied.scss +9 -0
- data/node_modules/govuk-frontend/govuk/settings/_typography-font.scss +3 -0
- data/node_modules/govuk-frontend/package.json +1 -1
- metadata +18 -4
- data/app/assets/stylesheets/govuk_publishing_components/components/_transition-countdown.scss +0 -125
- data/app/views/govuk_publishing_components/components/contextual_sidebar/_brexit_related_links.html.erb +0 -6
|
@@ -4,7 +4,8 @@
|
|
|
4
4
|
{
|
|
5
5
|
"name": "default",
|
|
6
6
|
"options": {},
|
|
7
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
7
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
8
|
+
"hidden": false
|
|
8
9
|
},
|
|
9
10
|
{
|
|
10
11
|
"name": "with meta",
|
|
@@ -27,7 +28,8 @@
|
|
|
27
28
|
]
|
|
28
29
|
}
|
|
29
30
|
},
|
|
30
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Items</h2>\n \n <ul class=\"govuk-footer__inline-list\">\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Item 1\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Item 2\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Item 3\n </a>\n </li>\n \n </ul>\n \n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
31
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Items</h2>\n \n <ul class=\"govuk-footer__inline-list\">\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Item 1\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Item 2\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Item 3\n </a>\n </li>\n \n </ul>\n \n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
32
|
+
"hidden": false
|
|
31
33
|
},
|
|
32
34
|
{
|
|
33
35
|
"name": "with custom meta",
|
|
@@ -36,7 +38,8 @@
|
|
|
36
38
|
"text": "GOV.UK Prototype Kit v7.0.1"
|
|
37
39
|
}
|
|
38
40
|
},
|
|
39
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n <div class=\"govuk-footer__meta-custom\">\n GOV.UK Prototype Kit v7.0.1\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
41
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n <div class=\"govuk-footer__meta-custom\">\n GOV.UK Prototype Kit v7.0.1\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
42
|
+
"hidden": false
|
|
40
43
|
},
|
|
41
44
|
{
|
|
42
45
|
"name": "with meta links and meta content",
|
|
@@ -79,7 +82,8 @@
|
|
|
79
82
|
"html": "Built by the <a href=\"#\" class=\"govuk-footer__link\">Department of Magical Law Enforcement</a>"
|
|
80
83
|
}
|
|
81
84
|
},
|
|
82
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n <ul class=\"govuk-footer__inline-list\">\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Bibendum Ornare\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Nullam\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Tortor Fringilla\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Tellus\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Egestas Nullam\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Euismod Etiam\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#7\">\n Fusce Sollicitudin\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#8\">\n Ligula Nullam Ultricies\n </a>\n </li>\n \n </ul>\n \n \n <div class=\"govuk-footer__meta-custom\">\n Built by the <a href=\"#\" class=\"govuk-footer__link\">Department of Magical Law Enforcement</a>\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
85
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n <ul class=\"govuk-footer__inline-list\">\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Bibendum Ornare\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Nullam\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Tortor Fringilla\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Tellus\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Egestas Nullam\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Euismod Etiam\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#7\">\n Fusce Sollicitudin\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#8\">\n Ligula Nullam Ultricies\n </a>\n </li>\n \n </ul>\n \n \n <div class=\"govuk-footer__meta-custom\">\n Built by the <a href=\"#\" class=\"govuk-footer__link\">Department of Magical Law Enforcement</a>\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
86
|
+
"hidden": false
|
|
83
87
|
},
|
|
84
88
|
{
|
|
85
89
|
"name": "with custom meta",
|
|
@@ -88,7 +92,8 @@
|
|
|
88
92
|
"text": "GOV.UK Prototype Kit v7.0.1"
|
|
89
93
|
}
|
|
90
94
|
},
|
|
91
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n <div class=\"govuk-footer__meta-custom\">\n GOV.UK Prototype Kit v7.0.1\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
95
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n <div class=\"govuk-footer__meta-custom\">\n GOV.UK Prototype Kit v7.0.1\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
96
|
+
"hidden": false
|
|
92
97
|
},
|
|
93
98
|
{
|
|
94
99
|
"name": "with navigation",
|
|
@@ -143,7 +148,8 @@
|
|
|
143
148
|
}
|
|
144
149
|
]
|
|
145
150
|
},
|
|
146
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Two column list</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list</h2>\n \n \n <ul class=\"govuk-footer__list \">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
151
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Two column list</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list</h2>\n \n \n <ul class=\"govuk-footer__list \">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
152
|
+
"hidden": false
|
|
147
153
|
},
|
|
148
154
|
{
|
|
149
155
|
"name": "GOV.UK",
|
|
@@ -275,7 +281,8 @@
|
|
|
275
281
|
"html": "Built by the <a class=\"govuk-footer__link\" href=\"#\">Government Digital Service</a>"
|
|
276
282
|
}
|
|
277
283
|
},
|
|
278
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Services and information</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/benefits\">\n Benefits\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/births-deaths-marriages\">\n Births, deaths, marriages and care\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/business\">\n Business and self-employed\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/childcare-parenting\">\n Childcare and parenting\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/citizenship\">\n Citizenship and living in the UK\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/justice\">\n Crime, justice and the law\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/disabilities\">\n Disabled people\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/driving\">\n Driving and transport\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/education\">\n Education and learning\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/employing-people\">\n Employing people\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/environment-countryside\">\n Environment and countryside\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/housing-local-services\">\n Housing and local services\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/tax\">\n Money and tax\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/abroad\">\n Passports, travel and living abroad\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/visas-immigration\">\n Visas and immigration\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/working\">\n Working, jobs and pensions\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Departments and policy</h2>\n \n \n <ul class=\"govuk-footer__list \">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/how-government-works\">\n How government works\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/organisations\">\n Departments\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/world\">\n Worldwide\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/policies\">\n Policies\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/publications\">\n Publications\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/announcements\">\n Announcements\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n <ul class=\"govuk-footer__inline-list\">\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/help\">\n Help\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/help/cookies\">\n Cookies\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/contact\">\n Contact\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/help/terms-conditions\">\n Terms and conditions\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/cymraeg\">\n Rhestr o Wasanaethau Cymraeg\n </a>\n </li>\n \n </ul>\n \n \n <div class=\"govuk-footer__meta-custom\">\n Built by the <a class=\"govuk-footer__link\" href=\"#\">Government Digital Service</a>\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
284
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Services and information</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/benefits\">\n Benefits\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/births-deaths-marriages\">\n Births, deaths, marriages and care\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/business\">\n Business and self-employed\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/childcare-parenting\">\n Childcare and parenting\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/citizenship\">\n Citizenship and living in the UK\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/justice\">\n Crime, justice and the law\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/disabilities\">\n Disabled people\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/driving\">\n Driving and transport\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/education\">\n Education and learning\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/employing-people\">\n Employing people\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/environment-countryside\">\n Environment and countryside\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/housing-local-services\">\n Housing and local services\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/tax\">\n Money and tax\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/abroad\">\n Passports, travel and living abroad\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/visas-immigration\">\n Visas and immigration\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/working\">\n Working, jobs and pensions\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Departments and policy</h2>\n \n \n <ul class=\"govuk-footer__list \">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/how-government-works\">\n How government works\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/organisations\">\n Departments\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/world\">\n Worldwide\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/policies\">\n Policies\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/publications\">\n Publications\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/announcements\">\n Announcements\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n <ul class=\"govuk-footer__inline-list\">\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/help\">\n Help\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/help/cookies\">\n Cookies\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/contact\">\n Contact\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/help/terms-conditions\">\n Terms and conditions\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/cymraeg\">\n Rhestr o Wasanaethau Cymraeg\n </a>\n </li>\n \n </ul>\n \n \n <div class=\"govuk-footer__meta-custom\">\n Built by the <a class=\"govuk-footer__link\" href=\"#\">Government Digital Service</a>\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
285
|
+
"hidden": false
|
|
279
286
|
},
|
|
280
287
|
{
|
|
281
288
|
"name": "Three equal columns",
|
|
@@ -373,7 +380,8 @@
|
|
|
373
380
|
}
|
|
374
381
|
]
|
|
375
382
|
},
|
|
376
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 2</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 3</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
383
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 2</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 3</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
384
|
+
"hidden": false
|
|
377
385
|
},
|
|
378
386
|
{
|
|
379
387
|
"name": "attributes",
|
|
@@ -383,28 +391,32 @@
|
|
|
383
391
|
"data-test-attribute-2": "value-2"
|
|
384
392
|
}
|
|
385
393
|
},
|
|
386
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
394
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
395
|
+
"hidden": false
|
|
387
396
|
},
|
|
388
397
|
{
|
|
389
398
|
"name": "classes",
|
|
390
399
|
"options": {
|
|
391
400
|
"classes": "app-footer--custom-modifier"
|
|
392
401
|
},
|
|
393
|
-
"html": "<footer class=\"govuk-footer app-footer--custom-modifier\" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
402
|
+
"html": "<footer class=\"govuk-footer app-footer--custom-modifier\" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
403
|
+
"hidden": false
|
|
394
404
|
},
|
|
395
405
|
{
|
|
396
406
|
"name": "with container classes",
|
|
397
407
|
"options": {
|
|
398
408
|
"containerClasses": "app-width-container"
|
|
399
409
|
},
|
|
400
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container app-width-container\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
410
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container app-width-container\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
411
|
+
"hidden": false
|
|
401
412
|
},
|
|
402
413
|
{
|
|
403
414
|
"name": "with empty meta",
|
|
404
415
|
"options": {
|
|
405
416
|
"meta": {}
|
|
406
417
|
},
|
|
407
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
418
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
419
|
+
"hidden": false
|
|
408
420
|
},
|
|
409
421
|
{
|
|
410
422
|
"name": "with empty meta items",
|
|
@@ -413,7 +425,8 @@
|
|
|
413
425
|
"items": []
|
|
414
426
|
}
|
|
415
427
|
},
|
|
416
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
428
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
429
|
+
"hidden": false
|
|
417
430
|
},
|
|
418
431
|
{
|
|
419
432
|
"name": "meta html as text",
|
|
@@ -422,7 +435,8 @@
|
|
|
422
435
|
"text": "GOV.UK Prototype Kit <strong>v7.0.1</strong>"
|
|
423
436
|
}
|
|
424
437
|
},
|
|
425
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n <div class=\"govuk-footer__meta-custom\">\n GOV.UK Prototype Kit <strong>v7.0.1</strong>\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
438
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n <div class=\"govuk-footer__meta-custom\">\n GOV.UK Prototype Kit <strong>v7.0.1</strong>\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
439
|
+
"hidden": false
|
|
426
440
|
},
|
|
427
441
|
{
|
|
428
442
|
"name": "with meta html",
|
|
@@ -431,7 +445,8 @@
|
|
|
431
445
|
"html": "GOV.UK Prototype Kit <strong>v7.0.1</strong>"
|
|
432
446
|
}
|
|
433
447
|
},
|
|
434
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n <div class=\"govuk-footer__meta-custom\">\n GOV.UK Prototype Kit <strong>v7.0.1</strong>\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
448
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n <div class=\"govuk-footer__meta-custom\">\n GOV.UK Prototype Kit <strong>v7.0.1</strong>\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
449
|
+
"hidden": false
|
|
435
450
|
},
|
|
436
451
|
{
|
|
437
452
|
"name": "with meta item attributes",
|
|
@@ -449,20 +464,23 @@
|
|
|
449
464
|
]
|
|
450
465
|
}
|
|
451
466
|
},
|
|
452
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n <ul class=\"govuk-footer__inline-list\">\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n meta item 1\n </a>\n </li>\n \n </ul>\n \n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
467
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n <ul class=\"govuk-footer__inline-list\">\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n meta item 1\n </a>\n </li>\n \n </ul>\n \n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
468
|
+
"hidden": false
|
|
453
469
|
},
|
|
454
470
|
{
|
|
455
471
|
"name": "with empty navigation",
|
|
456
472
|
"options": {
|
|
457
473
|
"navigation": []
|
|
458
474
|
},
|
|
459
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>"
|
|
475
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
476
|
+
"hidden": false
|
|
460
477
|
},
|
|
461
478
|
{
|
|
462
479
|
"name": "with navigation item attributes",
|
|
463
480
|
"options": {
|
|
464
481
|
"navigation": [
|
|
465
482
|
{
|
|
483
|
+
"title": "Single column list 1",
|
|
466
484
|
"items": [
|
|
467
485
|
{
|
|
468
486
|
"href": "#1",
|
|
@@ -476,7 +494,8 @@
|
|
|
476
494
|
}
|
|
477
495
|
]
|
|
478
496
|
},
|
|
479
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\"
|
|
497
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n \n \n <ul class=\"govuk-footer__list \">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n Navigation item 1\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
498
|
+
"hidden": false
|
|
480
499
|
}
|
|
481
500
|
]
|
|
482
501
|
}
|
|
@@ -8,16 +8,19 @@
|
|
|
8
8
|
{
|
|
9
9
|
"name": "visuallyHiddenTitle",
|
|
10
10
|
"type": "string",
|
|
11
|
+
"required": false,
|
|
11
12
|
"description": "Title for a meta item section, which defaults to Support links"
|
|
12
13
|
},
|
|
13
14
|
{
|
|
14
15
|
"name": "html",
|
|
15
16
|
"type": "string",
|
|
17
|
+
"required": false,
|
|
16
18
|
"description": "HTML to add to the meta section of the footer, which will appear below any links specified using meta.items."
|
|
17
19
|
},
|
|
18
20
|
{
|
|
19
21
|
"name": "text",
|
|
20
22
|
"type": "string",
|
|
23
|
+
"required": false,
|
|
21
24
|
"description": "Text to add to the meta section of the footer, which will appear below any links specified using meta.items. If meta.html is specified, this option is ignored."
|
|
22
25
|
},
|
|
23
26
|
{
|
|
@@ -29,13 +32,13 @@
|
|
|
29
32
|
{
|
|
30
33
|
"name": "text",
|
|
31
34
|
"type": "string",
|
|
32
|
-
"required":
|
|
35
|
+
"required": true,
|
|
33
36
|
"description": "List item text in the meta section of the footer."
|
|
34
37
|
},
|
|
35
38
|
{
|
|
36
39
|
"name": "href",
|
|
37
40
|
"type": "string",
|
|
38
|
-
"required":
|
|
41
|
+
"required": true,
|
|
39
42
|
"description": "List item href attribute in the meta section of the footer."
|
|
40
43
|
},
|
|
41
44
|
{
|
|
@@ -57,7 +60,7 @@
|
|
|
57
60
|
{
|
|
58
61
|
"name": "title",
|
|
59
62
|
"type": "string",
|
|
60
|
-
"required":
|
|
63
|
+
"required": true,
|
|
61
64
|
"description": "Title for a section"
|
|
62
65
|
},
|
|
63
66
|
{
|
|
@@ -75,13 +78,13 @@
|
|
|
75
78
|
{
|
|
76
79
|
"name": "text",
|
|
77
80
|
"type": "string",
|
|
78
|
-
"required":
|
|
81
|
+
"required": true,
|
|
79
82
|
"description": "List item text in the navigation section of the footer."
|
|
80
83
|
},
|
|
81
84
|
{
|
|
82
85
|
"name": "href",
|
|
83
86
|
"type": "string",
|
|
84
|
-
"required":
|
|
87
|
+
"required": true,
|
|
85
88
|
"description": "List item href attribute in the navigation section of the footer. Both `text` and `href` attributes need to be present to create a link."
|
|
86
89
|
},
|
|
87
90
|
{
|
|
@@ -4,7 +4,8 @@
|
|
|
4
4
|
{
|
|
5
5
|
"name": "default",
|
|
6
6
|
"options": {},
|
|
7
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n </div>\n</header>"
|
|
7
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n </div>\n</header>",
|
|
8
|
+
"hidden": false
|
|
8
9
|
},
|
|
9
10
|
{
|
|
10
11
|
"name": "with service name",
|
|
@@ -12,7 +13,8 @@
|
|
|
12
13
|
"serviceName": "Service Name",
|
|
13
14
|
"serviceUrl": "/components/header"
|
|
14
15
|
},
|
|
15
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n <a href=\"/components/header\" class=\"govuk-header__link govuk-header__link--service-name\">\n Service Name\n </a>\n \n \n </div>\n \n </div>\n</header>"
|
|
16
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n <a href=\"/components/header\" class=\"govuk-header__link govuk-header__link--service-name\">\n Service Name\n </a>\n \n \n </div>\n \n </div>\n</header>",
|
|
17
|
+
"hidden": false
|
|
16
18
|
},
|
|
17
19
|
{
|
|
18
20
|
"name": "with navigation",
|
|
@@ -37,7 +39,8 @@
|
|
|
37
39
|
}
|
|
38
40
|
]
|
|
39
41
|
},
|
|
40
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n \n <a class=\"govuk-header__link\" href=\"#1\">\n \n Navigation item 1\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#2\">\n \n Navigation item 2\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#3\">\n \n Navigation item 3\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#4\">\n \n Navigation item 4\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>"
|
|
42
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n \n <a class=\"govuk-header__link\" href=\"#1\">\n \n Navigation item 1\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#2\">\n \n Navigation item 2\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#3\">\n \n Navigation item 3\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#4\">\n \n Navigation item 4\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>",
|
|
43
|
+
"hidden": false
|
|
41
44
|
},
|
|
42
45
|
{
|
|
43
46
|
"name": "with custom navigation label",
|
|
@@ -63,7 +66,8 @@
|
|
|
63
66
|
}
|
|
64
67
|
]
|
|
65
68
|
},
|
|
66
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Custom navigation label\">\n \n \n <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n \n <a class=\"govuk-header__link\" href=\"#1\">\n \n Navigation item 1\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#2\">\n \n Navigation item 2\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#3\">\n \n Navigation item 3\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#4\">\n \n Navigation item 4\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>"
|
|
69
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Custom navigation label\">\n \n \n <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n \n <a class=\"govuk-header__link\" href=\"#1\">\n \n Navigation item 1\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#2\">\n \n Navigation item 2\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#3\">\n \n Navigation item 3\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#4\">\n \n Navigation item 4\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>",
|
|
70
|
+
"hidden": false
|
|
67
71
|
},
|
|
68
72
|
{
|
|
69
73
|
"name": "with custom menu button label",
|
|
@@ -89,7 +93,8 @@
|
|
|
89
93
|
}
|
|
90
94
|
]
|
|
91
95
|
},
|
|
92
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Custom button label\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n \n <a class=\"govuk-header__link\" href=\"#1\">\n \n Navigation item 1\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#2\">\n \n Navigation item 2\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#3\">\n \n Navigation item 3\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#4\">\n \n Navigation item 4\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>"
|
|
96
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Custom button label\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n \n <a class=\"govuk-header__link\" href=\"#1\">\n \n Navigation item 1\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#2\">\n \n Navigation item 2\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#3\">\n \n Navigation item 3\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#4\">\n \n Navigation item 4\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>",
|
|
97
|
+
"hidden": false
|
|
93
98
|
},
|
|
94
99
|
{
|
|
95
100
|
"name": "with service name and navigation",
|
|
@@ -116,7 +121,8 @@
|
|
|
116
121
|
}
|
|
117
122
|
]
|
|
118
123
|
},
|
|
119
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n <a href=\"/components/header\" class=\"govuk-header__link govuk-header__link--service-name\">\n Service Name\n </a>\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n \n <a class=\"govuk-header__link\" href=\"#1\">\n \n Navigation item 1\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#2\">\n \n Navigation item 2\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#3\">\n \n Navigation item 3\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#4\">\n \n Navigation item 4\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>"
|
|
124
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n <a href=\"/components/header\" class=\"govuk-header__link govuk-header__link--service-name\">\n Service Name\n </a>\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n \n <a class=\"govuk-header__link\" href=\"#1\">\n \n Navigation item 1\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#2\">\n \n Navigation item 2\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#3\">\n \n Navigation item 3\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#4\">\n \n Navigation item 4\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>",
|
|
125
|
+
"hidden": false
|
|
120
126
|
},
|
|
121
127
|
{
|
|
122
128
|
"name": "with large navigation",
|
|
@@ -188,7 +194,8 @@
|
|
|
188
194
|
}
|
|
189
195
|
]
|
|
190
196
|
},
|
|
191
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/benefits\">\n \n Benefits\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/births-deaths-marriages\">\n \n Births, deaths, marriages and care\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/business\">\n \n Business and self-employed\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/childcare-parenting\">\n \n Childcare and parenting\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/citizenship\">\n \n Citizenship and living in the UK\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/justice\">\n \n Crime, justice and the law\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/disabilities\">\n \n Disabled people\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/driving\">\n \n Driving and transport\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/education\">\n \n Education and learning\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/employing-people\">\n \n Employing people\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/environment-countryside\">\n \n Environment and countryside\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/housing-local-services\">\n \n Housing and local services\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/tax\">\n \n Money and tax\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/abroad\">\n \n Passports, travel and living abroad\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/visas-immigration\">\n \n Visas and immigration\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/working\">\n \n Working, jobs and pensions\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>"
|
|
197
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/benefits\">\n \n Benefits\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/births-deaths-marriages\">\n \n Births, deaths, marriages and care\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/business\">\n \n Business and self-employed\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/childcare-parenting\">\n \n Childcare and parenting\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/citizenship\">\n \n Citizenship and living in the UK\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/justice\">\n \n Crime, justice and the law\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/disabilities\">\n \n Disabled people\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/driving\">\n \n Driving and transport\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/education\">\n \n Education and learning\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/employing-people\">\n \n Employing people\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/environment-countryside\">\n \n Environment and countryside\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/housing-local-services\">\n \n Housing and local services\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/tax\">\n \n Money and tax\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/abroad\">\n \n Passports, travel and living abroad\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/visas-immigration\">\n \n Visas and immigration\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/browse/working\">\n \n Working, jobs and pensions\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>",
|
|
198
|
+
"hidden": false
|
|
192
199
|
},
|
|
193
200
|
{
|
|
194
201
|
"name": "with product name",
|
|
@@ -196,7 +203,8 @@
|
|
|
196
203
|
"navigationClasses": "govuk-header__navigation--end",
|
|
197
204
|
"productName": "Product Name"
|
|
198
205
|
},
|
|
199
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n <span class=\"govuk-header__product-name\">\n Product Name\n </span>\n \n </a>\n </div>\n \n </div>\n</header>"
|
|
206
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n <span class=\"govuk-header__product-name\">\n Product Name\n </span>\n \n </a>\n </div>\n \n </div>\n</header>",
|
|
207
|
+
"hidden": false
|
|
200
208
|
},
|
|
201
209
|
{
|
|
202
210
|
"name": "full width",
|
|
@@ -205,7 +213,8 @@
|
|
|
205
213
|
"navigationClasses": "govuk-header__navigation--end",
|
|
206
214
|
"productName": "Product Name"
|
|
207
215
|
},
|
|
208
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-header__container--full-width\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n <span class=\"govuk-header__product-name\">\n Product Name\n </span>\n \n </a>\n </div>\n \n </div>\n</header>"
|
|
216
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-header__container--full-width\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n <span class=\"govuk-header__product-name\">\n Product Name\n </span>\n \n </a>\n </div>\n \n </div>\n</header>",
|
|
217
|
+
"hidden": false
|
|
209
218
|
},
|
|
210
219
|
{
|
|
211
220
|
"name": "full width with navigation",
|
|
@@ -229,7 +238,8 @@
|
|
|
229
238
|
}
|
|
230
239
|
]
|
|
231
240
|
},
|
|
232
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-header__container--full-width\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n <span class=\"govuk-header__product-name\">\n Product Name\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation govuk-header__navigation--end\" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n \n <a class=\"govuk-header__link\" href=\"#1\">\n \n Navigation item 1\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#2\">\n \n Navigation item 2\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#3\">\n \n Navigation item 3\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>"
|
|
241
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-header__container--full-width\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n <span class=\"govuk-header__product-name\">\n Product Name\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation govuk-header__navigation--end\" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n \n <a class=\"govuk-header__link\" href=\"#1\">\n \n Navigation item 1\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#2\">\n \n Navigation item 2\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#3\">\n \n Navigation item 3\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>",
|
|
242
|
+
"hidden": false
|
|
233
243
|
},
|
|
234
244
|
{
|
|
235
245
|
"name": "navigation item with html",
|
|
@@ -252,7 +262,8 @@
|
|
|
252
262
|
}
|
|
253
263
|
]
|
|
254
264
|
},
|
|
255
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n <a href=\"/components/header\" class=\"govuk-header__link govuk-header__link--service-name\">\n Service Name\n </a>\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n \n <a class=\"govuk-header__link\" href=\"#1\">\n \n <em>Navigation item 1</em>\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#2\">\n \n <em>Navigation item 2</em>\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#3\">\n \n <em>Navigation item 3</em>\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>"
|
|
265
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n <a href=\"/components/header\" class=\"govuk-header__link govuk-header__link--service-name\">\n Service Name\n </a>\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n \n <a class=\"govuk-header__link\" href=\"#1\">\n \n <em>Navigation item 1</em>\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#2\">\n \n <em>Navigation item 2</em>\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#3\">\n \n <em>Navigation item 3</em>\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>",
|
|
266
|
+
"hidden": false
|
|
256
267
|
},
|
|
257
268
|
{
|
|
258
269
|
"name": "navigation item with text without link",
|
|
@@ -271,7 +282,8 @@
|
|
|
271
282
|
}
|
|
272
283
|
]
|
|
273
284
|
},
|
|
274
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n <a href=\"/components/header\" class=\"govuk-header__link govuk-header__link--service-name\">\n Service Name\n </a>\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item\">\n \n Navigation item 1\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n Navigation item 2\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n Navigation item 3\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>"
|
|
285
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n <a href=\"/components/header\" class=\"govuk-header__link govuk-header__link--service-name\">\n Service Name\n </a>\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item\">\n \n Navigation item 1\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n Navigation item 2\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n Navigation item 3\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>",
|
|
286
|
+
"hidden": false
|
|
275
287
|
},
|
|
276
288
|
{
|
|
277
289
|
"name": "attributes",
|
|
@@ -281,21 +293,24 @@
|
|
|
281
293
|
"data-test-attribute-2": "value-2"
|
|
282
294
|
}
|
|
283
295
|
},
|
|
284
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n </div>\n</header>"
|
|
296
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n </div>\n</header>",
|
|
297
|
+
"hidden": true
|
|
285
298
|
},
|
|
286
299
|
{
|
|
287
300
|
"name": "classes",
|
|
288
301
|
"options": {
|
|
289
302
|
"classes": "app-header--custom-modifier"
|
|
290
303
|
},
|
|
291
|
-
"html": "<header class=\"govuk-header app-header--custom-modifier\" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n </div>\n</header>"
|
|
304
|
+
"html": "<header class=\"govuk-header app-header--custom-modifier\" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n </div>\n</header>",
|
|
305
|
+
"hidden": true
|
|
292
306
|
},
|
|
293
307
|
{
|
|
294
308
|
"name": "custom homepage url",
|
|
295
309
|
"options": {
|
|
296
310
|
"homepageUrl": "/"
|
|
297
311
|
},
|
|
298
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n </div>\n</header>"
|
|
312
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n </div>\n</header>",
|
|
313
|
+
"hidden": true
|
|
299
314
|
},
|
|
300
315
|
{
|
|
301
316
|
"name": "navigation item with attributes",
|
|
@@ -311,7 +326,8 @@
|
|
|
311
326
|
}
|
|
312
327
|
]
|
|
313
328
|
},
|
|
314
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/link\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n \n Item\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>"
|
|
329
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"/link\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n \n Item\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>",
|
|
330
|
+
"hidden": true
|
|
315
331
|
},
|
|
316
332
|
{
|
|
317
333
|
"name": "navigation item with html as text",
|
|
@@ -334,7 +350,8 @@
|
|
|
334
350
|
}
|
|
335
351
|
]
|
|
336
352
|
},
|
|
337
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n <a href=\"/components/header\" class=\"govuk-header__link govuk-header__link--service-name\">\n Service Name\n </a>\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n \n <a class=\"govuk-header__link\" href=\"#1\">\n \n <em>Navigation item 1</em>\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#2\">\n \n <em>Navigation item 2</em>\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#3\">\n \n <em>Navigation item 3</em>\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>"
|
|
353
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n <a href=\"/components/header\" class=\"govuk-header__link govuk-header__link--service-name\">\n Service Name\n </a>\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n \n <a class=\"govuk-header__link\" href=\"#1\">\n \n <em>Navigation item 1</em>\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#2\">\n \n <em>Navigation item 2</em>\n \n </a>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <a class=\"govuk-header__link\" href=\"#3\">\n \n <em>Navigation item 3</em>\n \n </a>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>",
|
|
354
|
+
"hidden": true
|
|
338
355
|
},
|
|
339
356
|
{
|
|
340
357
|
"name": "navigation item with html without link",
|
|
@@ -354,7 +371,8 @@
|
|
|
354
371
|
}
|
|
355
372
|
]
|
|
356
373
|
},
|
|
357
|
-
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n <a href=\"/components/header\" class=\"govuk-header__link govuk-header__link--service-name\">\n Service Name\n </a>\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n \n <em>Navigation item 1</em>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <em>Navigation item 2</em>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <em>Navigation item 3</em>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>"
|
|
374
|
+
"html": "<header class=\"govuk-header \" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\" fill-rule=\"evenodd\"\n 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\"\n ></path>\n <image src=\"/assets/images/govuk-logotype-crown.png\" xlink:href=\"\" class=\"govuk-header__logotype-crown-fallback-image\" width=\"36\" height=\"32\"></image>\n </svg>\n <span class=\"govuk-header__logotype-text\">\n GOV.UK\n </span>\n </span>\n \n </a>\n </div>\n \n <div class=\"govuk-header__content\">\n \n <a href=\"/components/header\" class=\"govuk-header__link govuk-header__link--service-name\">\n Service Name\n </a>\n \n \n <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Show or hide navigation menu\">Menu</button>\n <nav>\n <ul id=\"navigation\" class=\"govuk-header__navigation \" aria-label=\"Navigation menu\">\n \n \n <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n \n <em>Navigation item 1</em>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <em>Navigation item 2</em>\n \n </li>\n \n \n \n <li class=\"govuk-header__navigation-item\">\n \n <em>Navigation item 3</em>\n \n </li>\n \n \n </ul>\n </nav>\n \n </div>\n \n </div>\n</header>",
|
|
375
|
+
"hidden": true
|
|
358
376
|
}
|
|
359
377
|
]
|
|
360
378
|
}
|
|
@@ -38,13 +38,13 @@
|
|
|
38
38
|
{
|
|
39
39
|
"name": "text",
|
|
40
40
|
"type": "string",
|
|
41
|
-
"required":
|
|
41
|
+
"required": true,
|
|
42
42
|
"description": "Text for the navigation item. If `html` is provided, the `text` argument will be ignored."
|
|
43
43
|
},
|
|
44
44
|
{
|
|
45
45
|
"name": "html",
|
|
46
46
|
"type": "string",
|
|
47
|
-
"required":
|
|
47
|
+
"required": true,
|
|
48
48
|
"description": "HTML for the navigation item. If `html` is provided, the `text` argument will be ignored."
|
|
49
49
|
},
|
|
50
50
|
{
|
|
@@ -6,45 +6,54 @@
|
|
|
6
6
|
"options": {
|
|
7
7
|
"text": "It's on your National Insurance card, benefit letter, payslip or P60.\nFor example, 'QQ 12 34 56 C'.\n"
|
|
8
8
|
},
|
|
9
|
-
"html": "<div class=\"govuk-hint\">\n It's on your National Insurance card, benefit letter, payslip or P60.\nFor example, 'QQ 12 34 56 C'.\n\n</div>"
|
|
9
|
+
"html": "<div class=\"govuk-hint\">\n It's on your National Insurance card, benefit letter, payslip or P60.\nFor example, 'QQ 12 34 56 C'.\n\n</div>",
|
|
10
|
+
"hidden": false
|
|
10
11
|
},
|
|
11
12
|
{
|
|
12
13
|
"name": "with html",
|
|
13
14
|
"options": {
|
|
14
15
|
"html": "It's on your National Insurance card, benefit letter, payslip or <a class=\"govuk-link\" href=\"#\">P60</a>.\nFor example, 'QQ 12 34 56 C'.\n"
|
|
15
16
|
},
|
|
16
|
-
"html": "<div class=\"govuk-hint\">\n It's on your National Insurance card, benefit letter, payslip or <a class=\"govuk-link\" href=\"#\">P60</a>.\nFor example, 'QQ 12 34 56 C'.\n\n</div>"
|
|
17
|
+
"html": "<div class=\"govuk-hint\">\n It's on your National Insurance card, benefit letter, payslip or <a class=\"govuk-link\" href=\"#\">P60</a>.\nFor example, 'QQ 12 34 56 C'.\n\n</div>",
|
|
18
|
+
"hidden": false
|
|
17
19
|
},
|
|
18
20
|
{
|
|
19
21
|
"name": "classes",
|
|
20
22
|
"options": {
|
|
21
23
|
"id": "example-hint",
|
|
22
|
-
"classes": "app-hint--custom-modifier"
|
|
24
|
+
"classes": "app-hint--custom-modifier",
|
|
25
|
+
"text": "It's on your National Insurance card, benefit letter, payslip or P60."
|
|
23
26
|
},
|
|
24
|
-
"html": "<div id=\"example-hint\" class=\"govuk-hint app-hint--custom-modifier\">\n
|
|
27
|
+
"html": "<div id=\"example-hint\" class=\"govuk-hint app-hint--custom-modifier\">\n It's on your National Insurance card, benefit letter, payslip or P60.\n</div>",
|
|
28
|
+
"hidden": true
|
|
25
29
|
},
|
|
26
30
|
{
|
|
27
31
|
"name": "id",
|
|
28
32
|
"options": {
|
|
29
|
-
"id": "my-hint"
|
|
33
|
+
"id": "my-hint",
|
|
34
|
+
"text": "It's on your National Insurance card, benefit letter, payslip or P60."
|
|
30
35
|
},
|
|
31
|
-
"html": "<div id=\"my-hint\" class=\"govuk-hint\">\n
|
|
36
|
+
"html": "<div id=\"my-hint\" class=\"govuk-hint\">\n It's on your National Insurance card, benefit letter, payslip or P60.\n</div>",
|
|
37
|
+
"hidden": true
|
|
32
38
|
},
|
|
33
39
|
{
|
|
34
40
|
"name": "html as text",
|
|
35
41
|
"options": {
|
|
36
42
|
"text": "Unexpected <strong>bold text</strong> in body"
|
|
37
43
|
},
|
|
38
|
-
"html": "<div class=\"govuk-hint\">\n Unexpected <strong>bold text</strong> in body\n</div>"
|
|
44
|
+
"html": "<div class=\"govuk-hint\">\n Unexpected <strong>bold text</strong> in body\n</div>",
|
|
45
|
+
"hidden": true
|
|
39
46
|
},
|
|
40
47
|
{
|
|
41
48
|
"name": "attributes",
|
|
42
49
|
"options": {
|
|
50
|
+
"text": "It's on your National Insurance card, benefit letter, payslip or P60.",
|
|
43
51
|
"attributes": {
|
|
44
52
|
"data-attribute": "my data value"
|
|
45
53
|
}
|
|
46
54
|
},
|
|
47
|
-
"html": "<div class=\"govuk-hint\" data-attribute=\"my data value\">\n
|
|
55
|
+
"html": "<div class=\"govuk-hint\" data-attribute=\"my data value\">\n It's on your National Insurance card, benefit letter, payslip or P60.\n</div>",
|
|
56
|
+
"hidden": true
|
|
48
57
|
}
|
|
49
58
|
]
|
|
50
59
|
}
|