index.html

---
layout: default
title: Home
---

<div class="posts">
  {% for post in paginator.posts %}
    {% if post.published %}
      <div class="post">
        <h1 class="post-title">
          <a href="{{ post.url }}">
            {{ post.title }}
          </a>
        </h1>

        <!-- Calculate read_time and store it in a variable -->
        {% assign read_time = post.content | strip_html | number_of_words | divided_by: 90 | divided_by: 2.0 | remove: ".0" %}
        
        <div class="post-subtitle">
          <span class="reading-time">⏱ {{ read_time }} min</span>
          <span> | </span>
          <span class="post-date">{{ post.date | date_to_string }}</span>
        </div>
        
        <a href="{{ post.url }}"><img src="{{ post.image }}" alt="splash"></a>
        {{ post.summary }}
        
      </div>
    {% endif %}
  {% endfor %}
</div>

<div class="pagination">
  {% if paginator.next_page %}
    <a class="pagination-item older" href="{{ paginator.next_page_path | relative_url }}">Older posts</a>
  {% else %}
    <span class="pagination-item older">Older posts</span>
  {% endif %}
  {% if paginator.previous_page %}
    <a class="pagination-item newer" href="{{ paginator.previous_page_path | prepend: relative_url }}">Newer posts</a>
  {% else %}
    <span class="pagination-item newer">Newer posts</span>
  {% endif %}
</div>