{% extends "base.html" %}
{% block body %}
{% if this.parent._id == 'blog' %}
<article class="blog-post-layout shell">
  <header class="blog-entry-header">
    <p class="eyebrow">{{ this.kicker }}</p>
    <h1>{{ this.title }}</h1>
    <p class="dek">{{ this.summary }}</p>
  </header>

  <aside class="post-info" aria-label="Post information">
    <p class="post-info-title">Post information</p>
    <dl>
      <div class="post-info-row">
        <dt>Author</dt>
        <dd>{{ this.author }}</dd>
      </div>
      <div class="post-info-row">
        <dt>Published</dt>
        <dd><time datetime="{{ this.date }}">{{ this.date|dateformat('long') }}</time></dd>
      </div>
      <div class="post-info-row">
        <dt>Tags</dt>
        <dd class="post-tags">
          {% for tag in this.tags %}<span>{{ tag }}</span>{% endfor %}
        </dd>
      </div>
    </dl>
  </aside>

  <div class="blog-entry-body prose">
    {{ this.body }}
    {% if this.external_url %}<p><a class="button-link" href="{{ this.external_url }}">Visit project →</a></p>{% endif %}
  </div>
</article>
{% else %}
<article>
  <header class="hero compact entry-hero">
    <div class="shell narrow">
      <p class="eyebrow">{{ this.kicker }} — {{ this.date|dateformat('YYYY.MM.dd') }}</p>
      <h1>{{ this.title }}</h1>
      <p class="dek">{{ this.summary }}</p>
    </div>
  </header>
  <section class="content-section">
    <div class="shell prose">
      {{ this.body }}
      {% if this.external_url %}<p><a class="button-link" href="{{ this.external_url }}">Visit project →</a></p>{% endif %}
    </div>
  </section>
</article>
{% endif %}
{% endblock %}