{% load custom_tags %}
{% load i18n %}
{% load static %}
{% get_current_language as LANGUAGE_CODE %}
<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {% block title %}{% endblock %}
    {% block og_title %}{% endblock %}
    {% block description %}{% endblock %}
    {% block og_description %}{% endblock %}
    {% block og_image %}{% endblock %}
    <link rel="canonical" href="{% block canonical_url %}{% endblock %}">

    <!-- Add additional CSS in static file -->
    <link rel="stylesheet" href="{% static 'fellchensammlung/css/main.css' %}">
    <link rel="stylesheet" href="{% static 'fellchensammlung/css/photoswipe.css' %}">
    <link href="{% static 'fontawesomefree/css/fontawesome.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'fontawesomefree/css/brands.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'fontawesomefree/css/solid.css' %}" rel="stylesheet" type="text/css">

    {% if background_color %}
        <style>
            body {
                background: #{{ background_color }};
            }
        </style>
    {% endif %}

    <script src="{% static 'fellchensammlung/js/custom.js' %}"></script>
    <script src="{% static 'fellchensammlung/js/toggles.js' %}"></script>
    <script src="{% static 'fellchensammlung/js/jquery.min.js' %}"></script>
    <script type="module" src="{% static 'fellchensammlung/js/photoswipe.js' %}"></script>
    {% block additional_scrips %}{% endblock %}


    <link rel="apple-touch-icon" sizes="180x180" href="{% static 'fellchensammlung/favicon/apple-touch-icon.png' %}">
    <link rel="icon" type="image/png" sizes="32x32" href="{% static 'fellchensammlung/favicon/favicon-32x32.png' %}">
    <link rel="icon" type="image/png" sizes="16x16" href="{% static 'fellchensammlung/favicon/favicon-16x16.png' %}">
    {% get_oxitraffic_script_if_enabled %}
    <base target="_parent"/>
</head>
<body>

<div class="embed-main-content">
    {% block content %}{% endblock %}
</div>

</body>
</html>
