opensource.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 | Open Source</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>We 💝 Open Source</h1> 57 <h3>In fact, Auride itself is open source!</h3> 58 59 <br /> 60 <br /> 61 62 <h2><img src="/assets/imgs/favicon.png" alt="Auride logo" draggable="false" style="width: 30px; height: 30px; filter: brightness(0) invert(1); float: left;" /> <span style="float: left; margin-left: 5px;">Auride</span></h2> 63 <br /><br /> 64 <p style="transform: translateY(-7px);">Auride itself is open-source! Powers the entirety of Auride.</p> 65 <p style="transform: translateY(-7px);">Auride uses the <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en" target="_blank" style="color: var(--main-color);">CC BY-NC-SA 4.0</a> license.</p> 66 <p style="color: var(--text-semi-transparent); font-size: 14px; transform: translateY(-7px);">Auride is available at <a href="https://auride.xyz/" style="color: var(--main-color);">https://auride.xyz/</a></p> 67 <a href="https://github.com/katniny/auride" target="_blank"><button style="transform: translateY(-7px);">Available on GitHub</button></a> 68 69 <br /> 70 <br /> 71 <br /> 72 73 <h2><i class="fa-solid fa-font-awesome" style="margin-bottom: 0px; margin-right: 3px; color: var(--text);"></i> Font Awesome</h2> 74 <p>Provides all the icons for Auride.</p> 75 <p>Font Awesome uses different licenses per pricing tier. <a href="https://github.com/FortAwesome/Font-Awesome?tab=License-1-ov-file" target="_blank">Available here</a>.</p> 76 <p style="color: var(--text-semi-transparent); font-size: 14px;">Font Awesome is available <a href="https://fontawesome.com/" target="_blank">here</a>.</p> 77 <a href="https://github.com/stripe/stripe-js" target="_blank"><button>Code on GitHub</button></a> 78 79 <br /> 80 <br /> 81 <br /> 82 83 <h2><i class="fa-brands fa-twitter" style="margin-bottom: 0px; margin-right: 3px; color: var(--text);"></i> Twemoji</h2> 84 <p>Provides the emojis (such as <img src="/assets/emojis/svg/1f614.svg" draggable="false" style="height: 1em; width: 1em; margin: 0 .05em 0 .1em; vertical-align: -0.1em;" alt="Pensive emoji" />) that Auride uses.</p> 85 <p>Twemoji uses the <a href="https://opensource.org/licenses/MIT" target="_blank" style="color: var(--main-color);">MIT License</a> for it's code and the <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" style="color: var(--main-color);">CC-BY 4.0</a> for it's graphics.</p> 86 <p style="color: var(--text-semi-transparent); font-size: 14px;">Auride self-hosts the files, but all the code/graphics can be found on the Twitter GitHub account.</p> 87 <a href="https://github.com/twitter/twemoji" target="_blank"><button>Code/Graphics on GitHub</button></a> 88 89 <br /> 90 <br /> 91 <br /> 92 93 <h2><i class="fa-brands fa-stripe" style="margin-bottom: 0px; margin-right: 3px; color: var(--text);"></i> StripeJS</h2> 94 <p>Handles payments and subscriptions for Auride.</p> 95 <p>Uses the MIT license. <a href="https://github.com/stripe/stripe-js/blob/master/LICENSE" target="_blank">Available here</a>.</p> 96 <p style="color: var(--text-semi-transparent); font-size: 14px;">Stripe is available <a href="https://stripe.com/" target="_blank">here</a>.</p> 97 <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><button>Code/Graphics on GitHub</button></a> 98 99 <br /> 100 <br /> 101 <br /> 102 103 <h2><i class="fa-solid fa-globe" style="margin-bottom: 0px; margin-right: 3px; color: var(--text);"></i> CORS</h2> 104 <p>Allows Auride to read from our server without being restricted, as well as prevent other sites from reading it.</p> 105 <p>Uses the MIT license. <a href="https://github.com/expressjs/cors/blob/master/LICENSE" target="_blank">Available here</a>.</p> 106 <a href="https://github.com/expressjs/cors" target="_blank"><button>Code on GitHub</button></a> 107 </div> 108 </div> 109 110 111 </div> 112 113 <!-- Auride Accounts --> 114 <div class="aurideAccounts"> 115 <h3>Auride Accounts</h3> 116 <p>Follow accounts associated with Auride.</p> 117 118 <div class="katniny"> 119 <!-- Me :3 --> 120 <div class="katniny"> 121 <img class="recommendAcc-pfp" src="" id="katninyPfp" draggable="false" /> <p id="katninyDisplay"></p> 122 <br /> <a href="/u" id="followBtn-1"><button class="followBtn">Follow</button></a> 123 <p id="katninyUser-pronouns"></p> 124 </div> 125 126 <br /> 127 128 <!-- Auride --> 129 <div class="auride"> 130 <img class="recommendAcc-pfp" src="" id="auridePfp" draggable="false" /> <p id="aurideDisplay"></p> 131 <br /> <a href="/u" id="followBtn-2"><button class="followBtn">Follow</button></a> 132 <p id="aurideUser-pronouns"></p> 133 </div> 134 135 <br /> 136 137 <!-- Katniny Studios --> 138 <div class="katninystudios"> 139 <img class="recommendAcc-pfp" src="" id="katninystudiosPfp" draggable="false" /> <p id="katninystudiosDisplay"></p> 140 <br /> <a href="/u" id="followBtn-3"><button class="followBtn">Follow</button></a> 141 <p id="katninystudiosUser-pronouns"></p> 142 </div> 143 </div> 144 </div> 145 146 <div class="policies"> 147 <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> 148 </div> 149 150 <div id="notSignedIn-banner"> 151 <p>Join the fun on Auride!</p> 152 <a href="/auth/login"><button>Login</button></a> 153 <a href="/auth/register"><button>Create an account</button></a> 154 </div> 155 156 <!-- Achievement Unlock --> 157 <div id="achievementUnlock" class="achievementUnlock" style="display: none;"> 158 <div id="achievementIcon"><i class="fa-solid fa-pencil"></i></div> <p id="achievementName">Achievement Name</p> 159 </div> 160 161 <dialog id="showAchievementUnlock"> 162 <h2 id="titleAndIcon">title and stuff</h2> 163 <p id="unlockReason">because you did</p> 164 <p id="unlockDate">m/d/y (the objectively correct way)</p> 165 <button onclick="document.getElementById('showAchievementUnlock').close();">Okay!</button> 166 </dialog> 167 168 <!-- Modals --> 169 170 171 <dialog id="signInPrompt"> 172 <img src="/assets/imgs/All_transparent.png" draggable="false" style="width: 450px; height: 100px; margin-left: 17%; margin-right: 15%;" /> 173 <h2>You must be signed in.</h2> 174 <p>To perform this action, you need to be signed into Auride!</p> 175 <br /> 176 <a href="/auth/login"><button>Login</button></a> 177 <div style="margin-top: 5px;"></div> 178 <a href="/auth/register"><button>Register</button></a> 179 </dialog> 180 181 <dialog id="openLink"> 182 <h2>Leaving Auride</h2> 183 <p>This link is taking you to the following website:</p> 184 185 <br /> 186 187 <p style="text-align: center;" id="linkyLink">https://link.com/</p> 188 189 <br /> 190 191 <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> 192 </dialog> 193 194 <dialog id="addAltText"> 195 <h2>Add Alt Text</h2> 196 <p>Help those with visual impairments or low vision understand what your note is.</p> 197 198 <textarea id="altText_input" placeholder="A fluffy orange cat sitting on a windowsill, licking its paw and grooming itself"></textarea> 199 200 <br /> 201 202 <button onclick="addAltText_finish()">Finish</button> 203 </dialog> 204 205 <dialog id="verifyEmail"> 206 <h2><i class="fa-solid fa-envelope-circle-check"></i> Please verify your email</h2> 207 <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> 208 <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> 209 210 <br /> 211 212 <button onclick="getVerificationEmail()" style="width: 100%;"><i class="fa-solid fa-check-to-slot"></i> Verify Email</button> 213 </dialog> 214 215 <dialog id="emailSent_emailVer"> 216 <h2><i class="fa-solid fa-envelope-circle-check"></i> Email sent!</h2> 217 <p>Once you verify your email, please click the button below to verify, then we won't bug you again!</p> 218 <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> 219 220 <br /> 221 222 <button onclick="window.location.reload()">Check Verification Status</button> 223 </dialog> 224 225 <dialog id="noteDeleted"> 226 <h2>Note Deleted</h2> 227 <p>Note was successfully deleted.</p> 228 229 <br /> 230 231 <button onclick="window.location.reload()">Okay</button> 232 </dialog> 233 234 <dialog id="noteUpdated"> 235 <h2>Note Updated</h2> 236 <p>Note was successfully updated.</p> 237 238 <br /> 239 240 <button onclick="window.location.reload()">Okay</button> 241 </dialog> 242 243 <dialog id="accountWarning"> 244 <h2>Account Warning</h2> 245 <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> 246 247 <br /> 248 249 <p style="color: var(--text-semi-transparent);">Reason: <span id="warningReason"></span></p> 250 251 <br /> 252 <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> 253 <p>You can continue using Auride after agreeing to our Terms of Service.</p> 254 255 <input type="checkbox" id="warningAgreeToTerms" style="width: 15px;"> I agree 256 <p style="color: var(--error-text); display: none;" id="warningAcknowledge">Please agree to the Terms before continuing.</p> 257 <br /> 258 <button onclick="acknowledgeWarning()">Continue using Auride</button> 259 </dialog> 260 </body> 261 </html>