---
layout: page
css: ["index.css"]
permalink: /
---

<div class="row">

  <h1>Splice Results</h1>

  <div>
    {% include search_form.html %}
  </div>

  <div>{% include overview.html %}</div>

  <h2>Results</h2>
  <hr>

  <h5>Packages</h5>
  <div class="thi-columns">
    <ul class="tag-post">
    {% for result in site.results %}
      <a class="post-title" href="{{ site.baseurl }}{{ result.url }}">
        <li>
          {{ result.title }} 
        </li>
      </a>
    {% endfor %}
    </ul>
  </div>

  <div class="col s12 center-align">
    <ul class="pagination">
      <li class="{% unless paginator.previous_page %}disabled{% else %}waves-effect{% endunless %}">
      {% if paginator.previous_page %}
      {% if paginator.previous_page == 1 %}
      <a href="{{site.baseurl}}/">
      {% else %}
      <a href="{{site.baseurl}}/page{{paginator.previous_page}}">
      {% endif %}
      {% else %}
      <a href="#!">
      {% endif %}
        <i class="material-icons">chevron_left</i>
      </a>
      </li>
      {% if paginator.page == 1 %}
      <li class="active teal">
        <a href="#!">1</a>
      {% else %}
      <li class="waves-effect">
        <a href="{{site.baseurl}}/">1</a>
      {% endif %}
      </li>
      {% for count in (2..paginator.total_pages) %}
      {% if count == paginator.page %}
      <li class="active teal"><a href="#!">{{count}}</a></li>
      {% else %}
      <li class="waves-effect"><a href="{{site.baseurl}}/page{{count}}">{{count}}</a></li>
      {% endif %}
      {% endfor %}
      <li class="{% unless paginator.next_page %}disabled{% else %}waves-effect{% endunless %}">
      {% if paginator.next_page %}
      <a href="{{site.baseurl}}/page{{paginator.next_page}}">
      {% else %}
      <a href="#!">
      {% endif %}
        <i class="material-icons">chevron_right</i>
      </a>
      </li>
    </ul>
  </div>
</div>
