<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>