layout: default


{% include _reading-time.html %}

<article class=“article”>

{% include _breadcrumbs.html %}

<header class="article-header">
  <h2 class="article-header__title">{{ page.title }}</h2>

  <ul class="article-header__meta">
    <li class="article-header__info article-header__info--date">
      {{ page.date | date_to_string }}
    </li>

    <li class="article-header__info article-header__info--reading-time">
      {{ reading_time }}
    </li>

    {% for category in page.categories %}
      <li class="article-header__info article-header__info--category">
        <a class="article-header__link" href="{{ site.url }}/category/{{ category }}">
          {{ category }}
        </a>
      </li>
    {% endfor %}
  </ul>
</header>

<main class="article__content">
  {% if page.banner %}
    <img class="article__banner" src="{{ page.banner }}">
  {% endif %}

  {{ content }}
</main>

{% if page.external-link %}
  <footer class="article-footer">
    <section class="external-article">
      <a class="external-article__link" href="{{ page.external-link }}"
        target="_blank">
        <p class="external-article__info">
          {{ site.data.i18n[site.locale].external_publication | default: 'this article was also published in' }}
          <span class="external-article__source">{{ page.external-source }}</span>
        </p>
        <p class="external-article__title">{{ page.title }}</p>
      </a>
    </section>
  </footer>
{% endif %}

</article>