{% extends 'base.html' %}

{% block title %}{{ site.site_name }} · przerwa techniczna{% endblock %}
{% comment %}Strona przerwy technicznej stoi poza szablonem wygladu, wiec
   plaskosc bierze wprost - ma wygladac tak jak dotad.{% endcomment %}
{% block body_class %}site-ui site-flat{% endblock %}
{% block body_colors %}bg-gradient-to-br from-slate-700 via-slate-800 to-slate-900 text-white{% endblock %}

{% comment %}Przerwa techniczna: grafitowa plansza z kreską w kolorze wiodącym -
   ten sam język, którym otwiera się każda podstrona serwisu.{% endcomment %}
{% block body %}
<div class="mx-auto flex min-h-full max-w-2xl flex-col justify-center gap-6 px-6">
  <span class="block h-1.5 w-16 bg-brand-600" aria-hidden="true"></span>
  <p class="text-[0.7rem] font-semibold uppercase tracking-[0.22em] text-white/70">Przerwa techniczna</p>
  <h1 class="text-3xl font-bold leading-tight tracking-tight sm:text-5xl">{{ site.site_name }}</h1>
  <p class="max-w-xl text-base leading-relaxed text-white/85">{{ site.maintenance_message }}</p>
</div>
{% endblock %}