/ src / 404.html
404.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 | Page Not Found</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>Oops...</h1>
 57                      <h3 id="404page">We were unable to find /url. The page does not exist, got moved, or got lost to time.</h3>
 58  
 59                      <br />
 60  
 61                      <a href="/u?id=katniny" style="color: var(--main-color); margin-top: 20px;" id="profile404">Were you looking for a profile?</a>
 62  
 63                      <br />
 64                      <br />
 65  
 66                      <p>Let's get you somewhere where you won't be lost:</p>
 67                      <a href="/home"><button style="width: auto; border: 1px solid var(--main-color);">Go to Timeline</button></a>
 68  
 69                      <br />
 70                  </div> 
 71              </div>
 72  
 73  
 74          </div>
 75  
 76          <!-- Auride Accounts -->
 77          <div class="aurideAccounts">
 78              <h3>Auride Accounts</h3>
 79              <p>Follow accounts associated with Auride.</p>
 80  
 81              <div class="katniny">
 82                  <!-- Me :3 -->
 83                  <div class="katniny">
 84                      <img class="recommendAcc-pfp" src="" id="katninyPfp" draggable="false" /> <p id="katninyDisplay"></p>
 85                      <br /> <a href="/home" id="followBtn-1"><button class="followBtn">Follow</button></a>
 86                      <p id="katninyUser-pronouns"></p>
 87                  </div>
 88  
 89                  <br />
 90  
 91                  <!-- Auride -->
 92                  <div class="auride">
 93                      <img class="recommendAcc-pfp" src="" id="auridePfp" draggable="false" /> <p id="aurideDisplay"></p>
 94                      <br /> <a href="/home" id="followBtn-2"><button class="followBtn">Follow</button></a>
 95                      <p id="aurideUser-pronouns"></p>
 96                  </div>
 97  
 98                  <br />
 99  
100                  <!-- Katniny Studios -->
101                  <div class="katninystudios">
102                      <img class="recommendAcc-pfp" src="" id="katninystudiosPfp" draggable="false" /> <p id="katninystudiosDisplay"></p>
103                      <br /> <a href="/home" id="followBtn-3"><button class="followBtn">Follow</button></a>
104                      <p id="katninystudiosUser-pronouns"></p>
105                  </div>
106              </div>
107          </div>
108  
109          <div class="policies">
110              <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> 
111          </div>
112  
113          <div id="notSignedIn-banner">
114              <p>Join the fun on Auride!</p>
115              <a href="/auth/login"><button>Login</button></a>
116              <a href="/auth/register"><button>Create an account</button></a>
117          </div>
118  
119          <!-- Achievement Unlock -->
120          <div id="achievementUnlock" class="achievementUnlock" style="display: none;">
121              <div id="achievementIcon"><i class="fa-solid fa-pencil"></i></div> <p id="achievementName">Achievement Name</p>
122          </div>
123  
124          <dialog id="showAchievementUnlock">
125              <h2 id="titleAndIcon">title and stuff</h2>
126              <p id="unlockReason">because you did</p>
127              <p id="unlockDate">m/d/y (the objectively correct way)</p>
128              <button onclick="document.getElementById('showAchievementUnlock').close();">Okay!</button>
129          </dialog>
130  
131          <!-- Modals -->
132  
133          <dialog id="signInPrompt">
134              <img src="/assets/imgs/All_transparent.png" draggable="false" style="width: 450px; height: 100px; margin-left: 17%; margin-right: 15%;" />
135              <h2>You must be signed in.</h2>
136              <p>To perform this action, you need to be signed into Auride!</p>
137              <br />
138              <a href="/auth/login"><button>Login</button></a>
139              <div style="margin-top: 5px;"></div>
140              <a href="/auth/register"><button>Register</button></a>
141          </dialog>
142  
143          <dialog id="openLink">
144              <h2>Leaving Auride</h2>
145              <p>This link is taking you to the following website:</p>
146  
147              <br />
148  
149              <p style="text-align: center;" id="linkyLink">https://link.com/</p>
150  
151              <br />
152  
153              <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>
154          </dialog>
155  
156          <dialog id="addAltText">
157              <h2>Add Alt Text</h2>
158              <p>Help those with visual impairments or low vision understand what your note is.</p>
159  
160              <textarea id="altText_input" placeholder="A fluffy orange cat sitting on a windowsill, licking its paw and grooming itself"></textarea>
161  
162              <br />
163  
164              <button onclick="addAltText_finish()">Finish</button>
165          </dialog>
166  
167          <dialog id="verifyEmail">
168              <h2><i class="fa-solid fa-envelope-circle-check"></i> Please verify your email</h2>
169              <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>
170              <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>
171  
172              <br />
173  
174              <button onclick="getVerificationEmail()" style="width: 100%;"><i class="fa-solid fa-check-to-slot"></i> Verify Email</button>
175          </dialog>
176  
177          <dialog id="emailSent_emailVer">
178              <h2><i class="fa-solid fa-envelope-circle-check"></i> Email sent!</h2>
179              <p>Once you verify your email, please click the button below to verify, then we won't bug you again!</p>
180              <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>
181  
182              <br />
183  
184              <button onclick="window.location.reload()">Check Verification Status</button>
185          </dialog>
186  
187          <dialog id="noteDeleted">
188              <h2>Note Deleted</h2>
189              <p>Note was successfully deleted.</p>
190  
191              <br />
192  
193              <button onclick="window.location.reload()">Okay</button>
194          </dialog>
195  
196          <dialog id="noteUpdated">
197              <h2>Note Updated</h2>
198              <p>Note was successfully updated.</p>
199  
200              <br />
201  
202              <button onclick="window.location.reload()">Okay</button>
203          </dialog>
204  
205          <dialog id="accountWarning">
206              <h2>Account Warning</h2>
207              <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>
208  
209              <br />
210  
211              <p style="color: var(--text-semi-transparent);">Reason: <span id="warningReason"></span></p>
212  
213              <br />
214              <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>
215              <p>You can continue using Auride after agreeing to our Terms of Service.</p>
216  
217              <input type="checkbox" id="warningAgreeToTerms" style="width: 15px;"> I agree
218              <p style="color: var(--error-text); display: none;" id="warningAcknowledge">Please agree to the Terms before continuing.</p>
219              <br />
220              <button onclick="acknowledgeWarning()">Continue using Auride</button>
221          </dialog>
222      </body>
223  </html>