{% extends "user-profile.html" %}
{% block content %}
    <x-frame style="--width: 768px;">
        <x-hbox class="wrap homogenous">
            {% for followed in user.follows %}
                <x-frame style="flex-basis: 96px; --width: 96px;">
                    <article class="card" style="flex: 0 1 auto;">
                        <section class="card-main">
                            <a href="/{{ followed.followed.username }}">
                                <img class="avatar" src="/info/{{ followed.followed.username }}/avatar" style="width: 100%;">
                                <div class="thumbnail-marquee">
                                    <span class="inner-thumbnail-marquee" style="animation-play-state: paused;">{{ followed.followed.username }}</span>
                                </div>
                            </a>
                        </section>
                    </article>
                </x-frame>
            {% endfor %}
        </x-hbox>
    </x-frame>
{% endblock %}