24 lines
940 B
HTML
24 lines
940 B
HTML
{% extends "base.html" %}
|
|
{% block title %}Contacts List{% endblock %}
|
|
{% block content %}
|
|
<h1 id="title"
|
|
class="inline-block px-4 pb-0 mx-auto mb-0 text-center text-6xl sm:text-8xl font-thin text-transparent bg-clip-text bg-gradient-to-r from-terminal-600 via-terminal-500 to-terminal-900 ring-red-700 text-shadow-xl text-shadow-zinc-950 ring-5 leading-none">
|
|
HTMX PATTERNS - INFINITE
|
|
</h1>
|
|
|
|
<p class='text-3xl px-2 mt-0 mb-16 max-w-xl text-center prose-xl text-terminal-500 font-extralight'>
|
|
Contacts List
|
|
</p>
|
|
|
|
<ul id="persons" class="flex flex-col gap-4 mb-16 px-4 sm:px-0 container max-w-xl">
|
|
{% include "infinite/persons_partial.html" %}
|
|
</ul>
|
|
|
|
<div id='persons-loading' class='spinner mb-24 animate-bounce'>
|
|
<p class='text-xl prose-xl text-terminal-700'>loading more contacts</p>
|
|
<p class='text-xl prose-xl'>
|
|
<em class='text-terminal-500'>with simulated slow down</em>
|
|
</p>
|
|
</div>
|
|
|
|
{% endblock %}
|