<a class=“post-card” href=“{{ post.url | relative_url }}” itemprop=“blogPosts” itemscope=“” itemtype=“schema.org/BlogPosting”>
{% if post.featured-img %} <figure class="post-card__thumb"> <img src="{{site.url}}/assets/img/posts/{{post.featured-img}}_placehold.jpg", data-srcset="{{site.url}}/assets/img/posts/{{post.featured-img}}_thumb.jpg, {{site.url}}/assets/img/posts/{{post.featured-img}}_thumb@2x.jpg 2x" class="lazyload blur" alt="{{post.title}}" /> <noscript><img src="{{site.url}}/assets/img/posts/{{post.featured-img}}_thumb.jpg" alt="{{ post.title }}"></noscript> </figure> {% else %} <figure class="post-card__thumb"> <div class="dark-bg"></div> </figure> {% endif %} <div class="post-card__inner"> <div class="post-card__header"> <h2>{{ post.title | strip_html | truncate: 50 }}</h2> {% assign date_format = site.sleek.date_format | default: "%b %-d, %Y" %} <span class="post-card__meta"> <time>{{ post.date | date: date_format }}</time> </span> </div> {% if post.summary %} <p>{{ post.summary | strip_html | truncatewords:20 }}</p> {% else %} <p>{{ post.content | strip_html | truncatewords: 20 }}</p> {% endif %} </div>
</a>