{% extends "public/base.html" %}
{% load blocks faq %}

{% comment %}Podstrona - wyglad wlasny projektu.

   Zalozenie jest jedno: na gorze strony jej tytul pada raz. Nie ma wiec
   metryki z dzialem, data i numerem w dziale, nie ma rzedu odnosnikow do
   pozostalych stron dzialu i nie ma bocznej kolumny ze spisem tresci -
   kolumna zabierala tresci szerokosc, a na krotkiej stronie zostawala
   pusta. Co z tego jest nadal potrzebne, czytelnik ma pod reka gdzie
   indziej: sciezke w okruszkach nad tytulem. Odnosnikow do sasiednich
   stron tez nie ma - gdy sa potrzebne, stawia je sama tresc strony,
   a szablon nie powtarza ich drugi raz pod spodem.

   Zostaje tytul, zdanie wprowadzajace i tresc w jednej kolumnie o szerokosci
   wygodnej do czytania. Wgrany szablon moze ten plik podmienic; dopoki
   tego nie robi, podstrona wyglada wlasnie tak.{% endcomment %}
{% comment %}Strona bez tytułu nad treścią nie ma też okruszków - zostałby
   po nich samotny wiersz nad sekcją, która zaczyna stronę.{% endcomment %}
{% block breadcrumbs %}{% if page.show_header %}{{ block.super }}{% endif %}{% endblock %}

{% block content %}

{% include 'public/partials/preview_bar.html' %}

{% comment %}Szerokość kolumny ustawia sama strona (Treść > Szerokość treści),
   bo to jej treść wie, czy jest tekstem do czytania, czy wklejona sekcja
   z własnym układem. Tytuł stoi w tej samej kolumnie co treść, żeby
   zaczynały się w jednej linii. Wyłączony tytuł (Treść > Pokaż tytuł nad
   treścią) zostaje tylko dla czytników ekranu - widoczny nagłówek ma
   wtedy sama treść.{% endcomment %}
{% if page.show_header %}
<header class="mx-auto w-full {{ page.content_width_class }} px-6 pb-10 pt-10 sm:pb-14 sm:pt-12">
  <h1 class="text-4xl font-bold tracking-tight sm:text-5xl">{{ page.title }}</h1>
  {% if page.excerpt %}
    <p class="mt-6 text-lg leading-relaxed text-site-muted dark:text-site-muted-dark">{{ page.excerpt }}</p>
  {% endif %}
</header>
{% else %}
<h1 class="sr-only">{{ page.title }}</h1>
{% endif %}

{% comment %}Bloki tresci doczepione do tej strony w panelu (modul `blocks`) -
   nad wlasnym tekstem strony i pod nim. Bez zadnego bloku znacznik nie
   zostawia po sobie nic.{% endcomment %}
{% content_blocks page 'before' %}

<article class="{% if page.content_is_full %}w-full pb-16 sm:pb-20{% else %}mx-auto w-full {{ page.content_width_class }} px-6 pb-16 sm:pb-20{% endif %}">
  <div id="page-body" class="prose prose-site max-w-none dark:prose-invert prose-headings:scroll-mt-28 prose-h2:mt-14 prose-h2:text-2xl">
    {{ page.body_html }}
  </div>
  {% content_blocks page 'after' %}
</article>

{% comment %}Pytania i odpowiedzi doczepione do tej strony (modul `faq`).
   Te same pary ida w naglowku jako FAQPage - widok podaje je w `seo.faq`.{% endcomment %}
{% faq_sections page %}

{% endblock %}