{% load static wagtailcore_tags tailwind_tags %}

<!DOCTYPE html>
<html lang="en" class="h-full antialiased">
<head>
    <meta charset="utf-8"/>
    {% include "wagtailseo/meta.html" %}
    <title>
        {% block title %}
            {% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title }}{% endif %}
        {% endblock %}
        {% block title_suffix %}
            {% wagtail_site as current_site %}
            {% if current_site and current_site.site_name %}- {{ current_site.site_name }}{% endif %}
        {% endblock %}
    </title>
    {% if page.search_description %}
        <meta name="description" content="{{ page.search_description }}"/>
    {% endif %}
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    {% tailwind_css %}

    {# Force all links in the live preview panel to be opened in a new tab #}
    {% if request.in_preview_panel %}
        <base target="_blank">
    {% endif %}

    <meta name="color-scheme" content="light dark">

    <link rel="icon"
          href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🍩</text></svg>"/>


    {# Global stylesheets #}
    <link rel="stylesheet" type="text/css" href="{% static 'css/iamkonstantin_web.css' %}">

    {% block extra_css %}
        {# Override this in templates to add extra stylesheets #}
    {% endblock %}
</head>

<body class="flex h-full bg-zinc-50 dark:bg-black {% block body_class %}{% endblock %}">

<div class="relative w-full sm:px-8">
    {% include "includes/header.html" %}

    <main id="main" class="max-w-7xl px-0 md:px-4 lg:px-8">
        {% block content %}{% endblock %}
    </main>


    {% include "includes/footer.html" %}

</div>

{# Global javascript #}
<script type="text/javascript" src="{% static 'js/iamkonstantin_web.js' %}"></script>

{% block extra_js %}
    {# Override this in templates to add extra javascript #}
{% endblock %}
{% include "wagtailseo/struct_data.html" %}
</body>
</html>
