{% extends "internal/base.html" %}

{% block title %}{{group}} authors{% endblock %}

{% block content %}
<section class="container" style="margin-top: 80px;">
    <div class="section-heading reveal">
        <h2>Authors in the <span id="category-name">{{group}}</span> group</h2>
    </div>

    <div class="post-grid">
        {% for author in authors %}
        <a class="card reveal" href="/authors/{{author.id}}">
            <div class="post-image">
                {% if author.image is not none %}
                {{author.image.html(site)}}
                {%- endif -%}
            </div>

            <div class="post-content">
                <div class="category">
                    {%- set ns = namespace(elements=[]) -%}
                    {%- for group in author.groups -%}
                    {%- set element = '<span>' ~ group ~ '</span>' -%}
                    {%- set ns.elements = ns.elements + [element] -%}
                    {%- endfor -%}
                    {{ ns.elements | join('<span style="opacity: 0.4; margin-inline: 10px;">•</span>') }}

                </div>

                <h3>{{author.name}}</h3>

                <p>{{author.bio.html(site)}}</p>
            </div>
        </a>
        {% endfor %}
    </div>
</section>
{% endblock %}