{# Документация: README и app/docs/*.md через API + marked + DOMPurify (vendor, без CDN). #}
{% extends "base.html" %}

{# Ширина колонки как у панели: .app-main max-width 72rem (секция «Ресурсы узлов (сводка)» и др.). #}

{% block page_title %}Документация{% endblock %}

{# На странице документации не показываем строку про том clusters/ (только копирайт). #}
{% block footer %}
<div class="footer-inner">
  <p class="footer-copyright">
    © {{ app_title }} ·
    <a href="https://devops.org.ru" target="_blank" rel="noopener">devops.org.ru</a>
  </p>
</div>
{% endblock %}

{% block body_extra_class %} documentation-page-loading{% endblock %}

{% block content %}
<div
  id="documentation-page-loading-overlay"
  class="page-loading-overlay"
  role="status"
  aria-live="polite"
  aria-busy="true"
  aria-label="Загрузка документации"
>
  <div class="page-loading-backdrop" aria-hidden="true"></div>
  <div class="page-loading-center">
    <span class="spinner page-loading-spinner" aria-hidden="true"></span>
    <span class="page-loading-label">Загрузка документации…</span>
  </div>
</div>

<nav class="doc-breadcrumbs" id="doc-breadcrumbs" aria-label="Навигация по документации">
  <ol class="doc-breadcrumbs__list" id="doc-breadcrumbs-list"></ol>
</nav>
<div class="readme-doc-shell" id="readme-doc-shell">
  <p id="readme-error" class="msg hidden" role="alert"></p>
  <div id="readme-doc-root" class="readme-doc-page" hidden></div>
</div>
{% endblock %}

{# Автор: Сергей Антропов — https://devops.org.ru (в конце текста README и app/docs/api_routes.md). #}

{% block scripts %}
<script src="/static/js/vendor/marked.min.js"></script>
<script src="/static/js/vendor/purify.min.js"></script>
<script src="/static/js/documentation.js" defer></script>
{% endblock %}
