136 lines
4.0 KiB
HTML
136 lines
4.0 KiB
HTML
{% set random = range(0,11)|random() %}
|
|
|
|
{%
|
|
set banner = [
|
|
{
|
|
'username': 'Bartholomew_1',
|
|
'image': '1'
|
|
},
|
|
{
|
|
'username': 'Yui',
|
|
'image': '2'
|
|
},
|
|
{
|
|
'username': 'Bartholomew_1',
|
|
'image': '3'
|
|
},
|
|
{
|
|
'username': 'chiobu',
|
|
'image': '4'
|
|
},
|
|
{
|
|
'username': 'chiobu',
|
|
'image': '5'
|
|
},
|
|
{
|
|
'username': 'geese_suck',
|
|
'image': '6'
|
|
},
|
|
{
|
|
'username': 'Bartholomew_1',
|
|
'image': '7'
|
|
},
|
|
{
|
|
'username': 'drama_enthusiast',
|
|
'image': '8'
|
|
},
|
|
{
|
|
'username': 'dramarama',
|
|
'image': '9'
|
|
},
|
|
{
|
|
'username': 'geese_suck',
|
|
'image': '10'
|
|
},
|
|
{
|
|
'username': 'ThreeLetterAgent',
|
|
'image': '11'
|
|
},
|
|
{
|
|
'username': 'geese_suck',
|
|
'image': '12'
|
|
},
|
|
{
|
|
'username': 'geese_suck',
|
|
'image': '13'
|
|
},
|
|
{
|
|
'username': 'geese_suck',
|
|
'image': '14'
|
|
}
|
|
]
|
|
%}
|
|
|
|
<div class="hidden xl:block xl:col-start-10 xl:col-end-13 flex-shrink-0 py-4">
|
|
<div>
|
|
<h2 class="ml-2 font-bold text-xl text-gray-900 dark:text-gray-300 font-heading leading-normal mb-2">
|
|
Stickies
|
|
</h2>
|
|
<ul class="flex flex-col space-y-2 mb-0">
|
|
<li class="flex">
|
|
<div class="flex items-center justify-center px-2 flex-shrink-0">
|
|
<img class="object-contain w-5 h-5" src="/assets/images/emojis/marseywords.webp" alt="marsey words icon">
|
|
</div>
|
|
<div class="pl-3 mt-[-1px] truncate">
|
|
<a href="/post/32231/" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
|
|
Merry Christmas rdrama, what did you get?!
|
|
</a>
|
|
<small class="block text-gray-500">
|
|
posted by
|
|
<a href="/@Klenvastermas" class="text-gray-500 hover:text-gray-600 dark:hover:text-gray-400">
|
|
@Klenvastermas
|
|
</a>
|
|
</small>
|
|
</div>
|
|
</li>
|
|
<li class="flex">
|
|
<div class="flex items-center justify-center px-2 flex-shrink-0">
|
|
<img class="object-contain w-5 h-5" src="/assets/images/emojis/marseywords.webp" alt="marsey words icon">
|
|
</div>
|
|
<div class="pl-3 mt-[-1px] truncate">
|
|
<a href="/post/29748/" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
|
|
UI overhaul bug report thread
|
|
</a>
|
|
<small class="block text-gray-500">
|
|
posted by
|
|
<a href="/@christmaspathianflorist" class="text-gray-500 hover:text-gray-600 dark:hover:text-gray-400">
|
|
@christmaspathianflorist
|
|
</a>
|
|
</small>
|
|
</div>
|
|
</li>
|
|
<li class="flex">
|
|
<div class="flex items-center justify-center px-2 flex-shrink-0">
|
|
<img class="object-contain w-5 h-5" src="/assets/images/emojis/marseywords.webp" alt="marsey words icon">
|
|
</div>
|
|
<div class="pl-3 mt-[-1px] truncate">
|
|
<a href="/post/32180/" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
|
|
new rdrama.lgbt site for verified LGBTQ+ members only - click to check your eligibility!
|
|
</a>
|
|
<small class="block text-gray-500">
|
|
posted by
|
|
<a href="/@chiobu" class="text-gray-500 hover:text-gray-600 dark:hover:text-gray-400">
|
|
@chiobu
|
|
</a>
|
|
</small>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 dark:border-gray-900 shadow-inset-t-white-05"/>
|
|
<a href="/post/32341/" class="block w-full h-56 shadow-sm p-[3px] bg-white dark:bg-gray-900 overflow-hidden">
|
|
<img class="w-full h-full flex-shrink-0 object-contain cursor-pointer" src="/static/assets/images/{{'SITE_NAME' | app_config}}/banners/{{banner[random].image}}.webp?a=1" alt="artwork featuring an orange and white cat"/>
|
|
</a>
|
|
<small class="mt-1 block text-gray-500">
|
|
Artwork by <a href="/@{{ banner[random].username }}" class="font-bold">@{{ banner[random].username }}</a>
|
|
</small>
|
|
{% if v %}
|
|
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 dark:border-gray-900 shadow-inset-t-white-05"/>
|
|
<div class="flex flex-col sticky top-4">
|
|
<a class="btn btn-primary text-center w-full" href="/submit">
|
|
Submit drama
|
|
<i class="fas fa-arrow-alt-right fa-fw fa-sm ml-1"></i>
|
|
</a>
|
|
</div>
|
|
{% endif %}
|
|
</div> |