{% load static %}
{% load slippers %}
<main id="main" data-scroll-to-top="true">
    {# List Profiles #}
    <div style="display: flex; flex-wrap: wrap; justify-content: space-between; ">
        {% for profile in profiles %}
            <article style="max-width: 12rem">
                <header>
                    <h2>
                          {{ profile.full_name }}
                    </h2>
                    <p>
                        <img src="{{ profile.avatar.url }}" alt="{{ profile.full_name }}">
                    </p>
                </header>
                <h3>Talks</h3>
                <ul>
                    {% for talk in profile.talkspeaker.all %}
                        <li>

                            {% #link action="page" value="single-talk" id=talk.id scroll-up="true" %}{{ talk.title }}{% /link %}
                        </li>
                    {% endfor %}
                </ul>
                <footer>Email: {{ profile.email }}</footer>
            </article>
        {% endfor %}
    </div>
    {# End List talks #}
</main>