MarseyWorld/files/templates/popover.html

<div style="display:none" id="popover">
	<div class="popover-user-profile">
		<img loading="lazy" class="pop-banner w-100 h-200 object-cover">
		<div class="d-flex align-items-end px-3 mt-n6 mb-3">
			<div class="profile-pic-75-wrapper">
				<img loading="lazy" class="pop-picture profile-pic-75">
				<img class="pop-hat profile-pic-75-hat hat" loading="lazy">
			</div>
			<div class="px-3 text-truncate">
			<h5 class="pop-username text-truncate text-black mb-0 pb-1 mt-4 pt-2"></h5>
			<span class="text-black">Joined <span class="pop-created-date"></span></span>
			<div class="text-black">User ID: <span class="pop-id"></span></div>
			<div class="text-black pop-original-usernames breakable"></div>
			</div>
		</div>

		{% if FEATURES['USERS_PROFILE_BODYTEXT'] -%}
			<div class="px-3 popover-bio-div y-scroll">
				<span class="pop-bio popover-bio text-black"></span>
			</div>
		{%- endif %}

		{% if FEATURES['BADGES'] -%}
			<div class="popover-badges-div y-scroll">
				<div class="pop-badges ml-3 mr-3 my-2">
				</div>
			</div>
		{%- endif %}

	<div class="border-top d-flex align-items-center p-3 gap-3 smol">
		<span>
		<strong class="pop-postcount text-black unbreakable"></strong>
		<span class="text-black unbreakable">posts</span>
		</span>
		<span class="ml-3">
		<strong class="pop-commentcount text-black unbreakable"></strong>
		<span class="text-black unbreakable">comments</span>
		</span>
		<span class="ml-3">
			<strong class="pop-coins text-black unbreakable"></strong>
			<span class="text-black unbreakable">coins</span>
		</span>
		<span class="ml-3">
			<strong class="pop-marseybux text-black unbreakable"></strong>
			<span class="text-black unbreakable">marseybux</span>
		</span>

		<a href="/" {% if v and v.newtab %}data-target="t" target="_blank"{% endif %} class="pop-view_more ml-auto text-decoration-none">
			<span class="pl-3 pr-1 pr-md-3 py-3 unbreakable">
				View <i class="fas fa-arrow-right fa-sm pl-1"></i>
			</span>
		</a>
	</div>
	</div>
</div>