index.html

---
layout: page
title: My website
subtitle: This is where I will tell my friends way too much about me
use-site-title: true
---
<script src="/js/jquery-1.11.2.min.js"></script>

<h2>Latest news</h2>
<div class="posts-list">
  {% for news in site.news reversed %}
  <article class="post-preview">
    <a href="{{ news.url | relative_url }}">
      <h3 class="post-title">{{ news.title }}</h3>
      <p class="post-meta">
        Posted on {{ news.date | date: site.date_format }}
      </p>
    </a>
  </article>
  {% endfor %}
</div>

<hr/>

<h2>Upcoming events</h2>
<div class="posts-list">
  {% assign events = site.events | sort: 'start_date' %}
  {% for event in events %}
    <article class="post-preview event" data-start-date="{{ event.start_date }}" style="display: none">
      <a href="{{ event.url | relative_url }}">
        <h3 class="post-title">{{ event.title }}</h3>
        <p class="post-meta">
          At {{ event.start_date | date: site.date_format }}
        </p>
      </a>
    </article>
  {% endfor %}
</div>

<script type="application/javascript">
  $( document ).ready(function() {
    $('article.event').filter(function (){
      return (new Date($(this).data('start-date')) >= new Date());
    }).show();
  });
</script>

<div class="posts-list">
  {% for post in paginator.posts %}
  <article class="post-preview">
    <a href="{{ post.url | relative_url }}">
	  <h2 class="post-title">{{ post.title }}</h2>

	  {% if post.subtitle %}
	  <h3 class="post-subtitle">
	    {{ post.subtitle }}
	  </h3>
	  {% endif %}
    </a>

    <p class="post-meta">
      Posted on {{ post.date | date: site.date_format }}
    </p>

    <div class="post-entry-container">
      {% if post.image %}
      <div class="post-image">
        <a href="{{ post.url | relative_url }}">
          <img src="{{ post.image | relative_url }}">
        </a>
      </div>
      {% endif %}
      <div class="post-entry">
        {{ post.excerpt | strip_html | xml_escape | truncatewords: site.excerpt_length }}
        {% assign excerpt_word_count = post.excerpt | number_of_words %}
        {% if post.content != post.excerpt or excerpt_word_count > site.excerpt_length %}
          <a href="{{ post.url | relative_url }}" class="post-read-more">[Read&nbsp;More]</a>
        {% endif %}
      </div>
    </div>

    {% if post.tags.size > 0 %}
    <div class="blog-tags">
      Tags:
      {% if site.link-tags %}
      {% for tag in post.tags %}
      <a href="{{ '/tags' | relative_url }}#{{- tag -}}">{{- tag -}}</a>
      {% endfor %}
      {% else %}
        {{ post.tags | join: ", " }}
      {% endif %}
    </div>
    {% endif %}

   </article>
  {% endfor %}
</div>

{% if paginator.total_pages > 1 %}
<ul class="pager main-pager">
  {% if paginator.previous_page %}
  <li class="previous">
    <a href="{{ paginator.previous_page_path | relative_url }}">&larr; Newer Posts</a>
  </li>
  {% endif %}
  {% if paginator.next_page %}
  <li class="next">
    <a href="{{ paginator.next_page_path | relative_url }}">Older Posts &rarr;</a>
  </li>
  {% endif %}
</ul>
{% endif %}