index.html

---
layout: default
title: Home
permalink: /index
---
<div class="posts">
  {% for post in paginator.posts %}
  <article class="post{% if post.category != null %} {{ post.category }}{% endif %}">
    <div class="copy">
        {% if post.title != null %}
            <h2 class="post-title">
                <a href="{{ site.baseurl }}{{ post.url }}">
                    {{ post.title }}
                </a>
            </h2>
        {% endif %}
        <span>
            <div class="post-meta">
                <time datetime="{{ post.date | date_to_xmlschema }}" class="post-date">{{ post.date | date_to_string }}</time>
                &mdash;
                <a class="post-author" href="#">{{ post.author }}</a>
                {% if post.notes %}
                    &mdash;
                     <a class="post-notes" href="#">{{ post.notes }}</a>
                {% endif %}
            </div>
            {% if post.tags %}
                <small class="post-tags">
                    {% for tag in post.tags %}
                        <a href="#{{ tag }}" class="tag">{{ tag }}</a>
                    {% endfor %}
                </small>
            {% endif %}
        </span>
        <div class="copy-content">
            {{ post.content }}
        </div>
    </div>
    {% if post.images or post.videos %}
    <div class="media">
        <!-- IMAGES -->{% if post.images %}{% for image in post.images %}
        <figure>
            <a href="{{ image }}">
                <img src="{{ image }}" data-src="{{ image }}" title="{{ image }}" />
            </a>
        </figure>
        {% endfor %}{% endif %}
        <!-- VIDEOS -->{% if post.videos %}{% for video in post.videos %}
        <div class="videowrap">
            <iframe src="{{ video }}" frameborder="0" width="720" height="400" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
        </div>
        {% endfor %}{% endif %}
    </div>
    {% endif %}
  </article>
  {% endfor %}
</div>