{{-- Artikel als Kachel (Kategorie-, Tag-, Archivseiten). Parameter: $post --}}
@php $img = post_image($post, 'resized'); @endphp
<div class="col-sm-6 col-lg-4 mb-4">
    <article class="post-grid-item h-100">
        <a href="{{ route('read_post', $post->slug) }}" class="d-block mb-2" tabindex="-1" aria-hidden="true">
            <img src="{{ webp_or_original($img) }}" width="512" height="320" loading="lazy" decoding="async"
                alt="{{ $post->title }}" class="img-fluid rounded-lg" />
        </a>
        <h2 class="h5">
            <a class="post-title" href="{{ route('read_post', $post->slug) }}">{{ $post->title }}</a>
        </h2>
        <ul class="list-inline post-meta mb-2">
            <li class="list-inline-item"><time datetime="{{ $post->created_at->toDateString() }}">{{ date_formatter($post->created_at) }}</time></li>
            <li class="list-inline-item">{{ readDuration($post->title, $post->content) }} Min.</li>
        </ul>
        <p class="small mb-0">{{ $post->meta_description ? seo_description($post->meta_description, 130) : words($post->content, 20) }}</p>
    </article>
</div>