{% extends 'base.html' %} {% block title %}Strona główna | pdlzbs{% endblock %}
{% load static tailwind_tags %} {% block content %}
<div class="flex flex-col lg:flex-row justify-center gap-8">
  <article
    class="basis-1/2 mb-auto prose max-w-screen-sm bg-white shadow-md rounded-md p-4"
  >
    <h1>Grand Prix Województwa</h1>
    {{ gpw.content | safe }}
  </article>
  <div class="basis-1/2 max-w-screen-sm flex flex-col items-center gap-4">
    <h1
      class="text-[2.25rem] font-medium w-full lg:text-right bg-white shadow-md rounded-md px-4 py-2"
    >
      Aktualności PodlZBS
    </h1>
    <hr class="w-36 border-b border-stone-300 border-dashed" />
    {% for post in posts %}
    <article
      class="prose max-w-full w-full py-4 bg-white shadow-md rounded-md p-4"
    >
      <h2 class="text-center font-medium">{{ post.title }}</h2>
      <div>{{ post.content | safe }}</div>
    </article>
    {% if not forloop.last %}
    <hr class="w-36 border-b border-stone-200" />
    {% endif %} {% empty %}
    <h2 class="py-4 text-xl text-center">Więcej wpisów nie ma</h2>
    {% endfor %}
  </div>
</div>
{% endblock %}
