{% extends 'components/shell.html' %}

{% import 'components/site.html' as site %}
{% from "components/links.html" import kemono_link %}

{% block content %}
  {% call site.section("home") %}
    {% if g.banner_welcome %}
        {{ g.banner_welcome|safe }}
    {% endif %}
    <div class="jumbo-welcome">
      <div class="jumbo-welcome-background" {% if g.home_background_image %}style="background-image: url('{{ g.home_background_image }}');"{% endif %}></div>
        {% if g.mascot_path %}
          <div class="jumbo-welcome-mascot">
            <div>
              <img src="{{ g.mascot_path }}">
            </div>
          </div>
        {% endif %}
      <div class="jumbo-welcome-description">
        {% if g.logo_path %}
          <div class="jumbo-welcome-description-header">
            <img src="{{g.logo_path}}" width="50px" height="50px">
          </div>
        {% endif %}
        <p>
          <strong>{{ g.site_name }}</strong> is a public archiver for:
        </p>
        <ul>
          {% for paysite in g.paysite_list %}
            <li>
              {{ g.paysites[paysite].title }}
            </li>
          {% endfor %}
        </ul>
        <p>
          Contributors here upload content and share it here for easy searching and organization. To get started viewing content, either search for creators on the {{ kemono_link("/artists", g.artists_or_creators|lower ~ " page")}}, or search for content on the {{ kemono_link("/posts", "posts page") }}. If you want to contribute content, head over to the {{ kemono_link("/importer", "import page") }}.
        </p>
        {% if g.welcome_credits %}
          <div class="jumbo-welcome-credits">
            {{ g.welcome_credits|safe }}
          </div>
        {% endif %}
      </div>
    </div>
  {% for announcement in g.announcements %}
    <div class="jumbo-announcement">
      <div class="announcement-title-container">
        <h3>{{ announcement.title }}</h3>
        <div class="date">{{ announcement.date }}</div>
      </div>
      <p class="announcement-text">
        {{ announcement.content|safe }}
      </p>
    </div>
  {% endfor %}
  {% endcall %}
{% endblock %}
