<article class=“post-card”>
<a class="post-card-image-link" href="{{ include.url | relative_url }}"> <div class="post-card-image" style="background-image: url({{include.image|relative_url}})"></div> </a> <div class="post-card-content"> <a class="post-card-content-link" href="{{ include.url | relative_url }}"> <header class="post-card-header"> <span class="post-card-category"> {% assign category = include.category | split: "-" | join: " " %} {{ category }} </span> <h2 class="post-card-title">{{ include.title | truncatewords: 5, "" }}</h2> </header> <section class="post-card-description"> <p>{{ include.description | truncatewords: 40, "" }}</p> </section> </a> <footer class="post-card-meta"> {% include author.html %} {% include reading-time.html %} </footer> </div>
</article>