index.html

---
layout: default
---

<div class="posts-list">
	{% for post in paginator.posts %}
	<article class="post-preview">
		<a href="{{ site.baseurl }}{{ post.url }}">
			<h2 class="post-title">{{ post.title }}</h2>
			{% if post.subtitle %}
			<h3 class="post-subtitle">{{ post.subtitle }}</h3>
			{% endif %}
		</a>
		<p class="post-meta">
			Posted on {{ post.date | date: "%B %-d, %Y" }} &nbsp;&bull;&nbsp;
			{% if post.author %}
			by {{ post.author }} &nbsp;&bull;&nbsp;
			{% endif %}
			{% if post.reading_time %}
			{{ post.reading_time }} min read &nbsp;&bull;&nbsp;
			{% endif %}
			<br />
			{% for tag in post.tags %}
			<a href="{{ site.baseurl }}/tags#{{ tag | slugify }}">
				<span class="badge badge-primary">{{ tag }}</span>
			</a>&nbsp;
			{% endfor %}
		</p>
		<div class="post-entry">
			{% if post.image %}
			<img src="{{ post.image | prepend: site.baseurl }}" alt="{{ post.title }}" class="post-image">
			{% endif %}
			{{ post.excerpt | strip_html | truncatewords: 50 }}
			{% if post.excerpt != post.content %}
			<a href="{{ site.baseurl }}{{ post.url }}" class="post-read-more">[Read More]</a>
			{% endif %}
		</div>
	</article>
	{% endfor %}
</div>

<!-- Pagination links -->
{% if paginator.total_pages > 1 %}
<div class="pagination-container">
  <nav aria-label="Blog post navigation">
    <ul class="pagination">
      {% if paginator.previous_page %}
      <li><a class="pagination-link" href="{{ paginator.previous_page_path | prepend: site.baseurl }}">&laquo; Previous</a></li>
      {% else %}
      <li><span class="pagination-link disabled">&laquo; Previous</span></li>
      {% endif %}

      {% for page in (1..paginator.total_pages) %}
      {% if page == paginator.page %}
      <li><span class="pagination-link current">{{ page }}</span></li>
      {% elsif page == 1 %}
      <li><a class="pagination-link" href="{{ site.baseurl }}/">{{ page }}</a></li>
      {% else %}
      <li><a class="pagination-link" href="{{ site.paginate_path | prepend: site.baseurl | replace: ':num', page }}">{{ page }}</a></li>
      {% endif %}
      {% endfor %}

      {% if paginator.next_page %}
      <li><a class="pagination-link" href="{{ paginator.next_page_path | prepend: site.baseurl }}">Next &raquo;</a></li>
      {% else %}
      <li><span class="pagination-link disabled">Next &raquo;</span></li>
      {% endif %}
    </ul>
  </nav>
</div>
{% endif %}