index.html

---
layout: default
---

<div class="header-bar" style="margin-bottom: 70px">
  <div class="title-container">
    <p class="blog-title"><a href="/">{{ site.title }}</a></p>
  </div>
</div>

<header class="blog-header" style="display: none;">
    {% if site.logo %}
      <a class="blog-logo" href="{{site.app_url}}" style="background-image: url('{{ site.logo }}')">{{ site.title }}</a>
    {% endif %}
    <h1 class="blog-title">{{ site.title }}</h1>
    <h2 class="blog-description">{{ site.description }}</h2>
    <div class="custom-links">
      {% for social in site.social %}
        {% if social.url %}
            <a class="icon-{{ social.icon }}" href="{{ social.url }}" {% if social.desc %} title="{{ social.desc }}"{% endif %}">
              <i class="fa fa-{{ social.icon }}"></i>
            </a>
        {% endif %}
      {% endfor %}
    </div>
</header>

<main class="content" role="main">

    <div class="cf frame">
      {% for post in paginator.posts %}
        {% if post.pinned %}
          <article class="post pinned" itemscope itemtype="http://schema.org/BlogPosting" role="article">
            <p class="pinned-label">Pinned</p>
            <div class="article-item">

              {% assign author = site.data.authors[post.author] %}
              <section class="author">
                <div class="author-image" style="background-image: url({{ author.image }})">author</div>
                <div class="author-name">{{ author.name }}</div>
                <div class="post-meta">
                  <time datetime="{{ post.date | date: "%F %R" }}">{{ post.date | date: "%b %-d, %Y" }}</time>
                </div>
              </section>

              <header class="post-header">
                <h2 class="post-title" itemprop="name"><a href="{{ post.url }}" itemprop="url">{{ post.title }}</a></h2>
                <h3 class="post-subtitle">{{ post.subtitle }}</h3>
              </header>
              <section class="post-excerpt" itemprop="description">
                <p>{{ post.excerpt | truncatewords: 50 }}</p>
              </section>
              <a class="read-more" href="{{ post.url }}">Read more...</a>
            </div>
          </article>
        {% endif %}
      {% endfor %}


      {% for post in paginator.posts %}
        {% if post.pinned or post.unlisted %}
        {% else %}
          <article class="post" itemscope itemtype="http://schema.org/BlogPosting" role="article">
            <div class="article-item">

              {% assign author = site.data.authors[post.author] %}
              <section class="author">
                <div class="author-image" style="background-image: url({{ author.image }})">author</div>
                <div class="author-name">{{ author.name }}</div>
                <div class="post-meta">
                  <time datetime="{{ post.date | date: "%F %R" }}">{{ post.date | date: "%b %-d, %Y" }}</time>
                </div>
              </section>

              <header class="post-header">
                <h2 class="post-title" itemprop="name">
                  {% if post.external_url %}
                    <a href="{{ post.external_url }}" itemprop="url" target="_blank">{{ post.title }}</a>
                  {% else %}
                    <a href="{{ post.url }}" itemprop="url">{{ post.title }}</a>
                  {% endif %}
                </h2>
                <h3 class="post-subtitle">{{ post.subtitle }}</h3>
              </header>
              <section class="post-excerpt" itemprop="description">
                <p>{{ post.excerpt | truncatewords: 50 }}</p>
              </section>
              {% if post.external_url %}
                <a class="read-more" href="{{ post.external_url }}" target="_blank">Read more...</a>
              {% else %}
                <a class="read-more" href="{{ post.url }}">Read more...</a>
              {% endif %}
            </div>
          </article>
        {% endif %}
      {% endfor %}
    </div>

    <nav class="pagination" role="navigation">
      {% if paginator.next_page %}
        <a class="newer-posts" href="/page{{paginator.next_page}}">&larr; Older posts</a>
      {% endif %}
      <span class="page-number">Page {{ paginator.page }} of {{ paginator.total_pages }}</span>
      {% if paginator.previous_page %}
        {% if paginator.page == 2 %}
          <a class="older-posts" href="/">Newer posts &rarr;</a>
        {% else %}
          <a class="older-posts" href="/page{{paginator.previous_page}}">Newer posts &rarr;</a>
        {% endif %}
      {% endif %}
    </nav>


    <!-- {{!! After all the posts, we have the previous/next pagination links }}
    {{pagination}} -->

</main>