<!DOCTYPE html>
<html lang="{{ lang }}">
    <head>
        {% block head %}
            {% include "default_head.njk" %}       
        {% endblock head %}
    </head>
    <body>
        <div class="main-page-wrapper">
            <div class="header-wrapper">
                {% block header %}
                    {% include "default_header.njk" %}
                {% endblock header %}    
            </div>
            <div id="mobile-warning" class="warning">
                <p>{{ "mobile-warning" | i18n }}</p>
            </div>

            <div class="base-content-wrapper">
                {% block content %}
                    <!-- default fallback -->
                     {{ content | safe }}
                {% endblock content %}
            </div>

            <footer>
                {% block footer %}
                    {% if flight %}
                        <marquee behavior="scroll" direction="left">
                            <a href="{{ flight.url }}" target="_blank"><img src="{{ flight.img }}" alt=""></a>
                        </marquee>
                    {% endif %}
                    {% include "default_footer.njk" %}
                {% endblock footer %}
            </footer>
        </div>
    
    {% block scripts %}<!-- no scripts here... -->{% endblock scripts %}
    </body>
</html>
