index.html

---
layout: default
---

<div id="banner-wrapper">
  <div id="banner" class="box container">
    <div class="row">
      <div class="12u">
        <h1>{{site.title}}</h1>
        <p>{{site.description}}</p>
      </div>
    </div>
  </div>
</div>
<div id="features-wrapper">
  <div class="container">
    <div class="row">
      {% for post in site.posts %}
      <div class="4u 12u(medium)">
        <section class="box feature {% if forloop.first %}first{% elsif forloop.last %}last{% else %}middle{% endif %}">
          <figure class="image featured">
            <a href="{{ post.url }}" title="The Axis of Stevil Shows You: {{ post.title }}">
              <img src="{{ post.image }}" alt="The Axis of Stevil Shows You: {{ post.title }}" />
            </a>
          </figure>
          <div class="inner">
            <header>
              <h2><a href="{{ post.url }}" title="The Axis of Stevil Shows You: {{ post.title }}">The Axis of Stevil Shows You: {{ post.title }}</a></h2>
              <p>{{ post.date | date: "%b %d, %Y" }}</p>
            </header>
            <!-- {{ post.content }} -->
          </div>
        </section>
      </div>
      {% endfor %}
    </div>
  </div>
</div>