{% extends 'base.html.twig' %}

{% block body %}
    {% set author_pic = null %}
    {% if author.picture is defined and author.picture %}
        {% set author_pic = author.picture %}
    {% elseif author.image is defined and author.image %}
        {% set author_pic = author.image %}
    {% endif %}
    {% set author_label = author.display_name|default(author.name|default(npub|shortenNpub)) %}

    <div class="author-profile">
        {% if author_pic %}
            <div class="author-profile__avatar">
                <img src="{{ author_pic }}" alt="{{ author_label }}" loading="lazy" decoding="async" onerror="this.parentElement.remove()" />
            </div>
        {% endif %}

        <h1 class="author-profile__title"><twig:Atoms:NameOrNpub :author="author" :npub="npub"></twig:Atoms:NameOrNpub></h1>
        <div class="author-profile__about">
            {% if author.about is defined %}
                {{ author.about|markdown_to_html|mentionify|linkify  }}
            {% endif %}
        </div>

        <hr class="author-profile__divider" />

        <twig:Organisms:CardList :list="articles" class="article-list"></twig:Organisms:CardList>
    </div>
{% endblock %}

{% block aside %}
{% endblock %}