index.html

---
layout: base
---
<div class="blog-cover" style="background-image:url(/images/{{ site.to.home-cover }});">
    
    <section style="background-color:rgba(0,0,0,0.7);">
        <div class="container">
            <h1>{{ site.to.title }}</h1>
            {% if site.to.subtitle %}<h3 class="">{{ site.to.subtitle }}</h3>{% endif %}
        
            {% if site.to.twitter %}
            <a href="https://twitter.com/{{ site.to.twitter }}" title="Follow on Twitter" target="_blank"><i class="icon icon-twitter"></i></a>
            {% endif %}
            {% if site.to.facebook %}
            <a href="http://facebook.com/{{ site.to.facebook }}" title="Like on Facebook" target="_blank"><i class="icon icon-facebook"></i></a>
            {% endif %}
        </div>
    </section>
</div>


<article class="container">
{% for post in paginator.posts %}
  {% unless post.draft %}
    <section class="index">
        {% if post.author.image %}<img src="/images/{{ post.author.image }}" class="avatar">{% endif %}
        <div>
            <h2 class="title"><a href="{{ post.url }}" rel="prefetch">{{ post.title }}</a></h2>
            <p>{{ post.excerpt }}</p>
            <div class="meta">
                Written By <address>{{ post.author.name }}</a> &mdash;
                <time pubdate datetime="{{ post.date | date: "%Y-%d-%B" }}" title="{{ post.date | date: "%B %d, %Y" }}">{{ post.date | date: "%B %d, %Y" }}</time>
            </div>
        </div>
        <hr>
    </section>
    {% endunless %}
    {% endfor %}
    <section class="pagination text-center">
      {% if paginator.next_page %}
        <a href="/blog/page/{{ paginator.next_page }}/" class="btn btn-outline">‹ Older</a>
      {% endif %}
      {% if paginator.previous_page %}
        {% if paginator.previous_page == 1 %}
        <a href="/" class="btn btn-outline">Newer ›</a>
        {% else %}
        <a href="/blog/page/{{ paginator.previous_page }}/" class="btn btn-outline">Newer ›</a>
        {% endif %}
      {% endif %}
    </section>
</article>