index.html

---
layout: default
title: Jekyll Themes
---

<div class="row-fluid">
  <div class="col-lg-12 text-center">
    <div class="form-group">
      <form action="/search/" method="get">
        <input type="text" id="search_box" placeholder="Search..." name="query" class="form-control" style="width:100%">
      </form>
    </div>
  </div>
</div>

<div class="gallery">
  {% for post in paginator.posts %}
  <div class="item">
    <a class="item-inner" href="{{ post.url }}">
      <div class="item-image"><img src="/thumbnails/{{ post.thumbnail }}"></div>
      <div class="item-name">{{ post.title }}</div>
    </a>
  </div>
  {% endfor %}
</div>

<!-- Pager -->

<div class="row-fluid">
  <div class="span12">
    <div class="pagination">
      <ul>
        {% if paginator.previous_page %}

          {% if paginator.previous_page == 1 %}
            <li><a href="/">Prev</a></li>
          {% else %}
            <li><a href="/page{{ paginator.previous_page }}">Prev</a></li>
          {% endif %}

        {% else %}
          <li><span class="disabled">Prev</span></li>
        {% endif %}

        {% if paginator.page == 1 %}
          <li><span class="active">1</span></li>
        {% else %}
          <li><a href="/">1</a></li>
        {% endif %}

        {% for count in (2..paginator.total_pages) %}

          {% if count == paginator.page %}
            <li><span class="active">{{ count }}</span></li>
          {% else %}
            <li><a href="/page{{ count }}">{{ count }}</a></li>
          {% endif %}
        {% endfor %}

        {% if paginator.next_page %}
          <li><a href="/page{{ paginator.next_page }}">Next</a></li>
        {% else %}
          <li><span class="disabled">Next</span></li>
        {% endif %}
      </ul>
    </div>
  </div>
</div>