24 lines
1.8 KiB
HTML
24 lines
1.8 KiB
HTML
<a class="flex gap-x-2 rounded group" href="{{ result.get_absolute_url }}">
|
|
<div class="flex-none rounded sm:grid grid-cols-2 grid-rows-2 gap-2 hidden">
|
|
<div class="rounded aspect-square w-[3.5rem] bg-no-repeat bg-cover" style="background-image: url('{{ result.get_images.0.thumb_url }}');"></div>
|
|
<div class="rounded aspect-square w-[3.5rem] bg-no-repeat bg-cover" style="background-image: url('{{ result.get_images.1.thumb_url }}');"></div>
|
|
<div class="rounded aspect-square w-[3.5rem] bg-no-repeat bg-cover" style="background-image: url('{{ result.get_images.2.thumb_url }}');"></div>
|
|
<div class="rounded aspect-square w-[3.5rem] relative">
|
|
<div class="rounded bg-no-repeat bg-cover brightness-[35%] w-full h-full" style="background-image: url('{{ result.get_images.3.thumb_url }}');"></div>
|
|
<div class="text-gray-300 md:font-medium bg-transparent absolute w-full h-full top-0 right-0 text-center flex justify-center items-center">
|
|
+{{ result.get_images_length_sub_3 }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<article class="flex-grow-0 sm:m-2">
|
|
<h2 class="line-clamp-1 hover:underline decoration-1 text-gray-800 dark:text-gray-200 sm:font-medium"><i class="fa-solid fa-images mr-2"></i>{{ result.title }}</h2>
|
|
<div class="line-clamp-2 mt-0.5 text-gray-700 dark:text-gray-300 min-h-12">
|
|
{{ result.description|safe }}
|
|
</div>
|
|
<div class="mt-1">
|
|
<small class="text-sm sm:text-base text-gray-600 dark:text-gray-400 hidden sm:block">{{ result.photographer|default:'' }} am {{ result.event_date }}</small>
|
|
<small class="text-sm sm:text-base text-gray-600 dark:text-gray-400 sm:hidden">{{ result.photographer|default:'' }} am {{ result.event_date|date:"d. M. Y" }}</small>
|
|
</div>
|
|
</article>
|
|
</a>
|