---
layout: default
---
{% assign license = site.posts | find: 'layout', 'license' %}

{%- assign posts = site.posts | where: 'layout', 'post' | sort: 'date'-%}

{% assign prev = page | prev: posts %}
{% assign next = page | next: posts %}

<article class="h-entry mw-content m-auto container pt-5" itemscope itemtype="http://schema.org/Article">
  <header>
    {% render 'sutty/title.html', 
      title: page.title, 
      description: page.description, 
      class: 'text-primary'
    %}
    {%- if page.image.path -%}
      <picture>
        {% for size in site.images.sizes %}
          <source srcset="{{ page.image.path | thumbnail: size }}" media="(max-width: {{ size }}px)">
        {% endfor %}

        <img class="img-fluid" src="{{ page.image.path | thumbnail: 1140 }}" alt="{{ page.image.description }}">
      </picture>
    {%- endif -%}

    <p>
      {%- for author in page.author -%}
        •
        <span itemprop="author" itemscope itemtype="http://schema.org/Person">
          <span class="p-author h-card" itemprop="name">
            {{ author | default: '' | escape }}
          </span>
        </span>
      {%- endfor -%}
    </p>
  </header>

  <div class="e-content content" itemprop="articleBody">
    {{ content }}
  </div>

  <footer>
    <a class="u-url" itemprop="url" href="{{ page.url }}" hidden>
      {{ site.url -}}
      {{- page.url }}
    </a>

    {%- if page.uuid -%}
      <span hidden itemprop="identifier">{{ page.uuid }}</span>
    {%- endif -%}

    {%- if license -%}
      <p itemprop="license" itemtype="http://schema.org/CreativeWork">
        <a rel="license" itemprop="url" href="{{ license.url }}">
          <span itemprop="articleBody">
            {{ license.description }}
          </span>
        </a>
      </p>
    {%- endif -%}

    {%- if page.tags %}
      <span itemprop="keywords" hidden>{{ page.tags | join: ', ' }}</span>
      {%- for tag in page.tags -%}
        <span hidden class="h-category">{{ tag }}</span>
      {%- endfor -%}
    {%- endif -%}
    <div class="d-flex justify-content-center my-3 pt-5">
      <a class="btn btn-white pl-2 pr-md-5 mr-2 w-50 text-right border-primary border rounded-3 me-1 {{ prev | blank | value_if: 'invisible' }}" href="{{ prev.url }}">
        <p class="f-14 black border-bottom border-primary">{{ site.i18n.previous }}</p>
        <p class="text-uppercase f-13 black">
          {{ prev.title }}
        </p>
      </a>

      <a class="btn btn-white pr-2 pl-md-5 w-50 text-left border-primary border rounded-3 ms-1 {{ next | blank | value_if: 'invisible' }}" href="{{ next.url }}">
        <p class="f-14 black border-bottom border-primary">{{ site.i18n.next }}</p>
        <p class="text-uppercase f-13 black">
          {{ next.title }}
        </p>
      </a>
    </div>
  </footer>
</article>