<!DOCTYPE html>

<html>
  <head>
    <title>{% block title %}{% if title %}{{ title }} - {% endif %}{% endblock %}tAuth</title>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="pronouns" content="she/her">

    {% block head %}{% endblock %}

    <style>
      {% include "css/base.css" %}
      {% block head_css %}{% endblock %}

      html {
        --accent: var(--{{ accent }});
      }
    </style>

    <script>
      {% include "js/theme.js" %}
      {% block head_js %}{% endblock %}
    </script>
  </head>

  <body>
    <div id="container">
      <noscript>Please enable JavaScript!</noscript>
      {% block body %}
        Something went horribly wrong! Please contact us so we can fix this.
      {% endblock %}
    </div>
  </body>
</html>
