<section class="header">
  <h1 class="title">{{title}}</h1>
  <aside class="subtitle">
    <time datetime="{{date_iso_8601}}">{{date}}</time> | by {{author}} | <a href="/archive.html" class="archive-link">archive</a>
  </aside>
</section>
{{#if left}}
<div class="left">
  {{#each left}}
  <figure>
    <a href="#{{url}}">
      <img src="{{url}}" class="full-width" alt="screenshot: {{desc}}">
    </a>
    <figcaption {{#if class}}class="{{class}}"{{/if}}><a href="{{url}}">{{desc}}</a></figcaption>
  </figure>
  <figure class="lightbox-target" id="{{url}}">
    <a class="lightbox-close" href="#"> <img src="{{url}}"></a>
    <figcaption>{{desc}}</figcaption>
  </figure>
  {{/each}}
</div>
{{/if}}
<article>
  {{ include body }}
  {{#if updates}}
  <p>Updates:</p>
  <ul>
    {{#each updates}}
    <li><time datetime="{{date}}">{{date}}</time> - {{content}}</li>
    {{/each}}
  </ul>
  {{/if}}
</article>
{{#if right }}
<div class="right">
  {{#each right }}
  <figure>
    <a href="#{{url}}">
      <img src="{{url}}" class="full-width" alt="screenshot: {{desc}}">
    </a>
    <figcaption {{#if class}}class="{{class}}"{{/if}}><a href="{{url}}">{{desc}}</a></figcaption>
  </figure>
  <figure class="lightbox-target" id="{{url}}">
    <a class="lightbox-close" href="#"> <img src="{{url}}"></a>
    <figcaption>{{desc}}</figcaption>
  </figure>
  {{/each}}
</div>
{{/if}}
