<!DOCTYPE html>
<html id="ng-app" {% if language is defined %}lang="{{ language }}"{% endif %} data-theme-mode="{{ themeStyles.getThemeMode() }}">
    <head>
        {% block head %}
            <meta charset="utf-8">
            <title>
                {%- block pageTitle %}
                    {%- if title is defined -%}{{ title }} - {% endif -%}
                    {%- if categoryTitle is defined -%}{{ categoryTitle }} - {% endif -%}
                    Matomo
                {%- endblock -%}
            </title>
            <meta http-equiv="X-UA-Compatible" content="IE=EDGE"/>
            <meta name="viewport" content="initial-scale=1.0"/>
            <meta name="color-scheme" content="light dark" />
            <meta name="generator" content="Matomo - free/libre analytics platform"/>
            <meta name="description" content="{% block pageDescription %}{% endblock %}"/>
            <meta name="apple-itunes-app" content="app-id=737216887" />
            <meta name="google" content="notranslate">
            {% block meta %}
                <meta name="robots" content="noindex,nofollow">
            {% endblock %}

            {% include "@CoreHome/_favicon.twig" %}
            {% include "@CoreHome/_applePinnedTabIcon.twig" %}
            <meta name="theme-color" content="{{ themeStyles.getPropertyValue('colorHeaderBackground') }}">
            {% include "_jsGlobalVariables.twig" %}
            {% include "_jsCssIncludes.twig" %}

            {%- if not isCustomLogo %}<link rel="manifest" href="plugins/CoreHome/javascripts/manifest.json" crossorigin="use-credentials">{% endif %}

        {% endblock %}
    </head>
    <body id="{{ bodyId|default('') }}" class="{{ bodyClass|default('') }}">
        {{ postEvent('Template.bodyTop' ) }}

    {% block body %}
        {% include "_iframeBuster.twig" %}
        {% include "@CoreHome/_javaScriptDisabled.twig" %}

        <div id="root">
            {% block root %}
            {% endblock %}
        </div>

        {% include "@CoreHome/_shortcuts.twig" %}

    {% endblock %}

        {# Overridable so a layout can render the footer links elsewhere without posting twice. #}
        {% block pageFooter %}
            <div id="pageFooter">
                {{ postEvent('Template.pageFooter') }}
            </div>
        {% endblock %}

        {% include "@CoreHome/_adblockDetect.twig" %}

        {{ postEvent('Template.bodyBottom' ) }}
    </body>
</html>
