<div class=“card”>
{% if post.image %} <div class="card-image"> <img src="{{ post.image }}" alt="{{ post.title }}"> </div> {% else %} <header class="card-header"> <a class="card-header-title" href="{{ site.baseurl }}{{ post.url }}">{{ post.title}}</a> </header> {% endif %} <div class="card-content"> <div class="content"> {% if post.image %} <a class="title is-4" href="{{ site.baseurl }}{{ post.url }}">{{ post.title}}</a> {% endif %} {% if post.summary %} {{ post.summary | markdownify }} {% else %} <p>{{ post.excerpt }}</p> {% endif %} </div> <div class="has-text-centered"> <a href="{{ site.baseurl }}{{ post.url }}" class="button is-primary">Read more</a> </div> </div> <footer class="card-footer"> <p class="card-footer-item">Published: {{ post.date | date: "%b %-d, %Y" }}</p> </footer>
</div>