<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- initialize theme vars
    https://coolors.co/10002b-240046-3c096c-5a189a-7b2cbf-9d4edd-c77dff-e0aaff -->

		<!-- initialize externals -->
		
	<script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "name": "Selenite",
            "alternateName": "selenite.cc",
            "url": "https://selenite.cc",
            "logo": "https://selenite.cc/favicon.png",
            "sameAs": [
                "https://github.com/selenite-cc",
                "https://youtube.com/@selenitecc",
                "https://tiktok.com/@selenitecc",
                "https://selenite.cc",
            ]
        }
    </script>

		<!-- initialize my stuff -->
		<script src="/js/all.js"></script>
		<script src="/js/main.js"></script>
		<!-- <script src="/js/widget.js"></script> -->

		<link rel="stylesheet" href="/css/main.css" />
		<link rel="stylesheet" href="/css/pages.css" />
		<link rel="stylesheet" href="/css/profile.css" />
		<link rel="manifest" href="/manifest.json" />
		<!-- seo + other things -->
		<title>{{ name }}'s Profile | Selenite</title>
		<link rel="icon" href="/favicon.ico" />
	</head>
	<alerts> </alerts>
	<body>
		<section>
			<img src="{{ user_pfp }}" class="pfp" />
			<div>
				<h1>{{ name }}</h1>
				<p>/u/{{ username }}</p>
				<div class="badges">{{ badges }}</div>
			</div>
			<right>
				<h2>Joined {{ join_date }}</h2>
				<h2>Last online {{ online_time }}</h2>
			</right>
		</section>
		<section class="column">
			<h1>About Me</h1>
			<p>{{ about }}</p>
		</section>
	</body>
</html>
