<!DOCTYPE html>
<html lang="en" data-theme="dark">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>creations.works</title>

  <link rel="stylesheet" href="/public/css/style.css" />
  <link rel="stylesheet" href="/public/css/user.style.css" />

  <script src="/public/js/status.ws.js" defer></script>
  <script src="/public/js/snow.js" defer></script>
</head>

<body>
  <div id="page-views"></div>
  <div id="user-container">
    <div id="user-info">
      <div class="avatar-custom-container" id="avatar-custom-container">
        <img id="banner" />
        <div class="avatar-container">
          <img id="avatar" />
          <img id="avatar-decoration" src="" />
          <div id="status-circle" class="status-circle offline"></div>
        </div>
      </div>
      <div id="name-pronouns-badges">
        <h2 id="display-name">User Name</h2>
        <div id="pronouns-badges">
          <div id="name-pronouns">
            <span id="username">User Name</span>
            <span id="dot">•</span>
            <span id="pronouns">creations.works</span>
          </div>
          <div id="badge-container"></div>
        </div>
      </div>
      <div id="user-tabs-container">
        <div id="user-tabs-buttons">
          <button id="about-me" class="tab-button" data-type='about-me'>About Me</button>
          <button id="activity" class="tab-button active" data-type='activity'>Activity</button>
        </div>
        <div id="tab-content">
          <div id="about-me-content" class="tab-content hidden">
            <a href="https://atums.world" target="_blank">https://atums.world</a>
            <div id="socials">
              <h3>Find me here</h3>
              <ul>
                <li>
                  <img src="https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fsudhop.com%2Fbilder%2Fmail.png&f=1&nofb=1&ipt=1ae00a3202725283cc556e3feefdb72750c50afa5a44f428ea3c15d7babf1d70&ipo=images" />
                  <a href="mailto:creations@creations.works">Email, creations@creations.works</a>
                </li>
                <li>
                  <img src="https://cdn.prod.website-files.com/6257adef93867e50d84d30e2/636e0a69f118df70ad7828d4_icon_clyde_blurple_RGB.svg" />
                  <a href="https://discord.gg/DxFhhbr2pm" target="_blank">Discord</a>
                </li>
                <li>
                  <img src="https://git.creations.works/assets/img/logo.svg" alt="Forgejo Icon">
                  <a href="https://git.creations.works/creations" target="_blank">Forgejo</a>
                </li>
                <li>
                  <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fportalrepository.com%2Fwp-content%2Fuploads%2F2019%2F07%2F1024px-Steam_icon_logo.svg.png&f=1&nofb=1&ipt=42fde64bfc0c2aa3cab5944e37a1494d95b368514950c98317460883a1a94bf6&ipo=images" />
                  <a href="https://steamcommunity.com/id/creations_works/" target="_blank">Steam</a>
              </ul>
            </div>
          </div>
          <div id="activity-content" class="tab-content active"></div>
        </div>
      </div>
    </div>
</body>

</html>