index.html

---
layout: default
title: Home
page-class: page--home
---
    
<h1 class="accessibility">CSS Wizardry &ndash; CSS, OOCSS, front-end architecture, performance and more&hellip;</h1>

<section class="posts">
    <ul class="block-list">
        {% for post in paginator.posts %}
        <li>
            <span class="post__time">{{ post.date | date: "%d %B, %Y" }}</span>
            <h2 class="post__title"><a href="{{ post.url }}">{{ post.title }}</a></h2>
        </li>
        {% endfor %}
    </ul>
</section>

<ol class="nav  pagination">
    <li class="pagination__prev">
        {% if paginator.previous_page %}
        {% if paginator.previous_page == 1 %}
            <a href="/">Previous</a>
        {% else %}
            <a href="/page{{paginator.previous_page}}">Previous</a>
        {% endif %}
        {% else %}
            Previous
        {% endif %}
    </li><!--
    
 --><li class="pagination__next">
        {% if paginator.next_page %}
            <a href="/page{{paginator.next_page}}">Next</a>
        {% else %}
            Next
        {% endif %}
    </li>
</ol>