{#- We use an inline SVG for the crown so that we can cascade the currentColor into the crown whilst continuing to support older browsers which do not support external SVGs without a Javascript polyfill. This adds approximately 1kb to every page load. We use currentColour so that we can easily invert it when printing and when the focus state is applied. This also benefits users who override colours in their browser as they will still see the crown. 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. #} {#- Fallback PNG image for older browsers. The element is a valid SVG element. In SVG, you would specify the URL of the image file with the xlink:href – as we don't reference an image it has no effect. It's important to include the empty xlink:href attribute as this prevents versions of IE which support SVG from downloading the fallback image when they don't need to. In other browsers is synonymous for the tag and will be interpreted as such, displaying the fallback image. #} GOV.UK {% if (params.productName) %} {{ params.productName }} {% endif %}
{% if params.serviceName or params.navigation %}
{% if params.serviceName %} {{ params.serviceName }} {% endif %} {% if params.navigation %}
    {% for item in params.navigation %} {% if item.href and item.text %}
  • {{ item.text }}
    • {% endif %} {% endfor %}
{% endif %}
{% endif %}