forked from creations/profilePage
73 lines
No EOL
2.1 KiB
HTML
73 lines
No EOL
2.1 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>
|
|
|
|
<div class="timezone-wrapper" id="timezone-wrapper" aria-label="Timezone Information">
|
|
<span class="timezone-label">Users Time:</span>
|
|
<span class="timezone-value"></span>
|
|
</div>
|
|
</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> |