remotes/1693045480750635534/spooky-22
kek7198 2021-12-15 22:04:54 -06:00
parent dc45869bee
commit 99697075e5
1 changed files with 39 additions and 0 deletions

View File

@ -285,6 +285,45 @@
{% endfor %}
</div>
</div>
<div class="col-span-full mb-6">
<div class="flex items-center px-4 py-4 bg-gradient-to-t from-gray-200 to-gray-100 sticky top-0 z-10">
<h2 class="text-2xl font-heading font-bold mb-0">
rDrama's 10 Most Downvoted
</h2>
</div>
<div class="mb-4 flex flex-col bg-gray-100 rounded-lg overflow-hidden">
{% for user in users9 %}
<div class="flex items-center border-b last:border-b-none border-gray-300 shadow-inset-t-white-05 px-5 py-3 {% if v.username == user.username %}text-red-900 text-shadow-light bg-red-600{% elif users9.index(user) % 2 != 0 %}bg-gray-200{% endif %}">
<!-- Rank -->
<h2 class="flex-shrink-0 text-2xl font-bold font-heading text-center w-16 -ml-5 mb-0 {{ 'text-red-900' if v.username == user.username else 'text-gray-400' }}">
{{users9.index(user)+1}}
</h2>
<div class="relative flex-shrink-0">
<img src="{{user.profile_url}}" class="flex-shrink-0 p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == user.username else 'bg-white border-gray-300' }}" alt="{{ user.username }} avatar"/>
{% if users9.index(user)+1 == 1 %}
<img src="https://i.ibb.co/xFgG6yf/Coinfixed.gif" width="20px" height="12px" class="absolute -top-1 -right-2.5 object-contain"/>
{% endif %}
</div>
<!-- User Details -->
<div class="ml-3">
<a class="block font-heading font-bold text-lg md:text-xl text-black hover:text-red-600" href="/@{{user.username}}">
{{user.username}}
</a>
{% if user.customtitle %}
<p class="text-sm" style="#{{user.namecolor}}">
{{user.customtitle | safe}}
</p>
{% endif %}
</div>
<div class="ml-auto mr-4 pl-3">
<span class="text-xl font-heading font-bold {{ 'text-red-900' if v.username == user.username else 'text-gray-700' }}">
{{user[1]}}
</span>
</div>
</div>
{% endfor %}
</div>
</div>
{% endblock %}
{% block modals %}