rDrama/files/templates/CHRISTMAS/footer.html

<div class="w-full md:px-4">
	<div class="relative w-full max-w-screen-2xl mx-auto flex flex-col py-4 items-start bg-gray-800 rounded-t lights">
		<div class="grid grid-cols-4 divide-x divide-gray-900">
			<div class="col-span-full md:col-span-1 px-4 py-2 shadow-inset-r-white-05">
				<h2 class="font-bold text-gray-500 text-xl font-heading leading-normal mb-2">
					Noteworthy Threads
				</h2>
				<ul class="flex flex-col mb-0">
					<li class="flex rounded p-2.5 -mx-2.5 hover:bg-gray-700">
						<div class="flex items-center justify-center h-10 px-4 rounded-md shadow-sm bg-gray-900 shadow-inset-t-white-05">
							<span class="font-bold text-gray-200">55</span>
						</div>
						<div class="pl-3 mt-[-1px]">
							<a href="/post/16583/" class="block font-bold text-gray-100">
								[MEGATHREAD] posts here marseys (or other emojis) u want added
							</a>
							<small class="block text-gray-400">
								posted by <a href="/@aevann" class="text-gray-400 hover:text-gray-300">@aevann</a>
							</small>
						</div>
					</li>
					<li class="flex rounded p-2.5 -mx-2.5 hover:bg-gray-700">
						<div class="flex items-center justify-center h-10 px-4 rounded-md shadow-sm bg-gray-900 shadow-inset-t-white-05">
							<span class="font-bold text-gray-200">25</span>
						</div>
						<div class="pl-3 mt-[-1px]">
							<a href="https://rdrama.net/post/23770/suggestion-some-award-ideas" class="block font-bold text-gray-100">
								[Suggestion] Some award ideas
							</a>
							<small class="block text-gray-400">
								posted by <a href="/@dramarama" class="text-gray-400 hover:text-gray-300">@dramarama</a>
							</small>
						</div>
					</li>
				</ul>
			</div>
			<div class="col-span-full md:col-span-1 px-4 py-2 shadow-inset-r-white-05">
				<h2 class="font-bold text-gray-500 text-xl font-heading leading-normal mb-2">
					Quote of the Week
				</h2>
				<div class="flex flex-col gap-2">
					<div class="bg-gray-700 shadow-inner border border-gray-900 rounded-md overflow-hidden">
						<p class="p-2 text-sm font-serif italic text-gray-300">
							"Oh God the site is so fucking ugly"
						</p>
						<div class="p-2 bg-gray-700 border-t border-gray-800 shadow-inset-t-white-05">
							<img loading="lazy" src="https://rdrama.net/images/16393473254r.webp" class="inline-block flex-shrink-0 object-cover h-9 w-9 p-[3px] bg-white border border-gray-800" alt="avatar"/>
							<strong class="pl-1 text-sm font-bold">
								<a href="/post/29747/rdrama-presents-fistmas-2021-santa-claus/956448?context=9#context" class="text-gray-300 hover:text-gray-200">
									@Gigavaccinator
								</a>
							</strong>
						</div>
					</div>
				</div>
			</div>
			<div class="col-span-full md:col-span-1 px-4 py-2 shadow-inset-r-white-05">
				<h2 class="font-bold text-gray-500 text-xl font-heading leading-normal mb-2">
					Newest Members
				</h2>
				<ul class="hidden flex-wrap gap-x-3 gap-y-2 mb-3">
					{% for user in kek %}
					<li class="w-10 flex-shrink-0 overflow-hidden">
						<img loading="lazy" src="{{ user.profile_url }}" class="object-cover h-10 w-10 rounded bg-white inner-shadow" alt="avatar"/>
						<small class="block">{{ user.username }}</small>
					</li>
					{% endfor %}
				</ul>
				<p class="text-gray-500 text-xs">
					Coming soon...
				</p>
				{% if not v %}
				<div class="leading-none">
					<a href="/signup" class="text-red-600 font-bold text-xs">Become an rdramanaut</a>
				</div>
				<div class="leading-none mt-1">
					<a href="/login" class="text-gray-500 font-bold text-xs">or log in</a>
				</div>
				{% endif %}
			</div>
			<div class="col-span-full md:col-span-1 px-4 py-2 shadow-inset-r-white-05">
				<h2 class="font-bold text-gray-500 text-xl font-heading leading-normal mb-2">
					rdrama
				</h2>
				<p class="mt-1 text-xs text-gray-500">
					rdrama caters to drama in all forms such as: Real life, videos, images, gossip, rumors, news sites, Reddit, and Beyond™. There is no drama we won't touch, and we want it all.
				</p>
			</div>
		</div>
		<div class="mt-4 w-full px-4 sm:px-0">
			<ul class="mx-auto max-w-2xl flex flex-col md:flex-row md:items-center md:justify-center md:space-x-3 md:divide-x md:divide-gray-700 text-xs font-medium leading-none">
				<li>
					<a href="/post/5500" class="text-gray-500 hover:text-gray-400">
						About
					</a>
				</li>
				<li class="mt-4 md:mt-0 md:pl-3">
					<a href="/contact" class="text-gray-500 hover:text-gray-400">
						Contact
					</a>
				</li>
				<li class="mt-4 md:mt-0 md:pl-3">
					<a href="/post/5500" class="text-gray-500 hover:text-gray-400">
						Welcome Guide
					</a>
				</li>
				<li class="mt-4 md:mt-0 md:pl-3">
					<a href="/rules" class="text-gray-500 hover:text-gray-400">
						Community Etiquette
					</a>
				</li>
				<li class="mt-4 md:mt-0 md:pl-3">
					<a href="/changelog" class="text-gray-500 hover:text-gray-400">
						Changelog
					</a>
				</li>
				<li class="mt-4 md:mt-0 md:pl-3">
					<a href="https://github.com/Aevann1/Drama" class="text-gray-500 hover:text-gray-400">
						GitHub
					</a>
				</li>
			</ul>
		</div>
		<div class="w-full mt-4 px-4 text-sm text-gray-600">
			<div class="flex flex-col md:flex-row justify-between pt-4 shadow-inset-t-white-05 border-t border-gray-900 leading-none">
				<small>©2021 Copyright rdrama.net</small>
				<small class="hidden md:block">Deus, rex, et bussy</small>
			</div>
		</div>
	</div>
</div>