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