<article class="bg-white dark:bg-gray-800 rounded-md shadow transition-all duration-300 hover:shadow-md transform hover:scale-105">
    <a href="{{ post.get_absolute_url }}" class="block p-4">
        <div class="float-right px-2 py-0.5 rounded-full text-sm font-medium text-proprietary dark:text-blue-100 bg-blue-200 dark:bg-proprietary-dark">
            <i class="fa-solid fa-calendar-days mr-1"></i>
            {{ post.date|date:"d.m.Y" }}
        </div>
        <h3 class="text-gray-800 dark:text-gray-200 leading-relaxed">{{ post.title|safe|truncatechars:50 }}</h3>
    </a>
</article>
