indev.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>Auride | InDev Info</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> 33 <!-- Bottom Nav (mobile) --> 34 <!--<div class="mobileBottomNav" id="mobileBottomNav"> 35 <div class="nav"> 36 <a href="/home" style="margin-left: 20px;"><i class="fa-solid fa-house fa-xl"></i></a> <a href="/notifications"><i class="fa-solid fa-bell fa-xl"></i></a> <a href="/settings"><i class="fa-solid fa-gear fa-xl"></i></a> <a href="javascript:void();" onclick="createNotePopup()"><i class="fa-solid fa-pen-to-square fa-xl"></i></a> 37 </div> 38 </div>--> 39 40 <!-- Note successfully sent --> 41 <div id="successfullySent" style="display: none;"><p>Note successfully sent!</p></div> 42 43 <!-- New Note Alert --> 44 <!--<div class="notesAlert" id="notesAlert"> 45 <p>New Notes</p> 46 </div>--> 47 48 <!-- Notes --> 49 <div class="notes" id="notes"> 50 <div class="newNotesAdded" id="newNotesAdded"> 51 <!-- Notes go here. This content is user-generated, no default HTML should be here. --> 52 </div> 53 54 <div class="noteFilter"> 55 <div class="blogStyle" style="margin: 15px;"> 56 <h1>Auride is In Development.</h1> 57 <p style="color: var(--text-semi-transparent);">Created by <a href="/u?id=katniny" style="color: var(--main-color)">@katniny</a>, 4/11/24</p> 58 <p style="color: var(--text-semi-transparent);">Updated: 9/15/2025</p> 59 60 <br /> 61 62 <p>Hey! Welcome to Auride! Firstly, thank you a bunch for being here. I'm <a href="/u/katniny" style="color: var(--main-color);">Katty</a>, the founder and only developer of Auride.</p> 63 <p>As you may have noticed, Auride seems to be missing some features that other socials have, and is a little buggy. Unfortunately, this is intentional. But good news - I plan on updating Auride a lot throughout 2024/2025/2026!</p> 64 65 <br /> 66 67 <h2>Why release Auride so early?</h2> 68 <p>Because I don't want to keep people waiting any longer. This version of Auride has been in development since mid 2023 but that was before the old version of Auride was taken down, but it was sadly taken off the internet on June 4th, 2023. That was <b>10 months ago (from April 11, 2024)</b> and there was no version of Auride available to use until this version was released so I decided to stop teasing this version and just release it in its current state.</p> 69 70 <br /> 71 72 <h2>Auride's Plans for the Future</h2> 73 <p>So, what is Auride's (and my) plans for the future?</p> 74 <p>It's super simple. Updates, updates, updates. I plan on updating Auride A LOT over the course of 2024/2025/2026. I hope to get to these stages of development:</p> 75 <ul style="margin-left: 15px;"> 76 <li style="color: var(--success-color)">InDev (Finished!)</li> 77 <li style="color: var(--success-color);">Pre-Alpha (Finished!)</li> 78 <li style="color: var(--warning-text);">Alpha (Current)</li> 79 <li>Beta</li> 80 <li>Pre-Release</li> 81 <li>1.0.0</li> 82 </ul> 83 <p>(This list will be updated up until Auride is complete, where it will be removed).</p> 84 <p>(Please note that this list does NOT mean that all these versions will be released in 2025/2026 timeframe, I just hope they are!)</p> 85 86 <br /> 87 88 <h2>What's going to release next update?</h2> 89 <p>I wish I could tell you. What releases next update is whatever I can get done because I don't want there to be too long of a delay between updates. There will be a list of what's new in the latest release below. :)</p> 90 91 <br /> 92 93 <h2>What's new?</h2> 94 <ul style="margin-left: 15px;"> 95 <li><a href="/updates" style="color: var(--main-color)">Check out the update log</a></li> 96 </ul> 97 98 <br /> 99 100 <p>Thank you so much for reading and have an amazing day,</p> 101 <a href="/u?id=katniny" style="color: var(--main-color);">Katty (@katniny)</a> 102 <p style="font-size: small; color: var(--text-semi-transparent);">Founder and Developer</p> 103 </div> 104 </div> 105 106 107 </div> 108 109 <!-- Auride Accounts --> 110 <div class="aurideAccounts"> 111 <h3>Auride Accounts</h3> 112 <p>Follow accounts associated with Auride.</p> 113 114 <div class="katniny"> 115 <!-- Me :3 --> 116 <div class="katniny"> 117 <img class="recommendAcc-pfp" src="" id="katninyPfp" draggable="false" /> <p id="katninyDisplay"></p> 118 <br /> <a href="/u" id="followBtn-1"><button class="followBtn">Follow</button></a> 119 <p id="katninyUser-pronouns"></p> 120 </div> 121 122 <br /> 123 124 <!-- Auride --> 125 <div class="auride"> 126 <img class="recommendAcc-pfp" src="" id="auridePfp" draggable="false" /> <p id="aurideDisplay"></p> 127 <br /> <a href="/u" id="followBtn-2"><button class="followBtn">Follow</button></a> 128 <p id="aurideUser-pronouns"></p> 129 </div> 130 131 <br /> 132 133 <!-- Katniny Studios --> 134 <div class="katninystudios"> 135 <img class="recommendAcc-pfp" src="" id="katninystudiosPfp" draggable="false" /> <p id="katninystudiosDisplay"></p> 136 <br /> <a href="/u" id="followBtn-3"><button class="followBtn">Follow</button></a> 137 <p id="katninystudiosUser-pronouns"></p> 138 </div> 139 </div> 140 </div> 141 142 <div class="policies"> 143 <a href="/policies/terms">Terms of Service</a>, <a href="/policies/privacy">Privacy Policy</a>, <a href="/policies/child-safety">Child Safety</a>, <a href="/policies/cookies">Cookies</a>, <a href="/policies/copyright">Copyright</a>, <a href="/policies/guidelines">Community Guidelines</a> 144 </div> 145 146 <div id="notSignedIn-banner"> 147 <p>Join the fun on Auride!</p> 148 <a href="/auth/login"><button>Login</button></a> 149 <a href="/auth/register"><button>Create an account</button></a> 150 </div> 151 152 <!-- Achievement Unlock --> 153 <div id="achievementUnlock" class="achievementUnlock" style="display: none;"> 154 <div id="achievementIcon"><i class="fa-solid fa-pencil"></i></div> <p id="achievementName">Achievement Name</p> 155 </div> 156 157 <dialog id="showAchievementUnlock"> 158 <h2 id="titleAndIcon">title and stuff</h2> 159 <p id="unlockReason">because you did</p> 160 <p id="unlockDate">m/d/y (the objectively correct way)</p> 161 <button onclick="document.getElementById('showAchievementUnlock').close();">Okay!</button> 162 </dialog> 163 164 <!-- Modals --> 165 166 167 <dialog id="signInPrompt"> 168 <img src="/assets/imgs/All_transparent.png" draggable="false" style="width: 450px; height: 100px; margin-left: 17%; margin-right: 15%;" /> 169 <h2>You must be signed in.</h2> 170 <p>To perform this action, you need to be signed into Auride!</p> 171 <br /> 172 <a href="/auth/login"><button>Login</button></a> 173 <div style="margin-top: 5px;"></div> 174 <a href="/auth/register"><button>Register</button></a> 175 </dialog> 176 177 <dialog id="openLink"> 178 <h2>Leaving Auride</h2> 179 <p>This link is taking you to the following website:</p> 180 181 <br /> 182 183 <p style="text-align: center;" id="linkyLink">https://link.com/</p> 184 185 <br /> 186 187 <a href="link" id="externalLink" target="_blank"><button onclick="document.getElementById('openLink').close()">Visit Site</button></a> <a href="javascript:void(1);" onclick="document.getElementById('openLink').close()" style="color: var(--main-color); font-size: 14px;">Go Back</a> 188 </dialog> 189 190 <dialog id="addAltText"> 191 <h2>Add Alt Text</h2> 192 <p>Help those with visual impairments or low vision understand what your note is.</p> 193 194 <textarea id="altText_input" placeholder="A fluffy orange cat sitting on a windowsill, licking its paw and grooming itself"></textarea> 195 196 <br /> 197 198 <button onclick="addAltText_finish()">Finish</button> 199 </dialog> 200 201 <dialog id="verifyEmail"> 202 <h2><i class="fa-solid fa-envelope-circle-check"></i> Please verify your email</h2> 203 <p>We need to ensure your account is using an actual email address. This is for your security and to help us drive away bots.</p> 204 <p style="font-size: 14px; color: var(--text-semi-transparent);">If you're seeing this, you have not verified your email address yet. You will need to be able to verify your email when creating new accounts.</p> 205 206 <br /> 207 208 <button onclick="getVerificationEmail()" style="width: 100%;"><i class="fa-solid fa-check-to-slot"></i> Verify Email</button> 209 </dialog> 210 211 <dialog id="emailSent_emailVer"> 212 <h2><i class="fa-solid fa-envelope-circle-check"></i> Email sent!</h2> 213 <p>Once you verify your email, please click the button below to verify, then we won't bug you again!</p> 214 <p style="font-size: 14px; color: var(--text-semi-transparent);">If you're seeing this, you have not verified your email address yet. You will need to be able to verify your email when creating new accounts.</p> 215 216 <br /> 217 218 <button onclick="window.location.reload()">Check Verification Status</button> 219 </dialog> 220 221 <dialog id="noteDeleted"> 222 <h2>Note Deleted</h2> 223 <p>Note was successfully deleted.</p> 224 225 <br /> 226 227 <button onclick="window.location.reload()">Okay</button> 228 </dialog> 229 230 <dialog id="noteUpdated"> 231 <h2>Note Updated</h2> 232 <p>Note was successfully updated.</p> 233 234 <br /> 235 236 <button onclick="window.location.reload()">Okay</button> 237 </dialog> 238 239 <dialog id="accountWarning"> 240 <h2>Account Warning</h2> 241 <p>Your behavior on Auride has been in violation of our <a href="/policies/terms" style="color: var(--main-color);">Terms of Service</a>, therefore has received a warning. Repeat offenses can result in account suspension or other account related punishments.</p> 242 243 <br /> 244 245 <p style="color: var(--text-semi-transparent);">Reason: <span id="warningReason"></span></p> 246 247 <br /> 248 <p>Please abide by Auride's <a href="/policies/guidelines" style="color: var(--main-color);">Community Guidelines</a> so Auride remains a safe place for everyone.</p> 249 <p>You can continue using Auride after agreeing to our Terms of Service.</p> 250 251 <input type="checkbox" id="warningAgreeToTerms" style="width: 15px;"> I agree 252 <p style="color: var(--error-text); display: none;" id="warningAcknowledge">Please agree to the Terms before continuing.</p> 253 <br /> 254 <button onclick="acknowledgeWarning()">Continue using Auride</button> 255 </dialog> 256 </body> 257 </html>