{% raw %}<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>{% block title %}{% endblock %}</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  {% block head %}
    <link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css"/>
  {% endblock %}
  {% endraw %}
  {% if esbuild %}
  {% raw %}
  {% if ESBUILD_ENTRY_URL %}
  <script type="module" src="{{ ESBUILD_ENTRY_URL }}"></script>
  {% endif %}
  {% endraw %}
  {% endif %}
  {% raw %}
</head>
<body id="{% block body_id %}{% endblock %}" class="{% block body_class %}w-100 sans-serif{% endblock %}">
  {% block body %}
    <div id="main" class="flex justify-center">
      {% block content %}
        {% endraw %}
        {% if oauth %}
        {% raw %}
        {% if user %}
        <form action="/logout" method="POST">
          <input type="submit" value="Logout" />
        </form>
        {% else %}
        <a href="/login">Login</a>
        {% endif %}
        {% endraw %}
        {% endif %}
        {% raw %}
        {% if name %}
        <h1>Hello, {{ name }}!</h1>
        {% else %}
        <h1>Welcome to Boltzmann!</h1>
        {% endif %}
      {% endblock %}
    </div>

    {% block foot %}
    {% endblock %}
  {% endblock %}
</body>
</html>{% endraw %}
