<!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">

    <link id="favicon" rel="icon" href="{{ config.services.common.url.pub }}/favicon/dark/{{ accent }}/">

    {% block head %}{% endblock %}

    <link rel="stylesheet" href="{{ config.services.common.url.pub }}/static/css/base.css?v={{ config.version_str }}">
    <style>html { --accent: var(--{{ accent }}); }</style>
    <script src="{{ config.services.common.url.pub }}/static/js/theme.js?v={{ config.version_str }}"></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>
