add article title preview

majak_uistyleguide/templates/patterns/molecules/articles/article_title_preview.html

+<div
+  class="
+    flex flex-col bg-grey-180 drop-shadow
+
+    {{ classes }}
+  "
+>
+  <div class="flex flex-col px-8 pb-10 pt-6 h-full">
+    <div class="text-xl text-grey-350 mb-2">
+      {{ date }}
+    </div>
+
+    <a href="{{ url }}" class="mb-2 underline-offset-4">
+      <h2 class="font-alt text-4xl">{{ title }}</h2>
+    </a>
+
+    <div>
+      {% include 'patterns/molecules/tags/inline_tags.html' %}
+    </div>
+  </div>
+</div>

majak_uistyleguide/templates/patterns/molecules/articles/article_title_preview.yaml

+context:
+  title: 'KONEC MEZINÁRODNÍ OSTUDY. EVROPSKÁ KOMISE UZAVŘELA ŘÍZENÍ O STŘETU ZÁJMŮ'
+  date: '29. června 2023'
+  url: '#'

majak_uistyleguide/templates/patterns/organisms/articles/article_titles_list.html

+<div class="flex justify-center">
+  <div class="container--wide w-full">
+    <div class="flex flex-col gap-8 mb-16">
+      <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
+        {% include 'patterns/molecules/articles/article_title_preview.html' %}
+        {% include 'patterns/molecules/articles/article_title_preview.html' %}
+        {% include 'patterns/molecules/articles/article_title_preview.html' %}
+        {% include 'patterns/molecules/articles/article_title_preview.html' %}
+        {% include 'patterns/molecules/articles/article_title_preview.html' %}
+        {% include 'patterns/molecules/articles/article_title_preview.html' %}
+      </div>
+
+      <div class="flex justify-center">
+        {% include 'patterns/atoms/buttons/round_button.html' with button_text='Další články' %}
+      </div>
+    </div>
+  </div>
+</div>