{% assign words_per_minute = site.words_per_minute | default: 200 %}
{% assign count = 0 %} {% for post in site.posts %}
{% assign count = count | plus: 1 %} {% if count <= 3 %} <article class="post-card {{ page.class }}{% unless post.cover %} no-image{% endunless %}"> {% if post.cover %} <a class="post-card-image-link" href="{{ site.baseurl }}{{ post.url | remove_first: '/' }}"> <div class="post-card-image" style="background-image: url({{ site.baseurl }}{{ post.cover }})"></div> </a> {% endif %} <div class="post-card-content"> <a class="post-card-content-link" href="{{ site.baseurl }}{{ post.url | remove_first: '/' }}"> <header class="post-card-header"> {% if post.tags.size > 0 %} {% for tag in post.tags %} {% if forloop.index == post.tags.size %} <span class="post-card-tags">{{ tag | capitalize }}</span> {% else %} <span class="post-card-tags">{{ tag | capitalize }}</span> {% endif %} {% endfor %} {% endif %} <h2 class="post-card-title">{{ post.title }}</h2> </header> <section class="post-card-excerpt"> {% if post.excerpt %} <p>{{ post.excerpt | strip_html | truncatewords: 33, "" }}</p> {% else %} <p>{{ post.content | strip_html | truncatewords: 33, "" }}</p> {% endif %} </section> </a> <footer class="post-card-meta"> {% for author in site.data.authors %} {% if author[1].username == post.author %} {% if author[1].picture %} <img class="author-profile-image" src="{{ site.baseurl }}{{ author[1].picture }}" alt="{{ author[1].name }}" /> {% endif %} <span class="post-card-author"> <a href="{{ site.baseurl }}author/{{ post.author }}/">{{ author[1].name }}</a> </span> {% endif %} {% endfor %} <span class="reading-time"> {% assign words = post.content | strip_html | number_of_words %} {% if words <= words_per_minute %} 1 min read {% else %} {{ words | divided_by:words_per_minute }} min read {% endif %} </span> </footer> </div> </article> {% endif %}
{% endfor %}