rDrama/files/templates/CHRISTMAS/ProfilePopover.html

<div style="display:none" id="popover">
	<div class="popover-user-profile dark:bg-gray-900" role="tooltip">
		<img loading="lazy" class="pop-banner w-full h-24 object-cover">
		<div class="flex items-end px-4 -mt-8">
			<img loading="lazy" class="pop-picture h-16 w-16 rounded-sm p-[3px] bg-white dark:bg-gray-900 shadow-sm">
			<div class="px-4 truncate">
				<h5 class="pop-username truncate ellipsis"></h5>
				<div class="flex space-x-1 text-gray-500">
					<span>
						<span class="pop-uid"></span>
					</span>
					<strong>&#183;</strong>
					<span>
						<span class="pop-coins"></span>
						coins
					</span>
				</div>
			</div>
		</div>
		<div class="hidden px-4">
			<span class="pop-bio popover-bio"></span>
		</div>

		<div class="pop-badges p-4">
		</div>

		<div class="border-t border-gray-300 dark:border-gray-800 flex items-center p-4 gap-2 text-sm">
			<span>
				<strong class="pop-postcount"></strong>
				<span class="text-gray-500">posts</span>
			</span>
			<span>
				<strong class="pop-commentcount"></strong>
				<span class="text-gray-500">comments</span>
			</span>
			<a target="_blank" class="pop-viewmore ml-auto text-decoration-none">
				View
				<i class="fas fa-arrow-right fa-sm fa-fw px-1"></i>
			</a>
		</div>
	</div>
</div>