<div class="list-item">

    <div class="list-blog-header">
        {% if big_header %}
            {{ page.media.images|first.cropResize(900,600).html }}
        {% else %}
            {{ page.media.images|first.cropZoom(900,300).html }}
        {% endif %}

        {% if page.header.link %}
            <h4>
                {% if page.header.continue_link is not sameas(false) %}
                <a href="{{ page.url }}"><i class="fa fa-angle-double-right"></i></a>
                {% endif %}
                <a href="{{ page.header.link }}">{{ page.title }}</a>
            </h4>
        {% else %}
            <h4><a href="{{ page.url }}">{{ page.title }}</a></h4>
        {% endif %}

        <span class="list-blog-date">
            <i class="fa fa-calendar"></i>
            {{ page.date|date("d") }}, {{ page.date|date("M") }}
        </span>
        
        {% if page.header.author %}
        <span class="list-blog-author">
            <i class="fa fa-user"></i>
            {{ page.header.author }}
        </span>
        {% endif %}
       
       {% if page.taxonomy.tag %}
        <ul class="tags">
            <i class="fa fa-tag"></i>
            {% for tag in page.taxonomy.tag %}
            <li><a href="{{ base_url }}/tag:{{ tag }}">{{ tag }}</a></li>
            {% endfor %}
        </ul>
        {% endif %}
        
    </div>

    <div class="list-blog-padding">

    {% if page.header.continue_link is sameas(false) %}
        <p>{{ page.content }}</p>
        {% if not truncate %}
        {% set show_prev_next = true %}
        {% endif %}
    {% elseif truncate and page.summary != page.content %}
        <p>{{ page.summary }}</p>
        <p><a href="{{ page.url }}">Continue Reading...</a></p>
    {% elseif truncate %}
        <p>{{ page.content|truncate(550) }}</p>
        <p><a href="{{ page.url }}">Continue Reading...</a></p>
    {% else %}
        <p>{{ page.content }}</p>
        {% set show_prev_next = true %}
    {% endif %}

    {% if show_prev_next %}

        <p class="prev-next">
            {% if not page.isFirst %}
                <a class="button" href="{{ page.nextSibling.url }}"><i class="fa fa-chevron-left"></i> Next Post</a>
            {% endif %}

            {% if not page.isLast %}
                <a class="button" href="{{ page.prevSibling.url }}">Previous Post <i class="fa fa-chevron-right"></i></a>
            {% endif %}
        </p>
    {% endif %}

    </div>
</div>
