{% if content.authors %}
<div class="content-authors">
    <ul>
        {% for username in content.authors %}
            {% if username in site.authors %}
            {% set author = site.authors[username] %}
            <li class="h-card p-author">
                {% set slug = "author-" ~ username | trim | slugify %}
                {% set link = slug ~ ".html"%}
                <a href="{{url_for(path=link)}}" class="u-url">
                    <img src="{{url_for(path=author.avatar)}}" alt="{{ author.name }}" class="avatar u-photo">
                    <span class="p-name">{{ author.name }}</span>
                </a>
            </li>
            {% else %}
            {# handle the case when author is defined on content but not on config #}
            <li class="h-card p-author">
                {% set slug = "author-" ~ username | trim | slugify %}
                {% set link = slug ~ ".html"%}
                <a class="secondary u-url" href="{{url_for(path=link)}}">
                    <img src="{{url_for(path='static/avatar-placeholder.png')}}" alt="{{ username }}" class="avatar u-photo">
                    <span class="p-name">{{ username }}</span>
                </a>
            </li>
            {% endif %}
        {% endfor %}
    </ul>
</div>
{% endif %}
