/ src / auth / pfp.html
pfp.html
 1  <!DOCTYPE html>
 2  <html lang="en">
 3      <head>
 4          <meta charset="UTF-8">
 5          <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6          <title>Profile Picture | Auride</title>
 7          <link rel="stylesheet" href="/assets/css/all.css">
 8          <link rel="shortcut icon" href="/assets/imgs/favicon.png" type="image/png">
 9          <link rel="manifest" href="/manifest.json">
10          <meta name="robots" content="nofollow, noai, noimageai">
11          <meta name="og:type" content="website">
12          <meta name="og:url" content="https://auride.xyz/">
13          <meta name="og:title" content="Auride">
14          <meta name="og:site_name" content="auride.xyz">
15          <meta name="og:description" content="Auride - a safe place for everyone.">
16          <meta name="description" content="Auride - a safe place for everyone.">
17          <meta property="og:image" content="https://auride.xyz/assets/imgs/favicon.png">
18          <meta name="theme-color" content="#ef97be">
19          <script src="/assets/js/requiredScripts.js"></script>
20          <script src="/assets/js/scriptLoader.js"></script>
21          <script defer>
22              ScriptLoader.load(
23                  { src: "/assets/js/registration/uploadPfp.js", async: false }
24              ).then(() => {
25                  console.log("Scripts for /home have been loaded successfully.");
26              }).catch((error) => {
27                  console.error("An error occurred: ", error, " please try refreshing.");
28              });
29          </script>
30      </head>
31  
32      <body id="body" onload="hideErrorByDefault()">
33          <!-- the actual registration box -->
34          <div class="formBox">
35              <h1><i class="fa-solid fa-camera-retro"></i> Profile Picture</h1>
36              <p>Set a profile picture for your Auride account!</p>
37  
38              <input type="file" id="pfpUploader" accept="image/jpeg, image/png, image/webp" />
39              <p id="errorTxt" style="color: var(--error-text);">empty</p>
40          </div>
41      </body>
42  </html>