<!DOCTYPE html> <html>
{% include head.html %}
<body class=“ajax-loading” data-site-url=“{{ page.url }}/{{ page.baseurl }}” data-page-url=“{{ page.url | relative_url }}”>
{% include header.html %} {% include loader.html %} <div class="page"> <div class="page__content" data-page-title="{{ page.title }}" data-image="{{ site.baseurl }}/{{ page.image | relative}}"> <section 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_string: "ordinal" }}</p> </div> <a href="{{ post.url | relative_url }}" class="blog-post__image" style="background-image: url({{ site.baseurl }}/{{ post.image }})"></a> <div class="blog-post__content"> <p>{{ post.description }}</p> <p><a href="{{ post.url | relative_url }}" class="button">Read More</a> </p> </div> </article> {% endfor %} </div> </section> <section class="pagination"> {% if paginator.previous_page %} <div class="pagination__prev previous"> <a href="{{ paginator.previous_page_path | relative_url }}" class="button button--large cc-active"><svg class="svg-inline--fa fa-angle-left fa-w-8" aria-hidden="true" data-prefix="fa" data-icon="angle-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"></path></svg><!-- <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 next"> <a href="{{ paginator.next_page_path | relative_url }}" class="button button--large"><svg class="svg-inline--fa fa-angle-right fa-w-8" aria-hidden="true" data-prefix="fa" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg><!-- <i class="fa fa-angle-right" aria-hidden="true"></i> --><span>Older Posts</span></a> </div> {% endif %} </section> </div> </div>
</body>
</html>