{# Based on https://github.com/alphagov/govuk-frontend/blob/8b6bf304b9fc891f64459c25a08f3d623f3fea72/packages/govuk-frontend/src/govuk/template.njk #}
{%- from "nationalarchives/components/cookie-banner/macro.njk" import tnaCookieBanner -%}
{%- from "nationalarchives/components/footer/macro.njk" import tnaFooter -%}
{%- from "nationalarchives/components/header/macro.njk" import tnaHeader -%}
{%- from "nationalarchives/components/skip-link/macro.njk" import tnaSkipLink -%}
{#-
Truncate any pageTitle that would cause the length of the to exceed 70 characters
See https://html-validate.org/rules/long-title.html
-#}
{%- set pageTitle = pageTitle or '' -%}
{%- set maxTotalTitleLength = 70 -%}
{%- set maxSiteTitleLength = 30 if pageTitle and (pageTitle | length) > (maxTotalTitleLength - 30) else maxTotalTitleLength -%}
{%- set truncatingCharacters = '...' -%}
{%- set siteTitle = (siteTitle or 'The National Archives') | truncate(maxSiteTitleLength, False, truncatingCharacters, 0) -%}
{%- set titleCharsRemaining = maxTotalTitleLength - ((siteTitle | length) + (truncatingCharacters | length)) -%}
{%- if pageTitle and (pageTitle | length) > titleCharsRemaining -%}
{%- set pageTitle = pageTitle | truncate(titleCharsRemaining, False, truncatingCharacters, 0) -%}
{%- endif -%}
<!DOCTYPE html>
<html lang="{{ htmlLang | default('en') }}" class="tna-template{% if theme and theme != 'light' %} tna-template--{{ theme }}-theme{% endif %}{% if themeAccent %} tna-template--{{ themeAccent }}-accent{% endif %}{% if htmlClasses %} {{ htmlClasses }}{% endif %}"{% for attribute, value in htmlAttributes %} {{ attribute }}{% if value !== '' %}="{{ value }}"{% endif %}{% endfor %}>
<head>
<meta charset="utf-8">
<title>{% block pageTitle %}{% if pageTitle %}{{ pageTitle }} - {% endif %}{{ siteTitle }}{% endblock pageTitle %}
{% block headIcons %}
{% endblock headIcons %}
{% block head %}{% endblock head %}
{% block stylesheets %}{% endblock stylesheets %}
{% block bodyStart %}
{% block cookies %}
{{ tnaCookieBanner({
cookiesUrl: '#/cookies'
}) | indent(6) }}
{% endblock cookies %}
{% block skipLink %}
{{ tnaSkipLink({
href: 'main-content',
text: 'Skip to main content'
}) | indent(6) }}
{% endblock skipLink %}
{% endblock bodyStart %}
{% block header %}
{{ tnaHeader({}) | indent(4) }}
{% endblock header %}
{% block main %}
{% block beforeContent %}{% endblock beforeContent %}
{% block content %}{% endblock content %}
{% block afterContent %}{% endblock afterContent %}
{% endblock main %}
{% block footer %}
{{ tnaFooter({}) | indent(4) }}
{% endblock footer %}
{% block bodyEnd %}{% endblock bodyEnd %}