<!– display card for each post –>

<div class=“post-preview-wrapper”>

<div class=“post-preview-img” style=“background-image: url(‘{{ site.baseurl }}/{{ post.background }}’);”></div>

<div class=“post-preview-text”>

<a href=“{{ site.baseurl }}{{ post.url }}” class=“post-preview-title”>

<h2>{{ post.title }}</h2>

<h3>{{ post.subtitle }}</h3>

</a>

<ul class=“center-text”>

{% for categories in post.categories | sort %}
<li class="post-tag"><a href="{{ site.baseurl }}/slow-blog/categories/#{{ categories | slugify }}">
  {{ categories | upcase }}</a></li>{% endfor %}</ul>

</div> </div>