forked from creations/profilePage
74 lines
2 KiB
HTML
74 lines
2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="description" content="View real-time Discord presence, activities, and badges with open-source integration." />
|
|
<meta name="color-scheme" content="dark" />
|
|
|
|
<title>Discord Presence</title>
|
|
|
|
<link rel="icon" id="site-icon" type="image/png" href="/public/assets/favicon.png" />
|
|
<link rel="stylesheet" href="/public/css/index.css" />
|
|
<link rel="stylesheet" href="/public/css/root.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div id="loading-overlay" role="status" aria-live="polite">
|
|
<div class="loading-spinner"></div>
|
|
</div>
|
|
|
|
<header>
|
|
<a
|
|
href="https://git.creations.works/creations/profilePage"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
title="View source code on Forgejo"
|
|
>
|
|
<img
|
|
class="open-source-logo"
|
|
src="/public/assets/forgejo_logo.svg"
|
|
alt="Forgejo open-source logo"
|
|
style="opacity: 0.5"
|
|
loading="lazy"
|
|
/>
|
|
</a>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="user-card">
|
|
<div class="avatar-status-wrapper">
|
|
<div class="avatar-wrapper">
|
|
<img class="avatar hidden"/>
|
|
<img class="decoration hidden"/>
|
|
<div class="status-indicator offline hidden"></div>
|
|
</div>
|
|
<div class="user-info">
|
|
<div class="user-info-inner">
|
|
<h1 class="username"></h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="badges" class="badges hidden" aria-label="User Badges"></section>
|
|
|
|
<section aria-label="Discord Activities" class="activities-section">
|
|
<h2 class="activity-block-header hidden">Activities</h2>
|
|
<ul class="activities"></ul>
|
|
</section>
|
|
|
|
<section class="readme hidden" aria-label="Profile README">
|
|
<div class="markdown-body"></div>
|
|
</section>
|
|
</main>
|
|
|
|
<section class="reviews hidden" aria-label="User Reviews">
|
|
<h2>User Reviews</h2>
|
|
<ul class="reviews-list">
|
|
</ul>
|
|
</section>
|
|
|
|
<script src="/public/js/index.js" type="module"></script>
|
|
</body>
|
|
</html>
|