master
kek7198 2021-11-30 16:19:41 -06:00
parent d89d3a811f
commit 8af405c197
1 changed files with 119 additions and 9 deletions

View File

@ -129,7 +129,7 @@
<div class="col-span-full mb-6"> <div class="col-span-full mb-6">
<div class="flex items-center px-4 py-4 bg-gray-100 sticky top-0"> <div class="flex items-center px-4 py-4 bg-gray-100 sticky top-0">
<h1 class="text-2xl font-heading font-bold"> <h1 class="text-2xl font-heading font-bold">
rDrama's 10 Most Popular rDrama's 15 Most Popular
</h1> </h1>
</div> </div>
<div class="mb-4 flex flex-col bg-gray-100 rounded-lg overflow-hidden"> <div class="mb-4 flex flex-col bg-gray-100 rounded-lg overflow-hidden">
@ -165,11 +165,121 @@
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
{% endblock %} <div class="col-span-full mb-6">
<!-- user2 {{user.stored_subscriber_count}} --> <div class="flex items-center px-4 py-4 bg-gray-100 sticky top-0">
<h1 class="text-2xl font-heading font-bold">
<!-- user3 {{user.post_count}} --> rDrama's 15 Most Terminally Online (Posts)
</h1>
<!-- user4 {{user.comment_count}} --> </div>
<div class="mb-4 flex flex-col bg-gray-100 rounded-lg overflow-hidden">
<!-- user5 {{user.received_award_count}} --> {% for user in users3 %}
<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 users3.index(user) % 2 != 0 %}bg-gray-200{% endif %}">
<!-- Rank -->
<h2 class="text-2xl font-bold font-heading text-center w-16 -ml-5 {{ 'text-red-900' if v.username == user.username else 'text-gray-400' }}">
{{users3.index(user)+1}}
</h2>
<div class="relative">
<img src="{{user.profile_url}}" class="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 users3.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-xl" 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">
<span class="text-xl font-heading font-bold {{ 'text-red-900' if v.username == user.username else 'text-gray-700' }}">
{{user.post_count}}
</span>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="col-span-full mb-6">
<div class="flex items-center px-4 py-4 bg-gray-100 sticky top-0">
<h1 class="text-2xl font-heading font-bold">
rDrama's 15 Most Terminally Online (Comments)
</h1>
</div>
<div class="mb-4 flex flex-col bg-gray-100 rounded-lg overflow-hidden">
{% for user in users4 %}
<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 users4.index(user) % 2 != 0 %}bg-gray-200{% endif %}">
<!-- Rank -->
<h2 class="text-2xl font-bold font-heading text-center w-16 -ml-5 {{ 'text-red-900' if v.username == user.username else 'text-gray-400' }}">
{{users4.index(user)+1}}
</h2>
<div class="relative">
<img src="{{user.profile_url}}" class="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 users4.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-xl" 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">
<span class="text-xl font-heading font-bold {{ 'text-red-900' if v.username == user.username else 'text-gray-700' }}">
{{user.comment_count}}
</span>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="col-span-full mb-6">
<div class="flex items-center px-4 py-4 bg-gray-100 sticky top-0">
<h1 class="text-2xl font-heading font-bold">
rDrama's 15 Biggest Winners
</h1>
</div>
<div class="mb-4 flex flex-col bg-gray-100 rounded-lg overflow-hidden">
{% for user in users5 %}
<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 users5.index(user) % 2 != 0 %}bg-gray-200{% endif %}">
<!-- Rank -->
<h2 class="text-2xl font-bold font-heading text-center w-16 -ml-5 {{ 'text-red-900' if v.username == user.username else 'text-gray-400' }}">
{{users5.index(user)+1}}
</h2>
<div class="relative">
<img src="{{user.profile_url}}" class="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 users5.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-xl" 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">
<span class="text-xl font-heading font-bold {{ 'text-red-900' if v.username == user.username else 'text-gray-700' }}">
{{user.received_award_count}}
</span>
</div>
</div>
{% endfor %}
</div>
</div>
{% endblock %}