safing-web/blog/index.html

---
layout: page_column
title: "Blog"
heading: "Blog"
subheading: "Announcements and things we'd like to share"
---

<div class="post-list">
  {% for post in site.posts limit:10 %}
    <div class="post">
      {% include page_divider.html %}

      <h3 class="padding-top-20"><a href="{{ site.base_url }}{{ post.url | replace_first: '/', '' }}" class="stealth-href">{{ post.title }}</a></h3>
      <div class="date">
        <a href="{{ site.base_url }}blog/all/#{{ post.date | date: "%Y" }}" class="stealth-href">{{ post.date | date: "%-d %b %Y" }}</a>
      </div>
      <div class="tags">
        {% for tag in post.tags %}
          <a href="{{ site.base_url }}blog/tags/#{{ tag }}" class="stealth-href"><i class="fa fa-tag fa-flip-horizontal"></i> {{ tag }}</a>
        {% endfor %}
      </div>

      <div class="content padding-top-20">
        {{ post.excerpt }}

        {% capture content_words %}
          {{ post.content | number_of_words }}
        {% endcapture %}
        {% capture excerpt_words %}
          {{ post.excerpt | number_of_words }}
        {% endcapture %}
        {% if excerpt_words != content_words %}
          <p>
            <a href="{{ site.base_url }}{{ post.url | replace_first: '/', '' }}#continue" class="pull-right">continue reading <i class="fa fa-arrow-right main-color-l1"></i></a>
          </p>
        {% endif %}
      </div>

    </div>
  {% endfor %}
</div>

<nav class="pagination" role="navigation">
  <p>
    {% if paginator.next_page %}
      <a class="newer-posts" href="{{ site.base_url }}blog/page{{paginator.next_page}}">
        <span class="fa-stack fa-lg">
          <i class="fa fa-square fa-stack-2x"></i>
          <i class="fa fa-angle-double-left fa-stack-1x fa-inverse"></i>
        </span>
      </a>
    {% else %}
      <span class="fa-stack fa-lg">
        <i class="fa fa-square fa-stack-2x"></i>
        <i class="fa fa-angle-double-left fa-stack-1x fa-inverse"></i>
      </span>
    {% endif %}

    <span class="page-number">Page {{ paginator.page }} of {{ paginator.total_pages }}</span>
    {% if paginator.previous_page %}
      {% if paginator.page == 2 %}
        <a class="newer-posts" href="{% if site.base_url %}{{ site.base_url }}{% endif %}/">
          <span class="fa-stack fa-lg">
            <i class="fa fa-square fa-stack-2x"></i>
            <i class="fa fa-angle-double-right fa-stack-1x fa-inverse"></i>
          </span>
        </a>
      {% else %}
        <a class="newer-posts" href="{{ site.base_url }}blog/page{{paginator.previous_page}}">
          <span class="fa-stack fa-lg">
            <i class="fa fa-square fa-stack-2x"></i>
            <i class="fa fa-angle-double-right fa-stack-1x fa-inverse"></i>
          </span>
        </a>
      {% endif %}
    {% else %}
      <span class="fa-stack fa-lg">
        <i class="fa fa-square fa-stack-2x"></i>
        <i class="fa fa-angle-double-right fa-stack-1x fa-inverse"></i>
      </span>
    {% endif %}
  </p>
</nav>