{% extends "base" %}
{% block main %}
<h1 class="text-body-emphasis">{{title}}</h1>
<p class="fs-5 col-md-8">
  You have reached the {{title}}. This site can be used by
  the host of the challenge to see the challenge progress, solution, and
  hints for that challenge. This site is <b>NOT</b> part of the
  challenge.
</p>

<hr class="mb-5">

<div class="row g-5">
  <div class="col-md-6">
    <h2 class="text-body-emphasis">Challenges</h2>
    <p>
      There are cuttently {{ challenges_amount }} active challenges.
    </p>
    <ul class="list-unstyled ps-0">
      {% for challenge in challenges %}
      <li>
        <a class="icon-link mb-1" href="challenge/{{ challenge.id }}">
          <svg class="bi" width="16" height="16">
            <use xlink:href="#arrow-right-circle" />
          </svg>
          {{ challenge.id }} &mdash; {{ challenge.title }}
        </a>
      </li>
      {% endfor %}
    </ul>
  </div>

</div>
{% endblock %}