gallery.html

---
layout: page
---

<a href="{{ page.parent.url | relative_url }}">
  {%- if page.parent.thumbnail -%}
  <img src="../{{ page.parent.thumbnail.name }}" height="72" width="72" />
  {%- endif -%}
  {{ page.parent.title }}
</a>
{% if page.pages %}
<ul>
  {%- for sub in page.pages -%}
    <li><a href="{{ sub.url | relative_url }}">
      {%- if sub.thumbnail -%}
      <img src="{{ sub.url | relative_url }}/../{{ sub.thumbnail.name }}" height="72" width="72" />
      {%- endif -%}
      {{ sub.title }}</a></li>
  {%- endfor -%}
</ul>
{%- endif -%}

{{ content }}

<div class="gallery" itemscope itemtype="http://schema.org/ImageGallery">
  {%- for image in page.images -%}
  <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
    <a href="{{ image.name }}" itemprop="contentUrl" data-size="{{ image.width }}x{{ image.height }}">
        <img src="{{ image.name }}_thumb.jpg" itemprop="thumbnail" height="150" width="150" />
    </a>
    <!-- <figcaption itemprop="caption description">Image caption</figcaption> -->
  </figure>
{%- endfor -%}
</div>