{% import "includes/macros" as macros %}

<!DOCTYPE html>
<html lang="de">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="manifest" href="public/manifest.json" />
  <link rel="stylesheet" href="/public/main.css" />
</head>
<body class="bg-gray-100">
  {%if loggedin_user %}
    {{ macros::header(loggedin_user=loggedin_user) }}
  {%endif%}

  <div class="flex min-h-screen {%if not loggedin_user %} items-center {% else %} items-start {% endif %} justify-center px-4 py-12 sm:px-6 lg:px-8">
    {% block content %}{% endblock content %}
  </div>

  {%if loggedin_user %}
    {% include "includes/footer" %}
  {%endif%}

  <script src="/public/main.js"></script>
</body>
</html>