layout: default


<div class=“Container–fixed”>

<div class="Grid Grid--1of1">

  <div class="Grid-cell">
    <h3>
      {{ page.title }}
      <time class="header-date">
        {{ page.date | date: '%B %d %Y' }}
      </time>
    </h3>
  </div>

  <div class="Grid-cell pager-and-size">
    <div class="Grid sm-Grid--1of1 md-Grid--1of2">
      <ul class="Grid-cell pager">
        {% if page.previous %}
          <li><a href="{{ page.previous.url | relative_url}}">< Prev</a></li>
        {% endif %}
        {% if page.next %}
          <li><a href="{{ page.next.url | relative_url}}">Next ></a></li>
        {% endif %}
      </ul>

      <ul class="Grid-cell size-buttons">
        Zoom -
        <li><a href="#width-100">100%</a></li> &middot;
        <li><a href="#width-75">75%</a></li> &middot;
        <li><a href="#width-50">50%</a></li>
      </ul>
    </div>
  </div>

  <div class="Grid-cell">
    <img id="width-50" src="{{ site.base_image_dir | relative_url }}pages/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell main-image">

    <img id="width-75" src="{{ site.base_image_dir | relative_url }}pages/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell main-image">

    <img id="width-100" src="{{ site.base_image_dir | relative_url }}pages/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell main-image">
  </div>

  <ul class="Grid-cell pager">
    {% if page.previous %}
      <li class="pager-previous">
        <a href="{{ page.previous.url | relative_url}}">< Prev</a>
      </li>
    {% endif %}
    {% if page.next %}
      <li class="pager-next">
        <a href="{{ page.next.url | relative_url}}">Next ></a>
      </li>
    {% endif %}
  </ul>
</div>

{{ content }}

{% include comments.html %}

</div>