index.html

---
layout: default
title: Blog | Elizabeth Chesters
header: Welcome to my blog
image: /images/blog-header.jpg
summary: A User Experience consultant. Read here about my research, tech adventures and advice for budding developers and UX-ers
---
{% include _components/banner.html %}

<div class="col-xs-12 add-padding top bg-white">
  <div class="col-xs-12 col-lg-8 position central add-padding top">
    <div class="row">
      <div class="portfolio-items">
        {% for post in paginator.posts %}
          {% assign mod2 = forloop.index | modulo: 2 %}
          {% assign mod3 = forloop.index | modulo: 3 %}
            <div class="col-md-4 col-sm-6 portfolio-item">
              <a href="{{ post.url }}" class="portfolio-link" data-toggle="modal">
                <div class="portfolio-hover">
                  <div class="portfolio-hover-content">
                    <i class="fa fa-eye" aria-hidden="true"></i>
                  </div>
                </div>
                {% if post.image %}
                <div class="portfolio-img-container">
                  <img src="{{post.image}}">
                </div>
                {% endif %}
              </a>
                <div class="portfolio-caption">
                  <a href="{{ post.url }}">
                    <h4>{{ post.title }}</h4>
                    <p class="text-muted text-left">{{ post.description }}</p>
                  </a>
                  <p class="date no-margin">{{ post.date | date: "%e %B %Y" }}</p>
                </div>
            </div>
          {% if mod2 == 0 %}
            <div class="clearfix visible-sm-block"></div>
          {% endif %}
          {% if mod3 == 0 %}
            <div class="clearfix visible-md-block visible-lg-block"></div>
          {% endif %}
        {% endfor %}
      </div>
    </div>

    <div class="col-xs-12 text-center">
      <div class="pagination">
        {% if paginator.previous_page %}
          <a href="{{ paginator.previous_page_path }}" class="previous">Previous</a>
        {% else %}
          <span class="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"></span>
        {% endif %}
      </div>
    </div>
  </div>
</div>