forked from rDrama/rDrama
commit
eb2532d4b9
|
@ -1,5 +1,69 @@
|
||||||
{% set random = range(1, 13)|random() %}
|
{% set random = range(1, 13)|random() %}
|
||||||
|
|
||||||
|
{% set randomBanner = range(0,11)|random() %}
|
||||||
|
|
||||||
|
{%
|
||||||
|
set banner = [
|
||||||
|
{
|
||||||
|
'username': 'Bartholomew_1',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-1.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'Yui',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-2.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'Bartholomew_1',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-3.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'chiobu',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-4.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'chiobu',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-5.webp?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'geese_suck',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-6.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'Bartholomew_1',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-7.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'drama_enthusiast',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-8.webp?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'dramarama',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-9.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'geese_suck',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-10.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'ThreeLetterAgent',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-11.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'geese_suck',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-12.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'geese_suck',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-13.jpg?a=1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'username': 'geese_suck',
|
||||||
|
'image': '/static/assets/CHRISTMAS/banners/sidebar-banner-14.jpg?a=1'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
%}
|
||||||
|
|
||||||
|
|
||||||
<!-- This example requires Tailwind CSS v2.0+ -->
|
<!-- This example requires Tailwind CSS v2.0+ -->
|
||||||
<nav class="fixed top-0 w-full bg-gray-700" style="z-index: 1030;">
|
<nav class="fixed top-0 w-full bg-gray-700" style="z-index: 1030;">
|
||||||
<div class="w-full max-w-screen-2xl mx-auto grid grid-cols-12 px-4">
|
<div class="w-full max-w-screen-2xl mx-auto grid grid-cols-12 px-4">
|
||||||
|
@ -224,6 +288,12 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
<a href="/post/32341/" class="block w-full h-56 shadow-sm p-[3px] bg-white dark:bg-gray-900 overflow-hidden">
|
||||||
|
<img loading="lazy" class="w-full h-full flex-shrink-0 object-contain cursor-pointer" src="{{ banner[randomBanner].image }}" alt="artwork featuring an orange and white cat"/>
|
||||||
|
</a>
|
||||||
|
<small class="mt-1 block text-gray-500">
|
||||||
|
Artwork by <a href="/@{{ banner[randomBanner].username }}" class="font-bold">@{{ banner[randomBanner].username }}</a>
|
||||||
|
</small>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
|
@ -324,4 +324,43 @@
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
</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 dark:bg-none dark:bg-gray-800 sticky top-0 z-10">
|
||||||
|
<h2 class="text-2xl font-heading font-bold mb-0">
|
||||||
|
rDrama's 25 Highest Badge Earners
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
<div class="mb-4 flex flex-col bg-gray-100 dark:bg-gray-900 rounded-lg overflow-hidden">
|
||||||
|
{% for user in users12 %}
|
||||||
|
<div class="flex items-center border-b last:border-b-none border-gray-300 dark:border-gray-900 shadow-inset-t-white-05 px-5 py-3 {% if v.username == user.username %}text-red-900 text-shadow-light bg-red-600{% elif users12.index(user) % 2 != 0 %}bg-gray-200 dark:bg-gray-700{% 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' }}">
|
||||||
|
{{loop.index}}
|
||||||
|
</h2>
|
||||||
|
<div class="relative flex-shrink-0">
|
||||||
|
<img src="{{user[0].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[0].username else 'bg-white border-gray-300' }}" alt="{{ user[0].username }} avatar"/>
|
||||||
|
{% if loop.index == 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 dark:text-gray-200 hover:text-primary" href="/@{{user[0].username}}">
|
||||||
|
{{user[0].username}}
|
||||||
|
</a>
|
||||||
|
{% if user[0].customtitle %}
|
||||||
|
<p class="text-sm" style="#{{user.namecolor}}">
|
||||||
|
{{user[0].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 %}
|
{% endblock %}
|
Loading…
Reference in New Issue