index.html

---
layout: default
background: #EFEFEF
order: 1
---
{% if paginator.page == 1 %}
  <div id="background" class="frontpage"></div>
{% else %}
  <div id="background" class="archive"></div>
{% endif %}
<main id="index">
  {% if paginator.page == 1 %}
    {% for post in paginator.posts limit:1 %}
    <article class="large">
      {% include large_post.html %}
    </article>
    {% endfor %}
    {% for post in paginator.posts offset:1 limit:9 %}
    <article class="small">
      {% include small_post.html %}
    </article>
    {% endfor %}
  {% else %}
    {% for post in paginator.posts limit:10 %}
    <article class="small">
      {% include small_post.html %}
    </article>
    {% endfor %}
  {% endif %}

  {% if paginator.total_pages > 1 %}
  <div id="pagination">
    <ul>
    {% if paginator.previous_page %}
    <li class="prev">
      <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&lt;</a>
    </li>
    {% else %}
    <li class="inactive prev">
      <span>&lt;</span>
    </li>
    {% endif %}

    {% for page in (1..paginator.total_pages) %}
      {% if page == paginator.page %}
      <li class="inactive">
        <span>{{ page }}</span>
      </li>
      {% elsif page == 1 %}
      <li>
        <a href="{{ site.baseurl }}/">{{ page }}</a>
      </li>
      {% else %}
      <li>
        <a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a>
      </li>
      {% endif %}
    {% endfor %}

    {% if paginator.next_page %}
    <li class="next">
      <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">&gt;</a>
    </li>
    {% else %}
    <li class="inactive next">
      <span>&gt;</span>
    <li>
    {% endif %}
  </div>
  {% endif %}
</main>