{% load static wagtailcore_tags wagtailuserbar %}

{# Remove wagtailuserbar: #}
{% load static wagtailcore_tags %}

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <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" />

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

		{# Add supported color schemes: #}
		<meta name="color-scheme" content="light dark">

		{# Add a favicon with inline SVG: #}
		<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/jacksbastards.css' %}">

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

    <body class="{% block body_class %}{% endblock %}">
		
		{% include "includes/header.html" %}
		
		{# Wrap your block content  within a <main> HTML5 tag: #}
		<main id="main">
		  {% block content %}{% endblock %}
		</main>
				
		{% include "includes/footer.html" %}

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

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