
<ul class="users w-75">
{% for user in users %}
	<li style="list-style: none">

	{% include "partial/user-card.html" %}
	</li>
{% endfor %}

{% if query.next_data_url %}

	<li style="height: 50px; vertical-align: middle"
		hx-get="{{ query.next_data_url }}"
		hx-trigger="revealed"
		hx-swap="outerHTML"
		hx-select="ul.users > li"
		>
		<center style="height: 100%">

		<span class="js-only">
		Loading more users...
		</span>

		</center>
	</li>
{% endif %}

</ul>