65 lines
2.1 KiB
HTML
65 lines
2.1 KiB
HTML
{% extends 'base.html' %} {% block title %}Strona główna | labs{% endblock %}
|
|
{% load static tailwind_tags wysiwyg %} {% block content %}
|
|
<div class="flex flex-col gap-8 justify-center lg:flex-row">
|
|
<div class="flex flex-col gap-4 items-center basis-1/3">
|
|
{% for post in left_posts %}
|
|
<article
|
|
class="p-4 py-4 w-full max-w-sm 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 class="flex flex-col gap-4 items-center basis-1/3">
|
|
<h1
|
|
class="text-[2.25rem] font-medium w-full text-center bg-white shadow-md rounded-md px-4 py-2"
|
|
>
|
|
Aktualności
|
|
</h1>
|
|
<hr class="w-36 border-b border-dashed border-stone-300" />
|
|
{% for post in middle_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 class="flex flex-col gap-4 items-center basis-1/3">
|
|
{% for post in right_posts %}
|
|
<article
|
|
class="p-4 py-4 w-full max-w-sm 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 %}
|