index.html

---
layout: default
title: Jonathan Mickle
---


<div class="blog-posts">

    <div class="container">
        {% for post in paginator.posts %}
        <div class="post-item">
            <div class="post-header">
               {% case post.layout %}

                    {% when 'post_simple' %}
                      {% include simple_post_header.html %}

                    {% when 'post_image' %}
                      {% include image_post_header.html %}

                    {% when 'post_video' %}
                      {% include video_post_header.html %}

                    {% when 'post_audio' %}
                      {% include audio_post_header.html %}

                    {% else %}
                      {% include simple_post_header.html %}

               {% endcase %}
            </div>
            <div class="post-body">
                <div class="meta">
                    <span class="date">{{ post.date | date_to_long_string }}</span>
                </div>
                <a href="{{site.url}}{{ post.url }}">
                    <h2 class="title">{{ post.title }}</h2>
                </a>
                <div class="content">
                    {{ post.excerpt }}
                </div> 
            </div>
            <a href="{{site.url}}{{ post.url }}" class="post-more">Read more</a>

            <ul class="post-socials">
                <li><a href="https://www.facebook.com/sharer/sharer.php?u={{site.url}}{{post.url}}&t={{post.title}}" target="_blank"><i class="fa fa-facebook"></i></a></li>
                <li><a href="https://twitter.com/intent/tweet?original_referer={{site.url}}{{page.url}}&text={{post.title}}&url={{site.url}}{{post.url}}" target="_blank"><i class="fa fa-twitter"></i></a></li>
                <li><a href="https://plus.google.com/share?url={{site.url}}{{post.url}}" target="_blank"><i class="fa fa-google-plus"></i></a></li>
            </ul>                  
        </div>
        {% endfor %}
    </div>
        
    <div id="blog-pagination">
        <ul>
            {% if paginator.previous_page %} 
            <li class="prev"><a href="{{site.url}}{{paginator.previous_page_path}}"><i class="fa fa-angle-left"></i><span>Prev</span></a></li>
            {% endif %}
            {% if paginator.previous_page or paginator.next_page%} 
            <li class="separator"></li>
            {% endif %}
             {% if paginator.next_page %}
            <li class="next"><a href="{{site.url}}{{paginator.next_page_path}}"><span>Next</span><i class="fa fa-angle-right"></i></a></li>
            {% endif %}
        </ul>
    </div>
</div>