names.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>Names | 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 //... 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-signature"></i> Names</h1> 36 <p>Add a display name and username to your account!</p> 37 38 <input type="text" id="displayName-text" placeholder="Enter a display name!" /> 39 <p id="characterLimit_display" style="color: var(--text-semi-transparent); font-size: 14px; margin-top: 1px;">0/25</p> 40 41 <input type="text" id="username-text" placeholder="Enter a unique username!" oninput="usernameCharacters()" /> 42 <p id="characterLimit_username" style="color: var(--text-semi-transparent); font-size: 14px; margin-top: 1px;">0/20</p> 43 44 <p id="errorTxt" style="color: var(--error-text);">empty</p> 45 46 <button style="width: 100%;" onclick="displayAndUsernameReserve()" id="displayAndUsernameBtn">Use Display Name & Check Username</button> 47 </div> 48 </body> 49 </html>