index.html

---
layout: default
---
<!-- This loops through the paginated posts -->
<div class="row">
  {% for post in paginator.posts %}
    {% assign words = post.content | number_of_words %}
    <div class="post-content">
      <div class="post-header">
        <h3><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h3>
        <em>
          {{ post.date | localize: ":long" }}
          <p class="post-readtime">זמן קריאה: {{ words | divided_by:180 }} דקות</p>
        </em>
      </div>
      <p>{{ post.summary }}</p>
      <div class="post-action">
        <a href="{{ post.url | relative_url }}">המשך לפוסט ></a>
      </div>
    </div>
  {% endfor %}

  <!-- Pagination -->
  {% if paginator.total_pages > 1 %}
  <ul class="pagination">
    <!-- Previous page -->
    {% if paginator.previous_page %}
    <li>
      <a href="{{ paginator.previous_page_path | relative_url | replace: '//', '/' }}"><i class="material-icons">chevron_right</i></a>
    </li>
    {% else %}
    <li class="disabled"><a><i class="material-icons">chevron_right</i></a></li>
    {% endif %}

    <!-- All page numbers-->
    {% for page in (1..paginator.total_pages) %}
      {% if page == paginator.page %}
        <li class="active"><a>{{ page }}</a></li>
      {% elsif page == 1 %}
        <li><a href="/{{ site.baseurl | replace: '//', '/' }}">{{ page }}</a></li>
      {% else %}
        <li><a href="{{ site.paginate_path | relative_url | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a></li>
      {% endif %}
    {% endfor %}

    <!-- Next page -->
    {% if paginator.next_page %}
      <li>
        <a href="{{ paginator.next_page_path | relative_url | replace: '//', '/' }}"><i class="material-icons">chevron_left</i></a>
      </li>
    {% else %}
    <li class="disabled"><a><i class="material-icons">chevron_left</i></a></li>
    {% endif %}
  </ul>
  {% endif %}
  <!-- END pagination -->
</div>