{% set taxonomy_kind = "authors_index" %}
{% set meta_title = "authors.title" | t %}
{% set meta_description = "authors.description" | t %}
{% 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>

    <header class="blog-head">
      <h1 class="blog-title">{{ "authors.title" | t }}</h1>
      <p class="blog-lede">{{ "authors.lede" | t }}</p>
    </header>

    {# Iterate the data-file registry (every declared author) rather than
       site.authors (only authors with at least one post), so team members
       without posts still appear. A profile page only exists once an author
       has a post, so those cards stay non-clickable.

       Profiles are emitted per language, so lang_prefix keeps the reader in
       theirs. #}
    <ul class="author-grid">
      {% for key, author in site.data.authors %}
      {% set has_posts = site.authors[key] is defined and site.authors[key] %}
      <li class="author-card">
        {% if has_posts %}<a class="author-card-inner" href="{{ base_url }}{{ lang_prefix }}/authors/{{ key }}/">{% else %}<div class="author-card-inner">{% endif %}
          {% if author.image %}
          <img class="author-avatar author-avatar-lg" src="{{ author.image }}" alt="{{ author.name | default(key) }}" width="56" height="56" loading="lazy" decoding="async">
          {% endif %}
          <div class="author-card-info">
            <span class="author-card-name">
              {{ author.name | default(key) }}
              {% if author.team %}<span class="author-badge">{{ "authors.team" | t }}</span>{% endif %}
            </span>
            {% if author.role %}<span class="author-role">{{ author.role }}</span>{% endif %}
            {% if author.bio %}<span class="author-bio">{{ author.bio }}</span>{% endif %}
          </div>
        {% if has_posts %}</a>{% else %}</div>{% endif %}
      </li>
      {% endfor %}
    </ul>
  </div>
</main>
{% include "partials/site-footer.html" %}
{% include "partials/scripts.html" %}
</body>
</html>