{#
/**
 * @file
 * Theme override for the basic structure of a single Drupal page.
 *
 * Variables:
 * - logged_in: A flag indicating if user is logged in.
 * - root_path: The root path of the current page (e.g., node, admin, user).
 * - node_type: The content type for the current node, if the page is a node.
 * - head_title: List of text elements that make up the head_title variable.
 *   May contain one or more of the following:
 *   - title: The title of the page.
 *   - name: The name of the site.
 *   - slogan: The slogan of the site.
 * - page_top: Initial rendered markup. This should be printed before 'page'.
 * - page: The rendered page markup.
 * - page_bottom: Closing rendered markup. This variable should be printed after
 *   'page'.
 * - db_offline: A flag indicating if the database is offline.
 * - placeholder_token: The token for generating head, css, js and js-bottom
 *   placeholders.
 *
 * @see template_preprocess_html()
 */
#}
<!DOCTYPE html>{% apply spaceless %}
<html{{ html_attributes }}>
  <head>
    <title>{{ head_title|safe_join(' | ') }}</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <head-placeholder token="{{ placeholder_token }}">
     {% block webfont %}
      {% if webfont_config_font_files %}
        {# PreLoad the font files. #}
        {% for path in webfont_config_font_files %}
          <link as="font" rel="preload" href="{{ base_path ~ path }}" type="font/{{ path|split('.')|last|split('?')|first }}" crossorigin="anonymous" />
        {% endfor %}
      {% endif %}
    {% endblock webfont %}

    {% block favicons %}
      <link rel="apple-touch-icon" sizes="180x180" href="{{ base_path ~ directory }}/favicons/generated/apple-touch-icon.png" />
      <link rel="icon" type="image/png" sizes="192x192"  href="{{ base_path ~ directory }}/favicons/generated/web-app-manifest-192x192.png" />
      <link rel="icon" type="image/png" sizes="512x512"  href="{{ base_path ~ directory }}/favicons/generated/web-app-manifest-512x512.png" />
      <link rel="icon" type="image/png" sizes="96x96" href="{{ base_path ~ directory }}/favicons/generated/favicon-96x96.png" />
      <link rel="icon" href="{{ base_path ~ directory }}/favicons/generated/favicon.ico" />
      <link rel="icon" type="image/svg+xml" href="{{ base_path ~ directory }}/favicons/generated/favicon.svg" />
      <link rel="manifest" href="{{ base_path ~ directory }}/favicons/generated/site.webmanifest" crossorigin="use-credentials" />
    {% endblock favicons %}

    <css-placeholder token="{{ placeholder_token }}">
    <js-placeholder token="{{ placeholder_token }}">
  </head>

  <body{{ attributes.addClass(body_classes) }}>
    {#
      Keyboard navigation/accessibility link to main content section in
      page.html.twig.
    #}
    <a href="#main-content" class="visually-hidden focusable skip-link">
      {{ 'Skip to main content'|t }}
    </a>

    {{ page_top }}
    {{ page }}
    {{ page_bottom }}
    <js-bottom-placeholder token="{{ placeholder_token }}">
  </body>
</html>{% endapply %}
