<!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>