<!DOCTYPE html>
<html style="margin:0px;padding:0px;">
    <head>
        <meta charset="UTF-8">
        <title>{% block title %}Welcome!{% endblock %}</title>
        <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
        {% block stylesheets %}
        {% endblock %}

        {% block javascripts %}
            {% block importmap %}{{ importmap('app') }}{% endblock %}
        {% endblock %}
    </head>
    <body style="margin:0px;padding:0px;">
        {% block body %}
            <header  class="header" style="color:lightgrey;padding:0px 5px 0px 5px;margin:0px;">
                {% block header %}{% if header_title|default %}{{ header_title|raw }}{% else %}
<div class="center"><pre>
              _                     _   
__      _____| |__  _ __ ___   ___ | |_ 
\ \ /\ / / _ \ '_ \| '__/ _ \ / _ \| __|
 \ V  V /  __/ |_) | | | (_) | (_) | |_ 
  \_/\_/ \___|_.__/|_|  \___/ \___/ \__|
</pre></div>{% endif %}
            {% endblock %}
            </header>
            <main>
            {%  block main %}
            {% endblock %}
            </main>
            <footer>
                {% block footer %}
                {% endblock %}
            </footer>
        {% endblock %}
    </body>
</html>
