---
layout: default
---

<style>
    h2 {margin-bottom: 3px;}
    ul.pager { text-align: center; list-style: none; }
    ul.pager li {display: inline; padding: 10px; margin: 5px; border: solid 1px #e3e3e3; }
    ul.pager li:hover { text-decoration: none; border: solid 1px #929292; }
    ul.pager a:hover { text-decoration: none; }
    ul.pager li.pager-active { background-color: white; border: solid 1px #929292; }
</style>

<div class="home">
  <h1 class="page-heading">
      Posts
  </h1>
  
  {{ content }}

  <ul class="post-list">
    {% comment %}
        Here is the main paginator logic called.
        All calls to site.posts should be replaced by paginator.posts 
    {% endcomment %}

    {% for post in paginator.posts %}
      <li>
        <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>

        <h2>
          <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
        </h2>
		
        <span class="post-meta">{% if post.synopsis %}{{ post.synopsis }}{% endif %}</span>
      </li>
    {% endfor %}
  </ul>
  
  {% comment %}
    Showing buttons to move to the next and to the previous list of posts (pager buttons).

    Some legacy code (might be useful):
    {% if paginator.total_pages > 1 %}
      <ul class="pager">
          {% if paginator.previous_page %}
          <li class="previous">
              <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr; Newer Posts</a>
          </li>
          {% endif %}
          {% if paginator.next_page %}
          <li class="next">
              <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Older Posts &rarr;</a>
          </li>
          {% endif %}
      </ul>
      {% endif %}
  {% endcomment %}


  {% if paginator.page_trail %}
  <ul class="pager" style="margin-top: 60px;">
      {% if paginator.previous_page %}
      <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">
          <li class="previous">&laquo;</li>
      </a>
      {% endif %}

      {% for trail in paginator.page_trail %}
      <a href="{{ trail.path | prepend: site.baseurl }}" title="{{trail.title}}">
          <li {% if page.url == trail.path %}class="pager-active"{% endif %}>{{ trail.num | replace: " ", "" }}</li>
      </a>
      {% endfor %}

      {% if paginator.next_page %}
      <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">
        <li class="next">&raquo;</li>
      </a>
      {% endif %}
  </ul>
  {% endif %}

  <p class="rss-subscribe" style="float: right; font-size: smaller;">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
</div>