{% include "header.html" %}
{% include "partials/nav.html" %}
{% include "partials/search.html" %}
<main id="main" class="blog">
  <div class="wrap blog-inner">
    <a class="blog-back" href="{{ base_url }}{{ lang_prefix }}/blog/">
      <svg class="ic" aria-hidden="true"><use href="#i-arrow-left"/></svg>
      {{ "blog.back" | t }}
    </a>

    <article class="blog-post">
      <header class="blog-post-head">
        <time class="post-date" datetime="{{ page.date }}">{{ page.date }}</time>
        <h1 class="blog-post-title">{{ page.title }}</h1>
        {% if page.description %}<p class="blog-post-lede">{{ page.description }}</p>{% endif %}
        {% if page.tags %}
        <div class="post-tags">
          {% for tag in page.tags %}<code>{{ tag }}</code>{% endfor %}
        </div>
        {% endif %}

        {% if page.authors %}
        <ul class="author-row">
          {% for slug in page.authors %}
          {% set author = site.data.authors[slug] %}
          <li class="author-chip">
            {% if author and author.image %}
            <img class="author-avatar" src="{{ author.image }}" alt="{{ author.name | default(slug) }}" width="40" height="40" loading="lazy" decoding="async">
            {% endif %}
            <span class="author-chip-info">
              {# The profile is emitted per language (/authors/<slug>/ and
                 /ko/authors/<slug>/), so keep the reader in theirs. #}
              <a class="author-name" href="{{ base_url }}{{ lang_prefix }}/authors/{{ slug }}/">{{ author.name | default(slug) }}</a>
              {% if author and author.role %}<span class="author-role">{{ author.role }}</span>{% endif %}
            </span>
            {% if author and author.links %}
            {% set link = author.links[0] %}
            <a class="author-link" href="{{ link.url }}" target="_blank" rel="noopener noreferrer">
              {% include "partials/author-link-icon.html" %}
              <span>{% if link.label %}{{ link.label }}{% elif link.handle %}@{{ link.handle }}{% else %}{{ link.kind }}{% endif %}</span>
            </a>
            {% endif %}
          </li>
          {% endfor %}
        </ul>
        {% endif %}
      </header>

      <div class="prose blog-post-body">
        {{ content }}
      </div>
    </article>
  </div>
</main>
{% include "partials/site-footer.html" %}
{% include "partials/scripts.html" %}
</body>
</html>