index.html

---
layout: default
title: Zephir Language Blog
description: Zephir is an open source, high-level/domain specific language designed to ease the creation and maintainability of extensions for PHP, with a focus on type and memory safety.
featured_image: /images/demo/demo-portrait.jpg
---

<div class="blog single">

    <div class="wrap">

        {% for post in paginator.posts %}

        <article class="blog-post">

            <div class="blog-post__header">
                <h2 class="blog-post__title"><a href="{{ post.url }}">{{ post.title }}</a></h2>
                <p class="blog-post__subtitle">{{ post.date | date_to_long_string }}</p>
            </div>

            {% if post.featured_image %}
            <a href="{{ post.url }}" class="blog-post__image"
               style="background-image: url({{ post.featured_image  }});"></a>
            {% endif %}

            <div class="blog-post__content">
                {{ post.excerpt }}
                <p>
                    <a href="{{ post.url }}" class="button">Read More</a>
                </p>
            </div>

        </article>

        {% endfor %}

    </div>

</div>

{% if paginator.total_pages > 1 %}

<div class="pagination">

    {% if paginator.previous_page %}
    <div class="pagination__prev">
        <a href="{{ paginator.previous_page_path | prepend: site.baseurl }}"
           class="button button--large">
            <i class="fa fa-angle-left" aria-hidden="true"></i> <span>Newer Posts</span>
        </a>
    </div>
    {% endif %}
    {% if paginator.next_page %}
    <div class="pagination__next">
        <a href="{{ paginator.next_page_path | prepend: site.baseurl }}"
           class="button button--large">
            <span>Older Posts</span> <i class="fa fa-angle-right" aria-hidden="true"></i>
        </a>
    </div>
    {% endif %}

</div>

{% endif %}