index.html

---
layout: default
---
{% for post in paginator.posts %}
{% if 1 == forloop.index %}
{% if 1 == paginator.page %}
                <div class="phalcon-blog__last-article">
                    <div class="phalcon-blog__item">
                        <div class="phalcon-blog__item-content">
                            <div class="phalcon-blog__item-title">
                                <a href="{{ post.url }}">{{ post.title }}</a>
                            </div>
                            <div class="phalcon-blog__item-info">
                                <div class="phalcon-blog__item-date">
                                    {{ post.date | date: "%b %d, %Y" }}
                                </div>
                                <div class="phalcon-blog__item-author">
                                    Phalcon Team
                                </div>
                            </div>
                            <div class="phalcon-blog__item-article">
                                {{ post.excerpt }}
                            </div>
                            <a href="{{ post.url }}"
                               class="phalcon-blog__item-read-more">Read More</a>
                        </div>
                        <a href="{{ post.url }}" class="phalcon-blog__item-img">
                            {% assign image = '/assets/projects/' | append: post.stub | append: '/' | append: post.meta.image %}
                            <img src="{{ image }}" alt="{{ post.title }}">
                        </a>
                    </div>
                </div>
                <div class="phalcon-blog__main-title">
                    LATEST POSTS
                </div>
{% endif %}
                <div class="phalcon-blog__items">
{% else %}
                    <div class="phalcon-blog__item">
                        <div class="phalcon-blog__item-content">
                            <div class="phalcon-blog__item-title">
                                <a href="{{ post.url }}">{{ post.title }}</a>
                            </div>
                            <div class="phalcon-blog__item-info">
                                <div class="phalcon-blog__item-date">
                                    {{ post.date | date: "%b %d, %Y" }}
                                </div>
                                <div class="phalcon-blog__item-author">
                                    Phalcon Team
                                </div>
                            </div>
                            <div class="phalcon-blog__item-article">
                                {{ post.excerpt }}
                            </div>
                            <a href="{{ post.url }}"
                               class="phalcon-blog__item-read-more">Read More</a>
                        </div>
                        <a href="{{ post.url }}" class="phalcon-blog__item-img">
                            {% assign image = '/assets/projects/' | append: post.stub | append: '/' | append: post.meta.image %}
                            <img src="{{ image }}" alt="{{ post.title }}">
                        </a>
                    </div>
{% endif %}
{% endfor %}
                </div>
                  <div class="pagination">
                    {% if paginator.previous_page %}
                    <a href="{{ paginator.previous_page_path }}" class="previous">
                      Previous
                    </a>
                    {% else %}
                    <span class="previous">Previous</span>
                    {% endif %}
                    <span class="page_number ">
                      Page: {{ paginator.page }} of {{ paginator.total_pages }}
                    </span>
                    {% if paginator.next_page %}
                    <a href="{{ paginator.next_page_path }}" class="next">Next</a>
                    {% else %}
                    <span class="next ">Next</span>
                    {% endif %}
                  </div>