{% extends "base.html" %}

{% block head_lead %}
  <title>{{ config["SITE_NAME"] }}</title>
{% endblock %}

{% block style %}
  <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/home.css') }}">
{% endblock %}

{% block body %}
<main class="home">
    <header>
      {% trans site_name=config["SITE_NAME"], logo_url=url_for("static", filename="img/tofu.svg") %}
        <img src="{{ logo_url }}" alt="{{ site_name }}" />
      {% endtrans %}
      <h1>{{ config["SITE_NAME"] }}</h1>
    </header>

    <section class="icons">
      <a href="https://compliance.conversations.im/server/{{ config['SNIKKET_DOMAIN'] }}"
        ><img src="https://compliance.conversations.im/badge/{{ config['SNIKKET_DOMAIN'] }}"></a>
    </section>

    <section class="intro">
      <p>{% trans site_name=config["SITE_NAME"], about_page=url_for('main.about') %}
        <em>{{ site_name }}</em> is an XMPP (Jabber) server hosted by
        <a href="https://www.davejansen.com/" rel="external" target="_blank">Dave Jansen</a>
        using open-source software from <a href="{{ about_page }}">the Snikket project</a>.
      {% endtrans %}</p>

      {%- if config["ADMIN_CONTACT"] -%}
        <p>
          {% trans admin_contact=config["ADMIN_CONTACT"] %}
          To reach out, send a message to <a href="xmpp:{{ admin_contact }}">{{ admin_contact }}</a> or
          <a href="mailto:{{ admin_contact }}">via email</a>.
          {% endtrans %}
        </p>
      {%- endif -%}
    </section>

    <footer>
      <nav>
        <a href="https://xmpp.org/getting-started/" rel="external" target="_blank">
          {% trans %}Need an XMPP (Jabber) client?{% endtrans %}
        </a>
        <a href="{{ url_for('main.login') }}">
          {% trans site_name=config["SITE_NAME"] %}Need to manage your {{ site_name }} account?{% endtrans %}
        </a>
      </p>
    </footer>

</main>
{% endblock %}