{% load static i18n cms_tags sekizai_tags fontawesome %}<!DOCTYPE html>
<html class="r" lang="{{ LANGUAGE_CODE }}">
<head>
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>{% block title %}{% page_attribute page_title %}{% endblock %} | Tagesschule Elementa Zug</title>
    <meta name="description" content="{% block description %}{% page_attribute 'meta_description' %}{% endblock %}">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    {% block extra_meta %}
    {% endblock %}

    <link rel="shortcut icon" href="{% static 'img/favicon.ico' %}" type="image/x-icon">
    <link rel="icon" href="{% static 'img/favicon.ico' %}" type="image/x-icon">

    <link rel="icon" type="image/png" sizes="16x16" href="{% static 'img/favicon-16x16.png' %}">
    <link rel="icon" type="image/png" sizes="32x32" href="{% static 'img/favicon-32x32.png' %}">
    <link rel="icon" type="image/png" sizes="96x96" href="{% static 'img/favicon-96x96.png' %}">
    <link rel="icon" type="image/png" sizes="192x192" href="{% static 'img/favicon-192x192.png' %}">

    <meta name="theme-color" content="#98C53A"/>

    <link rel="stylesheet" href="{% static 'css/main.css' %}">

    {% fontawesome_stylesheet %}
    {% render_block "css" %}
    {{ ALDRYN_SNAKE.render_head }}
</head>
<body class="{% block body_class %}{% endblock %}">
{% cms_toolbar %}

<a href="/{{ LANGUAGE_CODE }}/" class="header__logo reveal reveal_animation">
    <img src="{% static 'img/tagesschule-elementa.svg' %}" width="100" height="100">
</a>

<a href="#" class="navigation__close">
    <span class="header__button header__button--close">
        <span class="header__button__icon">
            {% include 'project/assets/close.svg' %}
        </span>
        {% trans 'Schliessen' %}
    </span>
</a>
<div id="navigation">
    {% include 'project/includes/navigation.html' %}
</div>

<div id="search">
    {% include 'project/includes/search_form.html' %}
</div>

<div id="canvas">
    <div class="header reveal reveal_animation data_delay_2">
        <span class="header__slogan">{% trans 'Stärken stärken. Lernen lernen.' %}</span>
        <a href="#" class="header__button header__button--search">
            {% trans 'Suche' %}
            <span class="header__button__icon">
                {% include 'project/assets/search.svg' %}
            </span>
        </a>
        <a href="#" class="header__button header__button--navigation">
            {% trans 'Menü' %}
            <span class="header__button__icon">
                {% include 'project/assets/menu.svg' %}
            </span>
        </a>
    </div>

    {% block content %}
        {% placeholder 'content' %}
    {% endblock %}
</div>

<script type="text/javascript" src="{% static 'js/lib.js' %}"></script>
<script type="text/javascript" src="{% static 'js/main.js' %}"></script>

{% block extra_body %}{% endblock %}

{% render_block "js" %}
{{ ALDRYN_SNAKE.render_tail }}
</body>
</html>
