@x-govuk/govuk-eleventy-plugin 5.0.0

package/LICENSE.txt

@@ -0,0 +1,23 @@
+The MIT License
+
+Copyright (c) 2022 X-GOVUK
+Copyright (c) 2019 Paul Robert Lloyd
+Copyright (c) 2014 Crown Copyright (Government Digital Service)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+of the Software, and to permit persons to whom the Software is furnished to do
+so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,31 @@
+# GOV.UK Eleventy Plugin • [![test](https://github.com/x-govuk/govuk-eleventy-plugin/actions/workflows/test.yml/badge.svg)](https://github.com/x-govuk/govuk-eleventy-plugin/actions/workflows/test.yml)
+
+Build documentation websites using Markdown and GOV.UK styles.
+
+You’re welcome to use the plugin even if your service isn’t considered part of GOV.UK, but your site or service must not:
+
+* identify itself as being part of GOV.UK
+* use the crown or GOV.UK logotype in the header
+* use the GDS Transport typeface
+* suggest that it’s an official UK government website if it’s not
+
+## Requirements
+
+* [Node.js](https://nodejs.org) v16 or above
+* [Eleventy](https://www.11ty.dev) v2.0.0 or above
+
+## Installation
+
+`npm install @x-govuk/govuk-eleventy-plugin`
+
+## Usage
+
+```js
+const govukEleventyPlugin = require('@x-govuk/govuk-eleventy-plugin')
+
+eleventyConfig.addPlugin(govukEleventyPlugin, {
+  // Options
+})
+```
+
+Learn more about how to [get started](https://x-govuk.github.io/govuk-eleventy-plugin/get-started/) and which [options you can provide](https://x-govuk.github.io/govuk-eleventy-plugin/options/).

package/components/all.js

@@ -0,0 +1,13 @@
+import SiteSearch from './site-search/site-search.js'
+
+/**
+ * Initiate all component modules
+ */
+export const initAll = function () {
+  const scope = document.documentElement
+
+  const siteSearch = scope.querySelectorAll('[data-module="app-site-search"]')
+  siteSearch.forEach(element => {
+    new SiteSearch(element).init()
+  })
+}

package/components/all.scss

@@ -0,0 +1,10 @@
+@import "aside/aside";
+@import "contents-list/contents-list";
+@import "definition-list/definition-list";
+@import "document-header/document-header";
+@import "document-list/document-list";
+@import "footnotes-list/footnotes-list";
+@import "header/header";
+@import "link/link";
+@import "prose-scope/prose-scope";
+@import "site-search/site-search";

package/components/aside/_aside.scss

@@ -0,0 +1,17 @@
+.app-aside {
+  @include govuk-responsive-margin(6, "bottom");
+  @include govuk-text-colour;
+  border-top: 2px solid $govuk-brand-colour;
+}
+
+.app-aside__heading {
+  @include govuk-font(19, $weight: bold);
+  margin-top: govuk-spacing(3);
+  margin-bottom: govuk-spacing(2);
+}
+
+.app-aside__body {
+  > * {
+    @include govuk-font(16);
+  }
+}

package/components/aside/macro.njk

@@ -0,0 +1,3 @@
+{% macro appAside(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}

package/components/aside/template.njk

@@ -0,0 +1,13 @@
+{% set headingLevel = params.headingLevel or 2 %}
+
+<aside class="app-aside">
+  {% if params.title %}
+  <h{{ headingLevel }} class="app-aside__heading">
+    {{ params.title }}
+  </h{{ headingLevel }}>
+  {% endif %}
+
+  <div class="app-aside__body">
+    {{ params.content | markdown }}
+  </div>
+</aside>

package/components/contents-list/_contents-list.scss

@@ -0,0 +1,59 @@
+// Based on the GOV.UK ‘Contents list’ component
+// https://components.publishing.service.gov.uk/component-guide/contents_list
+.app-contents-list {
+  @extend %govuk-list;
+  @include govuk-responsive-margin(8, "bottom");
+
+  ul {
+    @extend %govuk-list;
+    margin-top: 0;
+  }
+
+  ul ul {
+    margin-bottom: 0;
+  }
+
+  li {
+    @include govuk-font($size: 16, $weight: bold);
+    @include govuk-text-colour;
+    padding-top: govuk-spacing(2);
+
+    @include govuk-media-query($from: tablet) {
+      padding-top: govuk-spacing(6) / 4;
+    }
+  }
+
+  li li {
+    font-weight: normal;
+    padding-left: govuk-spacing(5);
+    position: relative;
+
+    &:before {
+      content: "—";
+      left: 0;
+      overflow: hidden;
+      position: absolute;
+      width: govuk-spacing(4);
+    }
+
+    // Focus styles on IE8 and older include the left margin, creating an odd
+    // white box with yellow border around the em dash.
+    // https://github.com/alphagov/government-frontend/pull/420#issuecomment-320632386
+    @include govuk-if-ie8 {
+      display: inline-block;
+      vertical-align: top;
+    }
+  }
+
+  a {
+    @include govuk-link-common;
+    @include govuk-link-style-default;
+    @include govuk-link-style-no-underline;
+  }
+}
+
+.app-contents-list__title {
+  @include govuk-text-colour;
+  @include govuk-font($size: 16, $weight: regular, $line-height: 1.5);
+  margin: 0;
+}

package/components/definition-list/_definition-list.scss

@@ -0,0 +1,16 @@
+.app-definition-list {
+  @extend %govuk-list;
+
+  dt {
+    @include govuk-font($size: 19, $weight: bold);
+    margin-bottom: govuk-spacing(1);
+  }
+
+  dd + dt {
+    margin-top: govuk-spacing(4);
+  }
+
+  dd {
+    margin-left: govuk-spacing(5);
+  }
+}

package/components/document-header/_document-header.scss

@@ -0,0 +1,4 @@
+.app-document-header__metadata {
+  @include govuk-font($size: 16, $line-height: 1.5);
+  color: $govuk-secondary-text-colour;
+}

package/components/document-header/macro.njk

@@ -0,0 +1,3 @@
+{% macro appDocumentHeader(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}

package/components/document-header/template.njk

@@ -0,0 +1,49 @@
+{%- macro _authorLink(author) -%}
+  {%- if author.url -%}
+    <a class="govuk-link" href="{{ author.url }}">{{ author.name }}</a>
+  {%- else -%}
+    {{- author.name or author -}}
+  {%- endif -%}
+{% endmacro -%}
+
+<header class="app-document-header">
+  <h1 class="app-document-header__title govuk-heading-xl">
+    {{ params.title | smart }}
+  </h1>
+  {% if params.description %}
+    <p class="app-document-header__description govuk-body-l">
+      {{ params.description | markdown("inline") }}
+    </p>
+  {% endif %}
+
+  {% if params.date or params.modified or params.authors or params.author %}
+    <p class="app-document-header__metadata">
+      {%- if params.authors -%}
+        <span class="govuk-visually-hidden">Posted by</span>
+        {%- for author in params.authors -%}
+          {{- " and " if loop.last else (", " if not loop.first) -}}
+          {{- _authorLink(author) -}}
+        {%- endfor -%}
+        <span aria-hidden="true">&ensp;•&ensp;</span>
+      {%- elif params.author -%}
+        {{- _authorLink(params.author) -}}
+        <span aria-hidden="true">&ensp;•&ensp;</span>
+      {%- endif -%}
+      {%- if params.date -%}
+        <span class="govuk-visually-hidden">Posted on </span><time datetime="{{ params.date | date }}">{{ params.date | date("d LLLL y") }}</time>
+      {%- endif -%}
+      {%- if params.modified -%}
+        <span aria-hidden="true">&ensp;•&ensp;</span>Last updated <time datetime="{{ params.modified | date }}">{{ params.modified | date("d LLLL y") }}</time>
+      {%- endif -%}
+      {%- if params.tags | length > 0 -%}
+        <span aria-hidden="true">&ensp;•&ensp;</span>Tags:
+        {%- for tag in params.tags %}
+          {% set item = params.tagPages | includes("data.tag", tag) | first %}
+          <a href="{{ item.url }}" class="govuk-link">{{ item.data.tag }}</a>
+          {%- if not loop.last %}, {% endif %}
+        {%- endfor -%}
+      {%- endif -%}
+    </p>
+  {% endif %}
+</header>
+

package/components/document-list/_document-list.scss

@@ -0,0 +1,51 @@
+.app-document-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.app-document-list__item {
+  border-top: 1px solid $govuk-border-colour;
+  margin-bottom: govuk-spacing(5);
+  padding-top: govuk-spacing(2);
+}
+
+.app-document-list__item-title {
+  @include govuk-font($size: 19, $weight: "bold");
+  margin: 0 0 govuk-spacing(1);
+}
+
+.app-document-list__item-metadata {
+  padding: 0;
+  margin: 0;
+}
+
+.app-document-list__item-description {
+  @include govuk-font($size: 16);
+  margin: govuk-spacing(1) 0;
+}
+
+.app-document-list__attribute {
+  @include govuk-font($size: 14);
+  color: $govuk-secondary-text-colour;
+  display: inline-block;
+  margin: 0;
+
+  & + .app-document-list__attribute:before {
+    content: "\2002•\2002";
+  }
+}
+
+.app-document-list--large {
+  .app-document-list__item-title {
+    @include govuk-font($size: 24, $weight: "bold");
+  }
+
+  .app-document-list__item-description {
+    @include govuk-font($size: 19);
+  }
+
+  .app-document-list__attribute {
+    @include govuk-font($size: 16);
+  }
+}

package/components/document-list/macro.njk

@@ -0,0 +1,3 @@
+{% macro appDocumentList(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}

package/components/document-list/template.njk

@@ -0,0 +1,34 @@
+{% set headingLevel = params.headingLevel or 2 %}
+
+{% if params.items.length > 0 %}
+  <ol class="app-document-list{%- if params.classes %} {{ params.classes }}{% endif %}">
+  {% for item in params.items %}
+    <li class="app-document-list__item">
+      <h{{ headingLevel }} class="app-document-list__item-title">
+        <a class="govuk-link" href="{{ item.url | url | pretty }}">{{ item.data.title | smart }}</a>
+      </h{{ headingLevel }}>
+      {% if item.data.description %}
+      <p class="app-document-list__item-description">
+        {{ item.data.description | markdown("inline") | safe }}
+      </p>
+      {% endif %}
+      {% if item.data.date or item.data.tags %}
+      <ul class="app-document-list__item-metadata">
+        {% if item.data.date %}
+        <li class="app-document-list__attribute">
+          <time datetime="{{ item.data.date | date }}">{{ item.data.date | date("d LLLL y") }}</time>
+        </li>
+        {% endif %}
+        {% if item.data.tags %}
+        <li class="app-document-list__attribute">
+          Tags: {{ item.data.tags | join(", ") }}
+        </li>
+        {% endif %}
+      </ul>
+      {% endif %}
+    </li>
+  {% endfor %}
+  </ol>
+{% else %}
+  <p class="govuk-body">No documents found.</p>
+{% endif %}

package/components/footer/_ogl.svg

@@ -0,0 +1,3 @@
+<svg class="govuk-footer__licence-logo" aria-hidden="true" focusable="false" height="17" width="41" viewBox="0 0 483.2 195.7" xmlns="http://www.w3.org/2000/svg">
+  <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>

package/components/footer/macro.njk

@@ -0,0 +1,3 @@
+{% macro appFooter(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}

package/components/footer/template.njk

@@ -0,0 +1,72 @@
+<footer class="govuk-footer app-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 | length %}
+      <div class="govuk-footer__navigation">
+        {% for nav in params.navigation %}
+          <div class="govuk-footer__section govuk-grid-column-{{ nav.width | default("full") }}">
+            <h2 class="govuk-footer__heading govuk-heading-m">{{ nav.title }}</h2>
+            {% if nav.items | length %}
+              {% 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 | length %}
+            <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 %}
+        {% if params.contentLicence.html or params.contentLicence.text %}
+          <span class="govuk-footer__licence-description">
+            {{ params.contentLicence.html | safe if params.contentLicence.html else params.contentLicence.text }}
+          </span>
+        {% else %}
+          {% include "./_ogl.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>
+        {% endif %}
+      </div>
+      <div class="govuk-footer__meta-item">
+      {%- if params.copyright.html or params.copyright.text -%}
+        {{ params.copyright.html | safe if params.copyright.html else params.copyright.text }}
+      {% else %}
+        <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/">©&nbsp;Crown copyright</a>
+      {% endif %}
+      </div>
+    </div>
+  </div>
+</footer>

package/components/footnotes-list/_footnotes-list.scss

@@ -0,0 +1,50 @@
+// Link to footnote
+a[aria-describedby="footnotes-label"] {
+  @include govuk-font(14, $tabular: true);
+  @include govuk-link-style-no-visited-state;
+}
+
+a[aria-describedby="footnotes-label"]:before {
+  color: currentcolor;
+  content: "[";
+}
+
+a[aria-describedby="footnotes-label"]:after {
+  color: currentcolor;
+  content: "]";
+}
+
+// Footnotes
+.app-footnotes-list {
+  @extend %govuk-list;
+  counter-reset: footnotes;
+
+  li {
+    counter-increment: footnotes;
+    padding: govuk-spacing(3);
+    padding-left: govuk-spacing(8);
+    position: relative;
+  }
+
+  li:before {
+    @include govuk-font(19, $tabular: true);
+    content: counter(footnotes) ".";
+    position: absolute;
+    left: govuk-spacing(4);
+  }
+
+  a[aria-label="Back to content"] {
+    @include govuk-link-style-no-visited-state;
+    position: relative;
+    text-underline-offset: 0;
+    top: 2px;
+  }
+
+  :target {
+    background-color: govuk-tint($govuk-focus-colour, 75%);
+  }
+
+  :last-child {
+    margin-bottom: 0;
+  }
+}

package/components/header/_crown.svg

@@ -0,0 +1,8 @@
+<!--[if gt IE 8]><!-->
+<svg class="govuk-header__logotype-crown" aria-hidden="true" focusable="false" height="30" width="36" viewBox="0 0 132 97" xmlns="http://www.w3.org/2000/svg">
+  <path fill="currentColor" fill-rule="evenodd" d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"></path>
+</svg>
+<!--<![endif]-->
+<!--[if IE 8]>
+<img src="{{ params.assetsPath | default('/assets/images') }}/govuk-logotype-crown.png" class="govuk-header__logotype-crown-fallback-image" width="36" height="32">
+<![endif]-->

package/components/header/_header.scss

@@ -0,0 +1,29 @@
+// Forked from header fork on GOV.UK Design System
+// See: https://github.com/alphagov/govuk-design-system/blob/master/src/stylesheets/components/_header.scss
+
+@include govuk-exports("app-header") {
+  // Override the default 33% width on the logo in GOV.UK Frontend (prevents
+  // unnecessary wrapping of product name on smaller tablet / desktop
+  // viewports)
+  .app-header__logo {
+    width: auto;
+
+    // Remove right padding of product name as affects appearance on hover
+    .govuk-header__product-name {
+      padding-right: 0;
+    }
+  }
+
+  // Height of crown is 30px.
+  // Accept slightly larger icons with a height of 35px
+  .app-header__logotype--large {
+    // Visually adjust placement
+    margin: -3px 0 -8px;
+
+    .govuk-header__link--homepage:not(:focus):hover & {
+      // Prevent underline interfering with larger logo, whose height means
+      // it falls below the baseline
+      background-color: govuk-colour("black");
+    }
+  }
+}

package/components/header/_royal-arms.svg

@@ -0,0 +1,3 @@
+<svg class="app-header__logotype-royal-arms app-header__logotype--large" aria-hidden="true" focusable="false" height="35" width="42" viewBox="0 0 360 300" xmlns="http://www.w3.org/2000/svg">
+  <path fill="currentColor" fill-rule="evenodd" d="M235 224c11 0 23 8 37 17l2 1 1 1 1 1 1 1c14 9 28 17 39 14h2l-1 2-11 7c-4 4-9 7-14 7-4 0-9-1-15-5-6-2-11-6-16-10l-2-1-1-1-2-1-1-1c-9-5-17-10-25-11l3 3c3 3 6 5 6 10l-3 9-2 4-3 8-1 4c0 2-2 7-9 10-9 5-23 7-44 7s-35-2-44-7c-7-3-9-8-9-10l-1-4-3-8-1-3-3-10c0-5 2-7 5-10l3-3c-9 1-18 7-27 12l-1 1-2 1-1 1c-5 4-10 8-16 10-6 4-11 5-15 5-5 0-10-3-14-7l-11-7-1-2h2c10 3 23-4 36-13h1l4-3 1-1 2-1c14-9 26-17 37-17 4 0 7 1 10 3 4 2 7 5 8 9l6 10 3 7-3 6-7 4-2 1c-2 1-4 2-4 4 5 3 12 5 19 6l28 2 28-2c7-1 14-3 19-6l-4-3-2-1c-3-2-6-3-7-5l-3-6 3-7 6-10c1-4 4-7 8-10l10-2Zm-66 9 17 2v12a6 6 0 0 1 8 6c0 3-2 5-3 7l-3-3c-2 0-1 10-6 10v2a4 4 0 1 1-9-2c-5 0-4-10-6-10l-3 3c-1-2-3-4-3-7a6 6 0 0 1 8-6Zm9 33c-2 0-3 1-3 3a3 3 0 1 0 3-3Zm-1-27c-2 2-5 5-5 8s4 4 4 7l-2 1-2-2c-1-2-1-5-5-5-3 0-4 3-4 5l1 4c1-2 2-2 3-2 2 0 2 2 3 4v1c1 3 1 5 4 5 2 0 3-1 3-3l-1-3 1-1 2 1-1 3c0 2 1 3 3 3 3 0 3-2 4-5s1-5 3-5c1 0 2 0 3 2l1-4c0-2-1-5-4-5-5 0-4 7-7 7l-2-1c0-3 4-4 4-7s-3-6-6-8ZM253 9l36 35 1-8c4 2 8 6 9 10 11 0 14 7 17 5 0 1-1 3-5 4 13 3 10 12 17 13-1 1-3 2-5 1 8 12 0 19 6 25-3 0-6-2-8-5 2 9-1 15 0 18-2 1-4-1-5-5v1l-2 4v1l3 2-1 1-1 1-8 8-1 1h-1c-3 4-5 7-5 11s5 11 11 19v-3l1-3 4-2 6 3 2 5-2 4-4 1-4-1h1c4 6 8 11 9 15 4 8 8 13 13 13s9-4 9-10c0-10-6-15-12-21l-1-1h-1c-6-6-13-13-13-25 0-11 9-16 15-16 4 0 6 1 8 3h3c6 0 7 4 8 9v2c1 4 2 7 7 8-5 2-11-1-14-9 1 15 16 12 14 23v1-1c-1-7-23-7-24-22v-1c0-3 1-6 3-7l-5-2c-4 0-11 5-11 13 0 20 27 23 27 45 0 5-1 9-5 12 3 0 6-1 7-3-2 9-11 9-14 5a14 14 0 0 1-3 0c2 4 4 7 8 7-8 6-18-2-16-11l-5-9c-1-2-2-1-2 2 0 7-6 13-6 18 0 6 6 11 7 11 2 0 4-3 5-2l1 6v15l4-4c2-2 4-2 6-2l3 2a5 5 0 0 1 1 4l-4 5-5 2a5 5 0 0 1-4-3v5c0 5-2 7-4 8 0 0-1-2-3-2l-3 2c0 2 3 2 3 5s-7 8-12 7l3-11-4 7c-1 4-3 4-5 3 2-2 5-10 9-13 4-2 6-3 7-9 1-7-1-10-1-16 0-5-2-5-3-5h-2c-5 0-23-12-23-24v-3c-8-1-13 2-13 9l2 7c2 2 3 3 0 4l-29 12c-3 1-3 0-5-2-1-1-2-2-4-1s1 3 1 4c0 2-1 6-12 6l3-5v-3l-2 3-4 4h-3l9-9c2-3 5-4 10-5 6-1 26-3 26-10s-8-7-8-16 4-18 27-18c-2-5-8-9-13-11-12-3-16-11-17-19l-9-1c-7 0-11-2-12-1s-2 2-1 3l6 9 4 3-2 3 2 1 1-1h6l6 8-9-2v1l6 2v4l-10-6c-4-1-6-2-7-6-2-4-7-14-10-17v-4l2-3 4-2h9l1-1-2-3h-1v-1h-1l-7-9v-1l-3-2-3 1-1 1a65 65 0 0 0-4-4l3-3h1l3-2h3l3 1 7 6 1 1 1-1 3-1 4 1 1 5v2l5 5c1-6 4-12 8-18h1l-1-1v-1a898 898 0 0 0 4-12l1-1 7 2 8-5 2-2h2c5-4 10-7 10-12 0-2-1-5-3-6l1 5c0 2-4 7-10 7-3 0-5-3-7-3l-2 1c0 4-2 7-4 7v-4l-2 3c0 3-2 6-5 7l1-6h-2l-1 1-2-2-2-1c0-1 2-3 4-3 2-1 6-3 5-4-1-2-7 1-10 3s-3 1-3 0v-2c-2-4-1-5 1-6l14-9 2-4 6-2 1-1-31-38V8l2 1ZM102 36c2 4 2 7 1 11 4 1 6 4 10 3-3 4-6 3-9 3h-2c11 3 13 14 19 15-4 3-7 1-10-1l-1-1-6-2c15 7 15 16 19 16-4 5-8-1-14-2 12 7 13 14 12 19 3 2 2 5 2 9l8-2-2 2c-6 7-11 13-14 22l-7-7c-2-2-4-1-5-1l20 22c3 3 3 6 4 8v3c0 3 5 6 4 8v4l1 2c0 2-2 4-5 4 2-4 0-6-3-6 1 7-5 8-7 7 2-1 3-4 2-7-2 2-4 4-6 4-3 0-4-1-5-3 2 1 5-1 5-2s-3-2-3-4c0-5 5-3 5-7 0-2-1-3-2-3s-3 1-3 3c-3-2 0-7-1-11 0 4-2 5-3 6l-2 2c-2-2 0-6-2-11l-2 5-2 3c-5-3-14-2-18 2l6 3v1c8 4 14 9 14 17 0 9-13 12-13 17 0 6 14 18 21 18 2 0 3-3 5-3h5c2 1 3 2 3 4 3 0 7 5 3 9 0-2-3-6-7-3 2 3 1 7-4 8 1-2 2-5-1-5h-2l-4 1h-2c-3 0-3 0-4-2l-5-4c-1 0-2 3 0 5-7 0-8-5-9-9 0-2-1-5-3-6v8c-4-3-7-7-7-10-1-3-1-5-3-6l-2-3 3-2c2-1 5-3 5-9 0-4-1-11-8-15 1 10 1 17-4 25-5 9-14 15-20 17-5 2-12 4-12 11 0 12 6 20 11 20 4 0 3-4 8-4 3 0 5 1 6 3 3-1 6 1 6 3 0 3-1 5-3 5 1-3-3-4-4-3-2 0 0 2 0 4s-1 4-5 5c1-1 1-3-1-3s-3 4-6 4c-5 0-6-2-11-1-3 0-3 2-2 3-6 0-5-7-4-8 2-2 3-3 1-4s-5 0-6 3c-5-9 2-9 0-20-1 5-4 8-6 9 1-2-2-6-2-10 0-8 6-11 6-14 0-1-2-3 0-5 1-1 3 1 5 1 6 0 11-8 12-18 1-11 5-19 10-27l1-4c-5 6-9 15-15 20 1 7-13 15-21 9 2 0 7-1 9-5l-3-1c-5 3-13-1-13-6 2 2 5 3 7 2l-3-9c0-21 33-35 33-52 0-6-4-9-8-9l-6 3c1 1 3 3 3 5 0 19-31 17-34 30-1-9 4-12 9-14l1-1h1v-1c4-2 8-5 9-10-4 6-11 10-15 8 10 0 7-21 18-21l4 1c3-2 7-4 10-4 5 0 12 3 12 12 0 10-7 18-15 26l-1 1-1 1-1 1c-7 7-15 15-15 24 0 6 4 9 9 9 12 0 19-20 31-37 8-11 13-33 18-44l-5 8-1 1c-2 4-4 7-8 8 4-4 1-14 4-21v-8l-3 10v2c-1 5-3 9-6 10 2-3-1-8-1-13 0-9 5-10 6-19-5 2-3 14-12 14 3-3 3-6 3-9v-1c0-3 1-6 4-10-4-1-7-5-7-8l9-3c-2-2 0-4 2-6 1 1 2 3 3 2a74 74 0 0 1 26-11l1-3c2 0 5 0 5 3 2-2 5-3 8-3Zm33 132a56 56 0 0 0 12 26l4 5 3-1 6 3c2 2 2 4 2 6v1l31 11 17 2h-1a42 42 0 0 1-22 11l-19-3-17-6c-2 1-5 2-7 0-3-1-5-5-5-7v-1l-6-6a72 72 0 0 1-17-35c5 2 8 0 9-1l1 2c5 0 9-4 9-7Zm170 53 6-1c4 1 6 4 6 7 0 2-1 3-3 4l-5 1c-2 0-3-1-5-3l-1-4 2-4Zm5 1-4 1-1 2c0 2 1 4 4 4 2 1 5 0 5-2v-1c0-2-2-3-4-4Zm-127-1a4 4 0 1 0 0 7 4 4 0 0 0 0-7Zm149-1-3 3v3c2 1 4 2 7 0l2-3v-3l-2-1-4 1Zm-167-6a4 4 0 0 0 0 8 4 4 0 0 0 0-8Zm184-10a9 9 0 1 1 0 18 9 9 0 0 1 0-18Zm-195-4c-4 0-8 4-9 5h-3l1 2v1l-3 8 4 5h5l-2-1h-1v-1l-2-2 1-4h1v-2l1 1 4 1 1-1c0-1 0-3-2-4l-1-1 1-1 2-2c2-1 3-2 5 0l1 1 2 1-2-4-4-2Zm195 6a7 7 0 1 0-1 13 7 7 0 0 0 1-13Zm-51-1 4 2 2 5-2 5-4 2-4-2-2-5 2-5 4-2ZM185 54c-3 2-5 5-6 8 2 0 5-2 7-5v12c-1-3-5-4-7-5 0 7 7 8 10 8 4 0 7-1 7-3 1-3-1-3-2-3-1-1-2 1-2 3-2-2-3-9 1-9 3 0 4 3 5 7 1-3 3-7 6-6 4 1 2 8-1 9 1-1 1-4-1-4s-3 2-3 3c0 2 3 4 6 5 5 1 9-2 10-4-2-1-4-1-6 1l3-9c0 2 2 4 4 6 1-2 1-6-1-9l-1-1 9 4c-4 4-9 14-11 23l2 5c0 4-2 7-5 8a64 64 0 0 1 21 22l-2 1-2 3-1 4 1 3 4 8 1 1 2 5 2 4c1 3 3 5 5 6v4a78 78 0 0 1-18 50l-8 8h-1l-3 1h-1a69 69 0 0 1-20-4 16 16 0 0 1 3-8l2-1c5-3 10-6 13-11 4-4 7-10 10-16 2-5 3-11 3-17v-1h-41v46l10 1c-2 1-3 3-3 6l-14-5c1-2 3-2 5-2v-46h-42l-1-5c-2-3-3-4-3-8l-4-7-3-4v-1l-4-4a71 71 0 0 1 26-33c-3-1-5-4-5-8 0-2 1-4 3-5-3-8-8-18-12-23l9-4c-3 4-3 8-2 10l5-6 3 9c-3-2-5-2-7-1 1 2 5 5 10 4 3-1 6-3 6-5 0-1-1-3-3-3s-2 3-1 4c-3-1-5-8-1-9 2-1 5 3 6 6 1-4 2-7 5-7 4 0 3 7 1 9 0-2-1-4-2-3-1 0-3 0-2 3 0 2 3 3 7 3 3 0 9-1 10-8-2 1-6 3-7 5V57c2 3 5 4 7 5-1-3-3-6-6-8h15Zm113 153-2 1-2 3 1 4 3 1 2-1 1-3c0-3-1-5-3-5Zm-131-43c3 0 4 2 4 4v1h1l1 1-1 1h-1l-1 22h1v2l-2 1c1 3-2 4-4 4-1 0-2-1-2-3l2-2 1 1-2 1 2 1 1-2c0-2-2-2-3-1-13-4-20-16-19-26h-1l1-2-1 1-2-2a2 2 0 0 1 3 0l1-1 8 2c6 0 11-3 13-3Zm22 24h1l1 1v1h1l-1 1-1 2h9l4-1c0-1-9 1-9-2l2-1 6-1-3 1h7c-2-1-6 2-9 1l-1-1-1 1 4 1 5 1c0 1-2 2-5 1l-1 1 1 1v1h1l-1 1c0-1 0 0 0 0s-1 0 0 0h-1v1h-1v1h-1 1l-1-1h1l-1-1v1-1l-1 1v-1h1v-1h-1 3v-1h-4l1 2v2h-2c0 1 0 0 0 0h-1v1-1h-1 1-1c0 1 0 0 0 0v-1h-1l1-1 2 1-1-2 1-1-3 1v2l-1 1v-1l-2 1v-1h-1l-1 1v-1l-1 1v-1h-1v1h-1v-1h1v-1h-2 2l-1-1h1l1 1 2-1h1l-1-1-1-2h-1l-1-1h1l-1-1c0-1 0 0 0 0v-1l-1 1v-1h1v-1h-1 1l1 1v-2 2l1 1 2 2v-2h-1l1-1 1-1v-1h1Zm-40-17c-1 11 7 19 15 22l-15-22Zm150 15v6c2 2 5 1 6-1 2-2 2-5 0-6-2-2-4-1-6 1Zm-111 4h1l-1 1h1-1v1h1v-1h1l-1-1h-1Zm2 0v1l1-1h-1Zm-35-20h-4l14 20 1-3v-1l-11-16Zm33 19v1l1-1h-1Zm3-14h1v1h1v2l-1 1 11 1 4-1-2-1c-2 0-9 2-9-1l3-1h1l5-1-3 1h7c-2-1-6 2-9 1h-3l4 1h4l3 1-5 1v1h5v1h-1 1l-1 1v2h-1 1-1v-1l-1 1v1-1h-1l1-1h-1v-1h2v-1h-5v2h-1l-1 1h-3v-1h1l-1-1v1l1-1h2-1v-2l-1 1h-3l-1 1h-1l-2 2v-1l-1 2-1-1v-1l-1 1v-1l-1 1v-1 1-1l-1 1v-1l-1 1v1l-1-1h1-1l1-1-1-1h-1v1l1-1h1l-1-1h2v1h2l1-1v-1h-2v-1 1l-1-1-1-1h1v-1h-1c-1 0 0 0 0 0l1-1h-1v-1h1v1-1h1v3h2v-1l1-1h-1l1-1v-1h2Zm-32-6-2 1h-1l10 14 1-3v-1l-8-11Zm31 8h1l-1 1h1-1v1h1v-2h-1Zm1 0h1v1-1h-1Zm-23-11-7 2 6 10a1958 1958 0 0 0 1-7c-1 0-2 0-1-1l1-1h1l-1-3Zm22 10v1h1l-1-1Zm120-7v6c2 2 5 1 6-1 2-2 2-5 0-6-2-2-4-1-6 1Zm-125-6v3l2 1h1v-3l1-1v-1l1 1 1-1 1 1 1 1v1l-1 2h19l-3-1c-2 0-12 2-12-1 0-2 2-2 5-2a52 52 0 0 0 1 0h6l-3 1h3v-1l4 1c-2-1-6 2-10 1v-1h-2l-3 1h11c3 0 4 1 4 2l-5 1h3l1 1h1-1v1h1-1v3h-1v-1 1h-1v-1h-1v-1 1-1h2v-2l-2 1h-4v1l1 1h-2v1h-2 1-1v-1l-1 1v-1c-1-1 0 0 0 0v-1 1-1h-1 1v-1c1 0 1 2 2 1h1-1l-1-2-4 1-3 1h-1l-1 1-2 1 1-1-2 1v-1h-2l-1 1 1-1-1 1v-1l-1 1v-1l-1 1v1-1l-1-1 1-1h-2 1v-1l1 1-1-1h1l-1-1 1 1h1v1l2-1h2l-1-1h-1l-2-2v1-1s-1 0 0 0h-1c-1 0-2 0-1-1h1v-1h-1l-1-1h1v-1l-1-1 1 1 1 1v-2l1 1Zm5 2h1l-1 1h1-1v1h1v-1h1v-1h-2Zm1-1v1l1-1h-1Zm-1-1v1h1l-1-1Zm-11-54v49h41a51 51 0 0 0-13-35c-3-4-8-8-13-10-5-3-10-4-15-4Zm-2 0c-5 0-11 1-16 4-5 2-10 6-13 11-4 4-7 9-10 15l-3 18v1h42v-49Zm9 7h-1l10 4a39 39 0 0 1 9 10l3-1-2 2c4 6 7 13 8 21v-2c2 0 2 2 2 2l-1 1v2l-1-1-1 1c-1 1-2 0-2-1l2-1h-14v3l-1-2v-1h-12l2 1-2 1-1-1-2 1 1-2-1-1 1-2 1 2v-18h-3l2-1h1v-16l-1 2-1-2 1-1-1-2 2 1 1-1s2 0 1 2Zm-41 29v3l2 1h1v-1l1-1-1-1 1-1v-1l1 1c0-1 0-1 0 0l1-1 1 1h1v1l1 1h-1l-1 2h19l-3-1c-2 0-12 2-12-1 0-2 3-2 6-2h6l-3 1c2 0 5-2 7 0-3-1-6 2-10 1v-1l-5 1h11c3 0 4 1 4 2l-5 1h3l1 1v1h1-1v3h-1v-1 1h-1v-1h-1v-1 1-1h2v-1l-1-1-1 1h-4v1l1 1h-2v1h-2 1-1v-1l-1 1v-1c-1-1 0 0 0 0v-1 1-1h-1 1v-1c1 0 1 2 2 1h1-1l-1-2c-5 0-3 3-7 2h-1l-1 1-1 1v-1l-1 1v-1l-2 1-1-1h-1l-1 1 1-1-1 1v-1l-1 1v-1l-1 1v1-1h-1v-1h1v-1h-2 1v-1l1 1-1-1h1l-1-1 1 1h1v1l2-1h2v-1h-1l-2-2v1-1h-1l-1-1h1v-1h-1v-1h1l-1-1v-1 1h1v1-2l1 1Zm169 2-1 2 2 4 3 2 2-1h1l1-2-2-4-4-2-2 1Zm-128-29v2l-1-1v12l1 1v1l2 1-2 1v1l-1 1v14l2-1-1 2h9v-1h2v-2l1 2h2v1h10v-2l1 1c-1-6-3-12-6-17h-1l-1-1h-1l1-2-2-1 1-1-8-7-8-4Zm9 7v1h2v2c1 0 2 3 1 4v1l1 4 3 4 1 1h1l1-1-4-4c-2-2-2-4-1-5v1l2 4 1 1 3 3-2 2h-1l-1-1-1-1c0 3 3 4 4 3h1v1h1l-1 1h1l-1 1-1 1 1 1v1h-1v-1h-1v1l-1-1v-1h-1v-1h2v-2l-2 1-3-4-3 2 1 2v1h-5v1l-1-1h-1v-1h1l-1-1h5l-2-2 3-2h3l-2-1c-1-1-2-1-2-3l-1 1h-1l-1 1h-2v1h-1v1h-1v-2l-1 1h-1v-1h2-1v-1l1-1v1h1l1-1 2-2-3-3v-1h-1v-3h-1l1-1v-1h1v3l2 1 1 2 1 1c0-2 2-2 2-3l-2-1h-1l2-1h-2l-1-1 1-1h2l1-1Zm-45 22h1l-1 1h1-1v1h1v-1h1v-1h-2Zm1-1v1l1-1h-1Zm-1-1v1h1l-1-1Zm100-13 6 1 4 4v4l-4 3-6-1c-3-1-5-5-4-8l4-3Zm-101 0v1l1 2 1 1h1v-3l1-1v-1h3l1 1v1h1l-1 1-1 2h17l-3-1c-3 0-11 2-11-1 0-2 2-2 4-2h6-3c3 1 5-1 8 1h-11l-3 1h10c2 0 3 1 3 2l-4 1 3 1c0-1 0 0 0 0h1v5l-1-1v-1l-1 1v1-1h-1l1-1h-2l1-1h1l1-1h-6v2h-1l-1 1h-2l1 1-1-1c-1 0 0 0 0 0h-1l1-1h-1v-1l-1 1 1-1c1-1 1 1 2 1l1-1h-1v-2l-1 1h-3l-2 1h-1l-2 2v-1c-1 1-2 0-2 2v-1h-1v-1l-1 1v-1 1l-1-1v1l-1-1-1 1v1-1h-1l1-1-1-1-1 1 1-1h1v-1h-1 2v1l2-1h2v-1h-1l-1-1h-1v-1 1-1c-1 1-2 0-2-1h1v-1h-1v-1h1l-1-1v-1l1 1 1 1v-1c-1 0 0 0 0 0v-1 1Zm105 3-4-1-2 2c-1 1 1 3 3 5h4l2-1v-3c0-1-1-2-3-2Zm-67 3h-1 1Zm-33-5h1l-1 1h1-1v1h1v-2h-1Zm1 0h1v1-1h-1Zm-1-1v1h1l-1-1Zm33-3 1 1c-1 1-1 0-1-1Zm-13-14c-3 1-3 3-7 4h-1v1c0 2 8 0 8 3 0 1-1 2-4 2-1 0-1 0 0 0h2l1 1v4h-1v-1h-1v1-1s0-1 0 0l-1-1h2v-2h-2v1h-2l1 2h-3v1h-1 1-1v-1h-1l1 1-1-1 1-1h-2l1-1c1 0 1 2 2 1h1l-1-1v-1h-1l-2 1-1 1h-2l-1 1-2 1v-1h-1l-1 1v-1h-2v1l-1-1 1-1h-2l1-1 1 1-1-1v-1h1v1h4l2-1-1-1v1-1h-1l-1-1h1v-1h-1l1-1h-1v-1h1v1h1c-1 0 0 0 0 0v-1 3h1l1-1-1-1 1-1 1-1v-1 1l1-1 1 1h1v1h1l-1 1-1 2h6l4-1c0-2-8 0-8-3l1-1v-1l3-2-1 1c2 0 2-2 6-2Zm13 13v1-1Zm0 0h-1 1Zm1-2v1h-1v-1h1Zm-1 0h-1 1Zm-26-5h1-1l1 1h-1v1h1v-1h1l-1-1h-1Zm2 0v1l1-1h-1Zm-2-1v1l1-1h-1Zm111-34-2 6v1l-1 1-1 4 38 22 4-4 1-1 4-4-4-3v5l-2-3v-1l-2 4 3 1c-2 3-5 1-6 0-3-1-4-2-3-4 1-1 4-1 4 2 2-1 2-3 2-4l-4-1c3-2 5-4 4-8-3 1-5 3-6 6l-2-2c-2 0-3 1-3 3 2-1 4 1 3 3-1 1-3 1-5-1-3-1-3-4-2-6l2 4 3-5h-4c1-1 2-3 4-3h1l-6-3-1 5-1-3-3 5 4-1c-2 2-4 3-7 2-2-2-3-3-2-4 0-2 3-2 3 1 2-1 3-3 2-4l-4-1c3-2 4-5 3-8-4 1-5 4-5 7l-2-2c-2 0-3 1-3 3 2-1 4 1 3 3-1 1-2 1-5-1-1 0-4-2-3-5l3 2 2-4h-4l4-2-4-2Zm-26 21-1 3c0 2 1 4 3 4h2l1-4-1-3-2-1-2 1Zm9-14c1-2 3-2 5-2l3 2 1 4-3 4c-3 3-6 3-8 0-2-2-1-6 2-8Zm4 0-3 1-2 4v1c1 2 4 2 5 0l2-3v-2l-2-1Zm-81-11h-1c-12 0-33 1-33 9 0 2 1 4 5 6 5-4 15-8 28-8 14 0 24 4 29 8 4-2 5-4 5-6 0-8-21-9-33-9ZM87 59l-11 5c-2 0-3 1-3 2l1 3c1 1 1-2 3-3 2 0 2 2 0 4 3-1 6-2 7 1 1 2 0 3-2 5l1 5c1 2 4 5 8 4 4-2 3-6 2-8l-3-4c-2 0-4-1-4-3-1-2 2-3 4-5-3-1-4-2-2-3h4c1-1-1-2-2-2l-3-1Zm68-10 4 7c0 3-2 5-3 8-1-3-4-4-4-7s1-5 3-8Zm44 0c2 3 3 5 3 8s-3 4-4 7c-1-3-3-5-3-8l4-7ZM74 54l-13 4c5 1 5 4 8 4 4 0 6-5 5-8Zm150 1c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm-93 0c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm149-1c-3 0-4 2-4 4l-1 2 12-3-7-3Zm-55-6c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm-96 0c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm-35-3-12 5c2 3 6 5 9 3 2-2 0-4 3-8Zm78-7 3 1v13h-3V38Zm10 0v14h-3V39l3-1ZM77 24c3 2 3 3 2 6 1-1 3-1 3 2-1-1-2 0-2 1l2 2c2 0 3-2 3-5l-2 2v-5l2 2-1-3h3v11l-14 4-6 3-1 1-6 3-8-8 2-2 2 3v-3l3 4h-3c3 2 5 2 6 1v-3c-1-1-2-1-2 1-2-2-1-3 1-3-3-2-4-3-3-6 3 1 4 2 4 5 0-2 3-2 3 1-2-1-2 0-2 2h5c3-1 2-3 2-5l-3 3-2-4h4l-3-3 5-2-1 4c2 0 3-1 3-3l2 5-4-1c1 2 2 4 5 3 2-1 3-2 3-4h-3c-2-2 0-3 2-2-2-3-2-4-1-7Zm53 17c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm94 0c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm-91-7c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm88 0c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm-35-1c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm-17 0c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3ZM52 34l2 2-2 2-2-2 2-2Zm141-4c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm-31 0c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm24-2c-1 4-5 7-9 7s-8-3-9-7h18Zm-47 1c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm76 0c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm-61-1c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm46 0c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm8-1c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm-61 0c2 0 3 1 3 3s-1 3-3 3-3-1-3-3 1-3 3-3Zm-96 1 2 2-2 2-2-2 2-2Zm3-4 2 2-2 2-2-2 2-2Zm6-1 2 2-2 2-2-2 2-2Zm5-9v4l3-2 1 3h-4l4 3 1 2c0 2-1 3-3 3-1 0-3-1-3-3v-4l-2 2-2-3 3-1-2-3 4-1Zm114 3c4 1 7 4 7 8h-7Zm-4 0v8h-7c1-4 4-7 7-8Zm-87 4v3h-3v-3h3Zm-14-2v3h-3v-3h3Zm7-3h3v3h-3v-3Zm-3-1v3h-3v-3h3ZM182 0l-4 7c3 0 5-2 7-4v10c-2-2-4-4-7-4 0 2 2 4 4 6h-10c2-2 4-4 4-6-3 0-5 2-7 4V3c2 2 4 4 7 4l-4-7Z"/>
+</svg>

package/components/header/_x-govuk.svg

@@ -0,0 +1,3 @@
+<svg class="app-header__logotype--large" aria-hidden="true" focusable="false" height="35" width="35" viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
+  <path fill="currentColor" d="M180 251v1c-17 7-26 12-26 16s19 6 19-5c4 18-11 21-20 13 4 7 6 18-4 23-11-5-9-16-5-23-10 8-24 4-20-12v-1c0 11 18 9 19 5 0-4-9-9-26-16v-1c11 3 21 4 32 4 10 0 20-1 31-4Zm61-52 1 1c-6 18-8 29-5 34 6-6 11-14 11-24l19 9c-11 5-20 10-27 17 5 2 15-1 21-4l-32 32c3-6 6-16 4-21-7 6-12 16-16 27l-10-19c11 0 18-5 24-11-5-3-16-2-34 5v-1c10-6 18-12 25-19 8-8 14-15 19-26Zm-186 0c6 10 12 18 20 25 7 8 15 14 25 20h-1c-17-6-29-7-33-4 6 5 13 11 24 11l-10 19c-4-12-10-21-16-28-2 5 1 16 3 21l-31-31c5 2 16 5 21 3-7-6-16-12-28-16l19-10c0 11 6 18 11 24 3-5 2-16-4-33Zm152-5a15 15 0 0 1 10 25 15 15 0 0 1-25-10 15 15 0 0 1 15-15Zm-115 0a15 15 0 0 1 11 25 15 15 0 0 1-25-10 15 15 0 0 1 14-15Zm88-27a15 15 0 0 1 10 25 15 15 0 0 1-25-10 15 15 0 0 1 15-15Zm-63 0a15 15 0 0 1 10 25 15 15 0 0 1-25-10 15 15 0 0 1 15-15Zm133-48c7 17 12 26 16 26s6-19-5-19c18-4 21 11 13 20 7-4 18-6 23 5-5 10-16 8-23 4 8 9 5 24-13 20 11 0 9-19 5-19s-9 9-16 26h-1c3-11 4-21 4-31 0-11-1-21-4-32h1Zm-202 0c-3 11-4 21-4 32 0 10 1 20 4 31h-1c-7-17-12-26-15-26-5 0-7 19 4 19-18 4-21-11-13-20-7 4-18 6-23-4 5-11 16-9 23-5-8-9-5-24 13-20-11 0-9 19-4 19 3 0 8-9 15-26Zm101 11a20 20 0 1 1-1 41 20 20 0 0 1 1-41Zm-32-26a15 15 0 0 1 10 25 15 15 0 0 1-25-10 15 15 0 0 1 15-15Zm63 0a15 15 0 0 1 10 25 15 15 0 0 1-25-10 15 15 0 0 1 15-15ZM92 80a15 15 0 0 1 11 25 15 15 0 0 1-25-11 15 15 0 0 1 14-14Zm115 0a15 15 0 0 1 10 25 15 15 0 0 1-25-11 15 15 0 0 1 15-14ZM80 32l9 19c-10 0-18 5-24 11 5 3 16 1 34-5l1 1c-11 5-18 11-26 19-7 7-13 15-19 25h-1c7-18 8-29 5-34-6 6-11 13-11 24L29 82c11-4 21-9 27-16-5-2-15 1-21 4l32-32c-3 6-6 16-4 21 7-7 12-16 17-27Zm137-1c4 12 10 21 16 28 2-5-1-16-3-21l31 31c-5-2-16-5-21-3 7 6 16 12 28 16l-19 10c0-11-6-18-11-24-3 4-2 16 4 33v1c-6-10-12-18-20-25-7-8-15-14-25-20h1c17 6 28 7 33 4-6-5-13-11-24-11l10-19ZM149 2c10 5 8 16 4 23 9-8 24-5 20 13 0-11-19-9-19-4 0 3 9 8 26 15v1c-11-3-21-4-31-4-11 0-21 1-32 4v-1c17-7 26-12 26-15 0-5-19-7-19 4-4-17 10-21 20-13-4-7-6-18 5-23Z"/>
+</svg>

package/components/header/macro.njk

@@ -0,0 +1,3 @@
+{% macro appHeader(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}

package/components/header/template.njk

@@ -0,0 +1,29 @@
+{%- from "../site-search/macro.njk" import appSiteSearch -%}
+<header class="govuk-header app-header" role="banner" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container app-header__container">
+    <div class="govuk-header__logo app-header__logo">
+      <a href="{{ params.homepageUrl | default("/") | url }}" class="govuk-header__link govuk-header__link--homepage">
+        <span class="govuk-header__logotype">
+          {% if params.organisationLogo == "crown" %}
+            {% include "./_crown.svg" %}
+          {% elif params.organisationLogo == "royal-arms" %}
+            {% include "./_royal-arms.svg" %}
+          {% elif params.organisationLogo == "x-govuk" %}
+            {% include "./_x-govuk.svg" %}
+          {% elif params.organisationLogo %}
+            {{ params.organisationLogo | safe }}
+          {% endif %}
+          <span class="govuk-header__logotype-text">
+            {{ params.organisationName | default("GOV.UK") }}
+          </span>
+        </span>
+        {% if params.productName %}
+        <span class="govuk-header__product-name">
+          {{ params.productName }}
+        </span>
+        {% endif %}
+      </a>
+    </div>
+    {{ appSiteSearch(params.search) if params.search.indexPath | indent(4) }}
+  </div>
+</header>

package/components/link/_link.scss

@@ -0,0 +1,22 @@
+.govuk-link.app-link--heading {
+  @include govuk-link-style-text;
+  @include govuk-link-style-no-underline;
+
+  &:hover {
+    text-decoration: none;
+  }
+
+  &:hover:after,
+  :target &:after {
+    color: govuk-colour("dark-grey");
+    content: "#";
+    font-variant: all-small-caps;
+    font-weight: normal;
+    margin-left: govuk-spacing(1);
+    opacity: .5;
+  }
+}
+
+[class^="govuk-heading"][tabindex] {
+  outline: none;
+}