index.html

---
layout: page
---

<section id="about">
  <p>{{ site.description }}</p>
</section>

<section id="posts">
  <p class="title_hr"><span>Articles</span></p>
  <ul class="posts_list">
    {% assign pinned_posts = site.posts | where_exp: "post", "post.pinned == true" %}
    {% for post in pinned_posts %}
    <li class="post_preview fixed">
      <h3><a href="{{ site.base_url }}/{{ post.url }}" class="title b_link">{% if post.icon %}<img class="icon" src="{{ site.base_url }}/assets/icons/{{ post.icon }}"> {% endif %}{{ post.title }}<i class="fa fa-thumb-tack"></i></a></h3>
      <div class="post_info">
        <time datetime="{{ post.date | date_to_string }}">{{ post.date | date_to_string }}</time>
        <ul class="post_tags">
          {% for tag in post.tags %}
          <li class="post_tag"><a href="{{ site.base_url }}/tags/#{{ tag }}">{{ tag }}</a></li>
          {% endfor %}
        </ul>
      </div>
      <p class="post_description">{{ post.description }}</p>
    </li>
    {% endfor %}

    {% for post in paginator.posts %}
    <li class="post_preview">
      <h3><a href="{{ site.base_url }}/{{ post.url }}" class="title b_link">{% if post.icon %}<img class="icon" src="{{ site.base_url }}/assets/icons/{{ post.icon }}"> {% endif %}{{ post.title }}</a></h3>
      <div class="post_info">
        <time datetime="{{ post.date | date_to_string }}">{{ post.date | date_to_string }}</time>
        <ul class="post_tags">
          {% for tag in post.tags %}
          <li class="post_tag"><a href="{{ site.base_url }}/tags/#{{ tag }}">{{ tag }}</a></li>
          {% endfor %}
        </ul>
      </div>
      <p class="post_description">{{ post.description }}</p>
    </li>
    {% endfor %}
  </ul>

  <div class="pagination">
    {% if paginator.previous_page %}
    <a href="{{ site.base_url }}/{{ paginator.previous_page_path }}" class="previous">Previous</a>
    {% else %}
    <span>Previous</span>
    {% endif %}
    <span class="page_number">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
    {% if paginator.next_page %}
      <a href="{{ site.base_url }}/{{ paginator.next_page_path }}" class="next"> Next</a>
    {% else %}
      <span >Next</span>
    {% endif %}
  </div>
</section>