mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-23 17:39:13 -04:00
5ce63851e6
Replaces the following blocks/variables with the `footer` block filled by the `notify_footer` macro: - footer_top - footer_support_links Our current footer has a few differences with the GOVUK Frontend one: 1. the columns of links and the meta links have no headings, visible or structural 2. the line of text saying GDS built this prefixes the meta links whereas theirs sits on a new link, after them
91 lines
4.3 KiB
HTML
91 lines
4.3 KiB
HTML
{% macro notify_footer(params) %}
|
|
|
|
<footer class="govuk-footer {{ params.classes if params.classes }}" role="contentinfo" {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
|
|
<div class="govuk-width-container {{ params.containerClasses if params.containerClasses }}">
|
|
{% if params.navigation %}
|
|
<div class="govuk-footer__navigation">
|
|
{% for nav in params.navigation %}
|
|
<div class="govuk-footer__section">
|
|
{# <h2 class="govuk-footer__heading govuk-heading-m">{{ nav.title }}</h2> removed #}
|
|
{% if nav['items'] %}
|
|
{% set listClasses %}
|
|
{% if nav.columns %}
|
|
govuk-footer__list--columns-{{ nav.columns }}
|
|
{% endif %}
|
|
{% endset %}
|
|
<ul class="govuk-footer__list {{ listClasses | trim }}">
|
|
{% for item in nav['items'] %}
|
|
{% if item.href and item.text %}
|
|
<li class="govuk-footer__list-item">
|
|
<a class="govuk-footer__link" href="{{ item.href }}"{% for attribute, value in item.attributes %} {{attribute}}="{{value}}"{% endfor %}>
|
|
{{ item.text }}
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<hr class="govuk-footer__section-break">
|
|
{% endif %}
|
|
<div class="govuk-footer__meta">
|
|
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
|
|
{% if params.meta %}
|
|
<h2 class="govuk-visually-hidden">{{ params.meta.visuallyHiddenTitle | default("Support links") }}</h2>
|
|
{% if params.meta['items'] %}
|
|
<ul class="govuk-footer__inline-list">
|
|
{% for item in params.meta['items'] %}
|
|
<li class="govuk-footer__inline-list-item">
|
|
<a class="govuk-footer__link" href="{{ item.href }}"{% for attribute, value in item.attributes %} {{attribute}}="{{value}}"{% endfor %}>
|
|
{{ item.text }}
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
{% if params.meta.text or params.meta.html %}
|
|
<div class="govuk-footer__meta-custom">
|
|
{{ params.meta.html | safe if params.meta.html else params.meta.text }}
|
|
</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
{#- The SVG needs `focusable="false"` so that Internet Explorer does not
|
|
treat it as an interactive element - without this it will be
|
|
'focusable' when using the keyboard to navigate. #}
|
|
<svg
|
|
role="presentation"
|
|
focusable="false"
|
|
class="govuk-footer__licence-logo"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewbox="0 0 483.2 195.7"
|
|
height="17"
|
|
width="41"
|
|
>
|
|
<path
|
|
fill="currentColor"
|
|
d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
|
|
/>
|
|
</svg>
|
|
<span class="govuk-footer__licence-description">
|
|
All content is available under the
|
|
<a
|
|
class="govuk-footer__link"
|
|
href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
|
|
rel="license"
|
|
>Open Government Licence v3.0</a>, except where otherwise stated
|
|
</span>
|
|
</div>
|
|
<div class="govuk-footer__meta-item">
|
|
<a
|
|
class="govuk-footer__link govuk-footer__copyright-logo"
|
|
href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
|
|
>© Crown copyright</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
{% endmacro %}
|