<!doctype html>
<html lang="ru">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Сломанные дороги</title>
    <link rel="stylesheet" href="/static/style.css" />
  </head>
  <body>
    <div class="sky"></div>
    <div class="page">
      <header class="title">
        <div class="badge">Архивные пути</div>
        <h1>Сломанные дороги</h1>
        <p>Уязвимость в Nginx: конфликт location-блоков + alias.</p>
      </header>

      <section class="card">
        <h2>Проверка дорог</h2>
        <div class="hint">Публичный файл: <span class="code">/files/public.txt</span></div>
        <div class="hint">Приватный файл: <span class="code">/files/internal/secret.txt</span></div>
        <div class="hint">Перезапуск сервиса из ssh - <span class="code">reload_nginx</span></div>
        <div class="hint">Исходный конфиг находится в <span class="code">/app/proxy</span>.</div>
      </section>

      <section class="card">
        <h2>Доска флага</h2>
        <p>Когда чекер подтвердит исправление, флаг появится здесь.</p>
        <form method="get" action="/flag">
          <button type="submit">Показать флаг</button>
        </form>
        {% if flag %}
        <pre>{{ flag }}</pre>
        {% endif %}
      </section>

      {% if error %}
      <section class="card error">
        <h2>Статус</h2>
        <pre>{{ error }}</pre>
      </section>
      {% endif %}

      <footer class="footer">
        <span>Деревенская архивная служба</span>
      </footer>
    </div>
  </body>
</html>
