/ src / updates.html
updates.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 | All Updates</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  
  11          <meta name="robots" content="nofollow, noai, noimageai">
  12          <meta name="og:type" content="website">
  13          <meta name="og:url" content="https://auride.xyz/">
  14          <meta name="og:title" content="Auride">
  15          <meta name="og:site_name" content="auride.xyz">
  16          <meta name="og:description" content="Auride - a safe place for everyone.">
  17          <meta name="description" content="Auride - a safe place for everyone.">
  18          <meta property="og:image" content="https://auride.xyz/assets/imgs/favicon.png">
  19          <meta name="theme-color" content="#ef97be">
  20          <script src="/assets/js/requiredScripts.js"></script>
  21          <script src="/assets/js/scriptLoader.js"></script>
  22          <script defer>
  23              ScriptLoader.load(
  24                  //...
  25              ).then(() => {
  26                  console.log("Scripts for /home have been loaded successfully.");
  27              }).catch((error) => {
  28                  console.error("An error occurred: ", error, " please try refreshing.");
  29              });
  30          </script>
  31      </head>
  32  
  33      <body>
  34          <!-- Bottom Nav (mobile) -->
  35          <!--<div class="mobileBottomNav" id="mobileBottomNav">
  36              <div class="nav">
  37              <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>
  38              </div>
  39          </div>-->
  40  
  41          <!-- Note successfully sent -->
  42          <div id="successfullySent" style="display: none;"><p>Note successfully sent!</p></div>
  43  
  44          <!-- New Note Alert -->
  45          <!--<div class="notesAlert" id="notesAlert">
  46              <p>New Notes</p>
  47          </div>-->
  48  
  49          <!-- Notes -->
  50          <div class="notes" id="notes">
  51              <div class="newNotesAdded" id="newNotesAdded">
  52                  <!-- Notes go here. This content is user-generated, no default HTML should be here. -->
  53              </div>
  54  
  55              <div class="noteFilter">
  56                  <div class="blogStyle" style="margin: 15px;">
  57                      <h3>Filter Version:</h3>
  58                      <button onclick="filterInDev()">Indev</button> <button onclick="filterPreAlpha()">Pre-Alpha</button> <button onclick="filterAlpha()">Alpha</button> <button onclick="filterBeta()">Beta</button> <button onclick="filterRelease()">Release</button>
  59  
  60                      <br />
  61                      <br />
  62  
  63                      <h1 id="selectedFilter" style="text-decoration: underline; margin-bottom: 5px;">Alpha Versions</h1>
  64  
  65                      <div id="alphaVersions">
  66                          <p>Trying to find older updates? You may be interested in the Pre-Alpha tab, since Auride is no longer in Pre-Alpha!</p>
  67  
  68                          <div class="update">
  69                              <h2>v2025.10.16_alpha</h2>
  70                              <h3 style="color: var(--text-semi-transparent);">Released: October 16, 2025</h3>
  71                                  <li>(Dev Env) Unified sidebar HTML</li>
  72                                      <li style="margin-left: 35px; color: var(--text-semi-transparent); font-size: smaller;">If you're a user and notice new sidebar issues, <a href="https://github.com/katiny/Auride/issues">let us know</a>!</li>
  73                                  <li>(Dev Env) Depreciated loadEverything() -- this code is now handled in /public/assets/js/ui/essential/sidebar.js</li>
  74                                  <li>Updated TikTok link to our actual username</li>
  75                                  <li>Replaced Twitter link with Bluesky link, as Twitter is a depreciated platform</li>
  76                                  <li>Fixed the profile sidebar container containing buttons for settings/signing out for signed out users</li>
  77                                  <li>(Dev Env) Unified header HTML</li>
  78                                      <li style="margin-left: 35px; color: var(--text-semi-transparent); font-size: smaller;">If you're a user and notice new header issues, <a href="https://github.com/katiny/Auride/issues">let us know</a>!</li>
  79                                  <li>Fixed signed out users getting the same interactions in the header as a signed in user</li>
  80                                  <li>Fixed the search bar in the header not working</li>
  81                                  <li>Fixed notes from a different year showing up as if they were from this year (e.g., "April 11" instead of "April 11, 2024")</li>
  82                          </div>
  83                          
  84                          <br />
  85  
  86                          <div class="update">
  87                              <h2>v2025.10.15_alpha</h2>
  88                              <h3 style="color: var(--text-semi-transparent);">Released: October 15, 2025</h3>
  89                                  <li>Notifications will now load in batches of 15 rather than all at once, improving performance & load times on the notifications page significantly</li>
  90                                  <li>Fixed notification icons not having color</li>
  91                          </div>
  92                          
  93                          <br />
  94  
  95                          <div class="update">
  96                              <h2>v2025.10.14_alpha</h2>
  97                              <h3 style="color: var(--text-semi-transparent);">Released: October 14, 2025</h3>
  98                                  <li>Added hashtag support because <a href="/search?q=#WeHeckinLoveHashtags">#WeHeckinLoveHashtags</a></li>
  99                                  <li>Fixed hashtags not working on new lines</li>
 100                          </div>
 101                          
 102                          <br />
 103  
 104                          <div class="update">
 105                              <h2>v2025.10.11_alpha</h2>
 106                              <h3 style="color: var(--text-semi-transparent);">Released: October 11, 2025</h3>
 107                                  <li>Fixed signed out users not being able to view notes</li>
 108                                  <li>(Hopefully) fixed note sorting issues</li>
 109                                  <li>Fixed notes from deleted users showing up</li>
 110                          </div>
 111                          
 112                          <br />
 113  
 114                          <div class="update">
 115                              <h2>v2025.10.7_alpha</h2>
 116                              <h3 style="color: var(--text-semi-transparent);">Released: October 7, 2025</h3>
 117                                  <li>Fixed favorites not showing up on the favorites page</li>
 118                                  <li>Fixed renotes not showing up on user pages, even if they renoted it</li>
 119                                  <li>Added ability to paste images from clipboard</li>
 120                          </div>
 121                          
 122                          <br />
 123  
 124                          <div class="update">
 125                              <h2>v2025.10.6_alpha</h2>
 126                              <h3 style="color: var(--text-semi-transparent);">Released: October 6, 2025</h3>
 127                                  <li>Fixed notifications for replies not working correctly</li>
 128                                      <li style="margin-left: 35px; color: var(--text-semi-transparent); font-size: smaller;">Please note this only works for notifications made after this fix. We're looking into fixing older notifications.</li>
 129                                  <li>Notifications for replies will now get scrolled to automatically, if possible</li>
 130                          </div>
 131                          
 132                          <br />
 133  
 134                          <div class="update">
 135                              <h2>v2025.10.4_alpha</h2>
 136                              <h3 style="color: var(--text-semi-transparent);">Released: October 4, 2025</h3>
 137                                  <li>Fixed syntax error on updates page</li>
 138                                  <li>Fixed other release version update logs showing up when not viewing that release versions updates</li>
 139                          </div>
 140                          
 141                          <br />
 142  
 143                          <div class="update">
 144                              <h2>v2025.10.3_alpha</h2>
 145                              <h3 style="color: var(--text-semi-transparent);">Released: October 3, 2025</h3>
 146                                  <li>(Dev Env) Improved autocomplete in compatible code editors</li>
 147                                  <li>Removed selection popup for editing/deleting notes in favor of menu on notes</li>
 148                                  <li>(Dev Env) Removed editWhatPartofNote</li>
 149                                  <li>(Dev Env) Unified editNoteContent HTML</li>
 150                                  <li>(Dev Env) Unified checkIfNoteDeletion HTML</li>
 151                          </div>
 152                          
 153                          <br />
 154  
 155                          <div class="update">
 156                              <h2>v2025.9.29_alpha</h2>
 157                              <h3 style="color: var(--text-semi-transparent);">Released: September 29, 2025</h3>
 158                                  <li>(Dev Env) Updated Docker to use ./data instead of /data due to file restrictions</li>
 159                                  <li>MP3 is now a supported format on Auride</li>
 160                          </div>
 161                          
 162                          <br />
 163  
 164                          <div class="update">
 165                              <h2>v2025.9.28_alpha</h2>
 166                              <h3 style="color: var(--text-semi-transparent);">Released: September 28, 2025</h3>
 167                                  <li>(Dev Env) Started utilizing Vite-PWA for nicer PWA experiences</li>
 168                                  <li>(Dev Env) Added a service worker, allowing the browser to load and cache files, assuming they weren't updated</li>
 169                                  <li>(Dev Env) Upgraded Vite from 7.0.0 to 7.1.7</li>
 170                                  <li>Fixed "New Notes" button not appearing when a new note was created</li>
 171                                  <li>Increased visibility on not signed in banner</li>
 172                                  <li>When creating a note, you can now press Ctrl + Enter to send it quickly</li>
 173                          </div>
 174                          
 175                          <br />
 176  
 177                          <div class="update">
 178                              <h2>v2025.9.26_alpha</h2>
 179                              <h3 style="color: var(--text-semi-transparent);">Released: September 26, 2025</h3>
 180                                  <li>(Dev Env) Prevented getNoteData from being accessed non-GET requests</li>
 181                                  <li>(Dev Env) Added /testing/apiEndpoints to test API endpoints</li>
 182                          </div>
 183                          
 184                          <br />
 185  
 186                          <div class="update">
 187                              <h2>v2025.9.25_alpha</h2>
 188                              <h3 style="color: var(--text-semi-transparent);">Released: September 25, 2025</h3>
 189                                  <li>(Dev Env) Removed unnecessary console.log</li>
 190                                  <li>To fix "This client is offline" errors, we have bumped loaded notes from 25 to 15</li>
 191                                  <li>(Dev Env) Added preventions for visiting the Auride API URL directly</li>
 192                                  <li>Fixed not being able to use 0 in your username</li>
 193                          </div>
 194                          
 195                          <br />
 196  
 197                          <div class="update">
 198                              <h2>v2025.9.22_alpha</h2>
 199                              <h3 style="color: var(--text-semi-transparent);">Released: September 22, 2025</h3>
 200                              <li>Fixed user profiles not showing a user's notes</li>
 201                          </div>
 202  
 203                          <br />
 204  
 205                          <div class="update">
 206                              <h2>v2025.9.21_alpha</h2>
 207                              <h3 style="color: var(--text-semi-transparent);">Released: September 21, 2025</h3>
 208                              <li>(Dev Env) Started utilizing Render</li>
 209                              <li>(Dev Env) Moved home, note, and user page notes to server-side code</li>
 210                          </div>
 211  
 212                          <br />
 213  
 214                          <div class="update">
 215                              <h2>v2025.9.19_alpha</h2>
 216                              <h3 style="color: var(--text-semi-transparent);">Released: September 19, 2025</h3>
 217                              <li>Fixed issues related to loving/renoting notes under other notes and on user profiles</li>
 218                          </div>
 219  
 220                          <br />
 221  
 222                          <div class="update">
 223                              <h2>v2025.9.16_alpha</h2>
 224                              <h3 style="color: var(--text-semi-transparent);">Released: September 16, 2025</h3>
 225                              <li>Updated the indev page to be accurate for current day Auride</li>
 226                              <li>Fixed images overflowing on mobile devices lower than 520px in width</li>
 227                          </div>
 228  
 229                          <br />
 230  
 231                          <div class="update">
 232                              <h2>v2025.9.15_alpha</h2>
 233                              <h3 style="color: var(--text-semi-transparent);">Released: September 15, 2025</h3>
 234                              <li>Bump amount of loaded notes from 15 -> 25, hopefully fixing issues related to note loading on larger resolutions</li>
 235                              <li>(Dev Env) Do some code refactoring related to notes -- user pages will now load a users notes properly and note pages will no longer search EVERY note for a replyingTo value as they are now just under the note</li>
 236                          </div>
 237  
 238                          <br />
 239  
 240                          <div class="update">
 241                              <h2>v2025.9.10_alpha</h2>
 242                              <h3 style="color: var(--text-semi-transparent);">Released: September 10, 2025</h3>
 243                              <li>(Dev Env) Clean up some files in /public/assets/js/</li>
 244                          </div>
 245  
 246                          <br />
 247  
 248                          <div class="update">
 249                              <h2>v2025.9.9_alpha</h2>
 250                              <h3 style="color: var(--text-semi-transparent);">Released: September 9, 2025</h3>
 251                              <li>(Dev Env) Moved all source code into the src folder for cleaner source directory</li>
 252                              <li>(Dev Env) Cleaned up files to remove what we no longer use (e.g. CNAME file)</li>
 253                              <li>Fixed manifest.json file for proper support for our PWA</li>
 254                              <li>Fixed errors occurring on user page, causing some information to fail to load (See <a href="https://github.com/katniny/Auride/issues/55" target="_blank">Issue #55</a>)</li>
 255                              <li>Removed restriction on UK users, UK users can now view NSFW content</li>
 256                              <li style="margin-left: 35px; color: var(--text-semi-transparent); font-size: smaller;">We're U.S. operated, why are we letting the Brits boss us around? ;p</li>
 257                              <li>Fixed IPAPI throwing thousands of errors on /note pages (See <a href="https://github.com/katniny/Auride/issues/54">Issue #54</a>)</li>
 258                          </div>
 259  
 260                          <br />
 261  
 262                          <div class="update">
 263                              <h2>v2025.9.7_alpha</h2>
 264                              <h3 style="color: var(--text-semi-transparent);">Released: September 7, 2025</h3>
 265                              <li>Storage provider has been switched (thanks <a href="/u/arthuro555"></a>!) and Auride is back to stability.</li>
 266                              <li style="margin-left: 35px; color: var(--text-semi-transparent); font-size: smaller;">Please note that there is still an issue with older notes not loading their media properly. We're looking into it.</li>
 267                              <li>(Dev Env) Added Docker for hosting storage locally</li>
 268                              <li>Update contributors list & update contributors profile pictures/descriptions</li>
 269                          </div>
 270  
 271                          <br />
 272  
 273                          <div class="update">
 274                              <h2>v2025.7.30_alpha</h2>
 275                              <h3 style="color: var(--text-semi-transparent);">Released: July 30, 2025</h3>
 276                              <li>Users in the UK can temporarily no longer view NSFW content</li>
 277                              <li>Updated Privacy Policy, please <a href="/policies/privacy">review</a></li>
 278                              <li>Added clarification that all policy changes take effect immediately after being posted</li>
 279                          </div>
 280  
 281                          <br />
 282  
 283                          <div class="update">
 284                              <h2>v2025.6.29_alpha</h2>
 285                              <h3 style="color: var(--text-semi-transparent);">Released: June 29, 2025</h3>
 286                              <li>Fixed bug where signed out users couldn't see notes</li>
 287                              <li>(Dev Env) Started utilizing <a href="https://vite.dev/" target="_blank">Vite</a>, please use `npm run dev` to host Auride locally</li>
 288                              <li>(Dev Env) Static elements should be in /public/assets/..., dynamic elements should be in /assets/...</li>
 289                              <li>(Dev Env) Updated <a href="https://github.com/katniny/auride/blob/main/CONTRIBUTING.md" target="_blank">CONTRIBUTING.md</a>, contributors -- please review!</li>
 290                              <li>(Dev Env) Update firebase-hosting-merge.yml to utilize Vite</li>
 291                          </div>
 292  
 293                          <br />
 294  
 295                          <div class="update">
 296                              <h2>v2025.6.26_alpha</h2>
 297                              <h3 style="color: var(--text-semi-transparent);">Released: June 26, 2025</h3>
 298                              <li><a href="/blog/retiring-transsocial">Rebranded TransSocial to Auride</a></li>
 299                              <li>NOTICE: transs.social will redirect until April 5, 2026, please start using auride.xyz</li>
 300                              <li>Minor UI changes</li>
 301                              <li><a href="/contributors">Added new contributor, wassupgeorgiie!</a></li>
 302                              <li>Fixed issue where the sidebar button would jump up when attempting to click on it</li>
 303                          </div>
 304                      </div> 
 305  
 306                      <br />
 307  
 308                      <div id="prealphaVersions" style="display: none;">
 309                          <p>Trying to find older updates? You may be interested in the InDev tab, since Auride is no longer in InDev!</p>
 310  
 311                          <div class="update">
 312                              <h2>v2025.6.17_pre-alpha</h2>
 313                              <h3 style="color: var(--text-semi-transparent);">Released: June 17, 2025</h3>
 314                              <li>If you allow notifications and leave a TransSocial tab open in the background, you can now receive push notifications</li>
 315                              <li>(Dev Env) Moved (some) notification logic to seperate file</li>
 316                              <li>(Dev Env) Added .infoGood, .infoWarning and .infoWarning tags, allowing quick styling of info types</li>
 317                              <li>Moved about page from index ("/") to about ("/about")</li>
 318                          </div>
 319  
 320                          <br />
 321  
 322                          <div class="update">
 323                              <h2>v2025.6.11_pre-alpha</h2>
 324                              <h3 style="color: var(--text-semi-transparent);">Released: June 11, 2025</h3>
 325                              <li>Clicking or tapping on an image now opens a larger view</li>
 326                          </div>
 327  
 328                          <br />
 329  
 330                          <div class="update">
 331                              <h2>v2025.6.7_pre-alpha</h2>
 332                              <h3 style="color: var(--text-semi-transparent);">Released: June 7, 2025</h3>   
 333                              <li>Fixed the bug where notes would appear twice (update -- fixed it on other pages as well)</li>
 334                              <li>Fixed the TransSocial Accounts area being colorless and missing margins</li>
 335                          </div>
 336  
 337                          <br />
 338  
 339                          <div class="update">
 340                              <h2>v2025.6.1_pre-alpha</h2>
 341                              <h3 style="color: var(--text-semi-transparent);">Released: June 1, 2025</h3>   
 342                              <li>Resolved issue where TransSocial would check your pride logo preference but failed, causing an infinite loading screen</li>
 343                          </div>
 344  
 345                          <br />
 346  
 347                          <div class="update">
 348                              <h2>v2025.5.31_pre-alpha</h2>
 349                              <h3 style="color: var(--text-semi-transparent);">Released: May 31, 2025</h3>
 350                              <li><a href="/blog/memorialized-accounts">Added memorial accounts</a> (See <a href="/u/sun">@sun</a>)</li>
 351                              <li>The page will no longer refresh when changing themes, whether a default or custom theme</li>
 352                              <li>(Dev Env) Moved theme colors & theme applying logic to /assets/js/setTheme.js</li>
 353                          </div>
 354  
 355                          <br />
 356  
 357                          <div class="update">
 358                              <h2>v2025.5.21_pre-alpha</h2>
 359                              <h3 style="color: var(--text-semi-transparent);">Released: May 21, 2025</h3>
 360                              <li>Updated the GitHub README</li>
 361                              <li>Updated the GitHub Contributing Guide</li>
 362                              <li>Updated the bug report and feature request templates for GitHub Issues</li>
 363                              <li>Updated the pull request template</li>
 364                              <li>(Dev Env) Made the "pre-alpha" in the version notice dynamic</li>
 365                              <li>Added missing update logs for May 7, 2025 and May 8, 2025</li>
 366                          </div>
 367  
 368                          <br />
 369  
 370                          <div class="update">
 371                              <h2>v2025.5.8_pre-alpha</h2>
 372                              <h3 style="color: var(--text-semi-transparent);">Released: May 8, 2025</h3>
 373                              <li>Resolved typos in the Privacy Policy</li>
 374                          </div>
 375  
 376                          <br />
 377  
 378                          <div class="update">
 379                              <h2>v2025.5.7_pre-alpha</h2>
 380                              <h3 style="color: var(--text-semi-transparent);">Released: May 7, 2025</h3>
 381                              <li>Updated the GitHub README to be more up-to-date</li>
 382                              <li>Redesigned the index page for signed-out users</li>
 383                          </div>
 384  
 385                          <br />
 386  
 387                          <div class="update">
 388                              <h2>v2025.5.6_pre-alpha</h2>
 389                              <h3 style="color: var(--text-semi-transparent);">Released: May 6, 2025</h3>
 390                              <li>Fixed issue where you could not reply to a note in /note</li>
 391                              <li>(Dev Env) Resolved errors when replying to a note that did not directly affect the user</li>
 392                              <li>Added note previews when replying to a note (<a href="/blog/note-previews">What are note previews?</a>)</li>
 393                          </div>
 394  
 395                          <br />
 396  
 397                          <div class="update">
 398                              <h2>v2025.5.1_pre-alpha</h2>
 399                              <h3 style="color: var(--text-semi-transparent);">Released: May 1, 2025</h3>
 400                              <li>Fixed inability to create an account</li>
 401                          </div>
 402  
 403                          <br />
 404  
 405                          <div class="update">
 406                              <h2>v2025.4.12_pre-alpha</h2>
 407                              <h3 style="color: var(--text-semi-transparent);">Released: April 12, 2025</h3>
 408                              <li>Fixed profile pictures not loading on WebKit-based browsers</li>
 409                              <li>Fixed inaccurate version (bump version)</li>
 410                              <li>Added update notes for April 11 that were previously not there</li>
 411                              <li>Fixed not being able to see notes on the homepage while not logged in</li>
 412                              <li>Post flags now are expansive! <a href="/blog/new-flagging-system">Learn about it!</a></li>
 413                              <li>Temporarily remove lore</li>
 414                          </div>
 415  
 416                          <br />
 417  
 418                          <div class="update">
 419                              <h2>v2025.4.11_pre-alpha</h2>
 420                              <h3 style="color: var(--text-semi-transparent);">Released: April 11, 2025</h3>
 421                              <li><a href="/blog/transsocial-relaunched-1yo">TransSocial relaunched 1 year ago!</a></li>
 422                          </div>
 423  
 424                          <br />
 425  
 426                          <div class="update">
 427                              <h2>v2025.4.2_pre-alpha</h2>
 428                              <h3 style="color: var(--text-semi-transparent);">Released: April 2, 2025</h3>
 429                              <li>Removed April Fools joke content</li>
 430                              <li>Fixed the character count in the note creation popup not working & fixed infinite character limit (related)</li>
 431                              <li>Fixed the character count in the note editing popup not working & fixed infinite character limit (related)</li>
 432                              <li>Fixed the character count in the display name input not working & fixed infinite character limit (related)</li>
 433                              <li>Fixed the character count in the username input not working & fixed infinite character limit (related)</li>
 434                              <li>Fixed the character count in the pronouns input not working & fixed infinite character limit (related)</li>
 435                              <li>Fixed the character count in the bio input not working & fixed infinite character limit (related)</li>
 436                              <li>Fixed the character count in the save theme title input not working & fixed infinite character limit (related)</li>
 437                              <li>Fixed the character count in the publishing theme title input not working & fixed infinite character limit (related)</li>
 438                              <li>Fixed the character count in the publishing theme description input not working & fixed infinite character limit (related)</li>
 439                              <li>Fixed inability to change profile picture or banner</li>
 440                          </div>
 441  
 442                          <br />
 443  
 444                          <div class="update">
 445                              <h2>v2025.4.1_pre-alpha</h2>
 446                              <h3 style="color: var(--text-semi-transparent);">Released: April 1, 2025</h3>
 447                              <li>(Dev Env) Make note popup modular</li>
 448                              <li><a href="/blog/introducing-aurorai">Added AurorAI</a></li>
 449                              <li>Added 50% chance for @username to be flipped on notes. Why? Why not.</li>
 450                          </div>
 451  
 452                          <br />
 453  
 454                          <div class="update">
 455                              <h2>v2025.3.17_pre-alpha</h2>
 456                              <h3 style="color: var(--text-semi-transparent);">Released: March 17, 2025</h3>
 457                              <li>(Dev Env) Refactor note rendering to be more development friendly</li>
 458                          </div>
 459  
 460                          <br />
 461  
 462                          <div class="update">
 463                              <h2>v2025.3.12_pre-alpha</h2>
 464                              <h3 style="color: var(--text-semi-transparent);">Released: March 12, 2025</h3>
 465                              <li>(Dev Env) Make the page loader dynamic</li>
 466                              <li>Fixed bug where you could not visit /auth/done when a theme was selected</li>
 467                          </div>
 468  
 469                          <br />
 470  
 471                          <div class="update">
 472                              <h2>v2025.3.10_pre-alpha</h2>
 473                              <h3 style="color: var(--text-semi-transparent);">Released: March 10, 2025</h3>
 474                              <li>(Dev Env) Added requiredScripts.js and scriptLoader.js</li>
 475                              <li style="font-size: smaller; color: var(--text-semi-transparent); margin-left: 15px;">requiredScripts.js will load scripts necessary for TransSocial to operate correctly (for the most part), and scriptLoader.js will load scripts that only specific pages need.</li>
 476                              <li>(Dev Env) Begin separation of JavaScript code</li>
 477                              <li>(Dev Env) Removed unused GitHub Workflow</li>
 478                              <li>Updated copyright year on main page</li>
 479                              <li>Updated text highlighting color to match the users theme</li>
 480                              <li>(Dev Env) Removed unused .vscode folder</li>
 481                              <li>(Dev Env) Removed unused HTML file</li>
 482                          </div>
 483  
 484                          <br />
 485  
 486                          <div class="update">
 487                              <h2>v2025.3.7_pre-alpha</h2>
 488                              <h3 style="color: var(--text-semi-transparent);">Released: March 7, 2025</h3>
 489                              <li>(Dev Env) Separate CSS into different files for easier maintainability</li>
 490                              <li>(Dev Env) Remove unused CSS</li>
 491                              <li>Resolved bug where you could follow yourself</li>
 492                              <li>Fixed odd list item margin on Chromium-based browsers</li>
 493                          </div>
 494  
 495                          <br />
 496  
 497                          <div class="update">
 498                              <h2>v2025.3.02_pre-alpha</h2>
 499                              <h3 style="color: var(--text-semi-transparent);">Released: March 2, 2025</h3>
 500                              <li>You can now escape markdown using \</li>
 501                          </div>
 502  
 503                          <br />
 504  
 505                          <div class="update">
 506                              <h2>v2025.2.24_pre-alpha</h2>
 507                              <h3 style="color: var(--text-semi-transparent);">Released: February 24, 2025</h3>
 508                              <li>We have started defining what is considered political on TransSocial. <a href="/blog/what-qualifies-as-political">Please see notice</a>.</li>
 509                          </div>
 510  
 511                          <br />
 512  
 513                          <div class="update">
 514                              <h2>v2025.2.20_pre-alpha</h2>
 515                              <h3 style="color: var(--text-semi-transparent);">Released: February 20, 2025</h3>
 516                              <li>Added OpenDyslexic font</li>
 517                              <li>Replaced "Environment" tab in the Settings with "Accessibility"</li>
 518                              <li>Moved Font Scale Setting from "Personalization" to "Accessibility"</li>
 519                              <li>Moved Larger Note Buttons from the experiments to "Accessibility"</li>
 520                          </div>
 521  
 522                          <br />
 523  
 524                          <div class="update">
 525                              <h2>v2025.2.18_pre-alpha</h2>
 526                              <h3 style="color: var(--text-semi-transparent);">Released: February 18, 2025</h3>
 527                              <li>No longer rely on Google-hosted fonts for self-hosted fonts</li>
 528                              <li>Updated <a href="/download">Downloads page</a></li>
 529                          </div>
 530  
 531                          <br />
 532  
 533                          <div class="update">
 534                              <h2>v2025.2.1_pre-alpha</h2>
 535                              <h3 style="color: var(--text-semi-transparent);">Released: February 1, 2025</h3>
 536                              <li>Fixed bookmarking/quoting notes</li>
 537                              <li>Fixed grammatical errors</li>
 538                              <li>Updated contributors list</li>
 539                              <li>Updated <a href="/policies/terms">Terms of Service</a></li>
 540                              <li>If signed out and near the bottom of a page, the login prompt will hide itself as to not block content that may be important</li>
 541                              <li><a href="https://github.com/katniny/transsocial/blob/main/CONTRIBUTING.md" target="_blank">Added CONTRIBUTING.md file</a></li>
 542                          </div>
 543  
 544                          <br />
 545  
 546                          <div class="update">
 547                              <h2>v2025.1.30_pre-alpha</h2>
 548                              <h3 style="color: var(--text-semi-transparent);">Released: January 30, 2025</h3>
 549                              <li>Fix a lot more major security issues where users could easily insert arbitrary HTML</li>
 550                              <li>Fix not being able to click on notes</li>
 551                          </div>
 552  
 553                          <br />
 554  
 555                          <div class="update">
 556                              <h2>v2025.1.29_pre-alpha</h2>
 557                              <h3 style="color: var(--text-semi-transparent);">Released: January 29, 2025</h3>
 558                              <li>Fix critical security issue in the note click handler</li>
 559                              <li style="font-size: smaller; color: var(--text-semi-transparent); margin-left: 15px;">See <a href="https://github.com/katniny/transsocial/issues/28">issue #28 on GitHub</a></li>
 560                          </div>
 561  
 562                          <br />
 563  
 564                          <div class="update">
 565                              <h2>v2025.1.24_pre-alpha</h2>
 566                              <h3 style="color: var(--text-semi-transparent);">Released: January 24, 2025</h3>
 567                              <li>Move from Stripe to Donorbox for privacy reasons</li>
 568                              <li style="font-size: smaller; color: var(--text-semi-transparent); margin-left: 15px;">All Katniny+ subscriptions have been automatically ended.</li>
 569                          </div>
 570  
 571                          <br />
 572  
 573                          <div class="update">
 574                              <h2>v2025.1.8_pre-alpha</h2>
 575                              <h3 style="color: var(--text-semi-transparent);">Released: January 8, 2025</h3>
 576                              <li><a href="/remembering">...</a></li>
 577                          </div>
 578  
 579                          <br />
 580  
 581                          <div class="update">
 582                              <h2>v2024.12.24_pre-alpha</h2>
 583                              <h3 style="color: var(--text-semi-transparent);">Released: December 24, 2024</h3>
 584                              <li><a href="/blog/welcome-aurora">Added Aurora</a></li>
 585                              <li>Added custom emojis</li>
 586                              <li>Updated <a href="/contributors">contributors list</a></li>
 587                              <li>Added "Main Contributors" and "External Contributors" (definitions can be found in the <a href="/contributors">contributors page</a>)</li>
 588                          </div>
 589  
 590                          <br />
 591  
 592                          <div class="update">
 593                              <h2>v2024.12.20_pre-alpha</h2>
 594                              <h3 style="color: var(--text-semi-transparent);">Released: December 20, 2024</h3>
 595                              <li>Fixed issue where mobile users that clicked on the Santa hat in the header would be redirected to the home page, rather than opening the sidebar</li>
 596                          </div>
 597  
 598                          <br />
 599  
 600                          <div class="update">
 601                              <h2>v2024.12.1_pre-alpha</h2>
 602                              <h3 style="color: var(--text-semi-transparent);">Released: December 1, 2024</h3>
 603                              <li>Added Santa hat to header (it's December, I have to)</li>
 604                              <li>Detect if you're using <a href="https://github.com/katniny/meowser/releases/latest" target="_blank">Meowser</a> or not</li>
 605                          </div>
 606  
 607                          <br />
 608  
 609                          <div class="update">
 610                              <h2>v2024.11.17_pre-alpha</h2>
 611                              <h3 style="color: var(--text-semi-transparent);">Released: November 17, 2024</h3>
 612                              <li>If a suspended users note was quoted, it will no longer be available to view</li>
 613                              <li>You can no longer view notes by suspended users</li>
 614                              <li>You can no longer view profiles of suspended users</li>
 615                          </div>
 616  
 617                          <br />
 618  
 619                          <div class="update">
 620                              <h2>v2024.10.30_pre-alpha</h2>
 621                              <h3 style="color: var(--text-semi-transparent);">Released: October 30, 2024</h3>
 622                              <li>Made subscription billing more accurate (from "You've been subscribed since ..." to "Current billing period: [START] to [FINISH]")</li>
 623                          </div>
 624  
 625                          <br />
 626  
 627                          <div class="update">
 628                              <h2>v2024.10.28_pre-alpha</h2>
 629                              <h3 style="color: var(--text-semi-transparent);">Released: October 28, 2024</h3>
 630                              <li>Fixed signed out users not being able to do anything due to TransSocial thinking they're trying to love/renote a note</li>
 631                              <li>Made "Join TransSocial" banner for signed out users more prominent</li>
 632                              <li>Added easter eggs</li>
 633                              <li>Fixed notes not loading</li>
 634                          </div>
 635  
 636                          <br />
 637  
 638                          <div class="update">
 639                              <h2>v2024.10.27_pre-alpha</h2>
 640                              <h3 style="color: var(--text-semi-transparent);">Released: October 27, 2024</h3>
 641                              <li>Switched hosting providers</li>
 642                              <li>When visiting users, notes or user studio store pages, it will now use /type/id instead of /type?id=id (e.g. <a href="https://auride.xyz/u/katniny">https://auride.xyz/u/katniny</a>). The old type is no longer supported and may have instability</li>
 643                              <li>Fixed header on smaller resolutions (e.g. small phones)</li>
 644                          </div>
 645  
 646                          <br />
 647  
 648                          <div class="update">
 649                              <h2>v2024.10.20_pre-alpha</h2>
 650                              <h3 style="color: var(--text-semi-transparent);">Released: October 20, 2024</h3>
 651                              <li>Updated SEO</li>
 652                              <li>Added blog section</li>
 653                              <li>Added our <a href="/blog/why-transsocial">first blog</a></li>
 654                              <li>(Dev Env) Cloud Functions is now working, we can now use servers to our advantage</li>
 655                              <li>Added more items to the <a href="/opensource">open source page</a> (unaware some of these were open source)</li>
 656                          </div>
 657  
 658                          <br />
 659  
 660                          <div class="update">
 661                              <h2>v2024.10.14_pre-alpha</h2>
 662                              <h3 style="color: var(--text-semi-transparent);">Released: October 14, 2024</h3>
 663                              <li>Started allowing redirection to other Katniny websites</li>
 664                              <li>Fixed not being able to progress past the policies page during registration</li>
 665                          </div>
 666  
 667                          <br />
 668  
 669                          <div class="update">
 670                              <h2>v2024.10.7_pre-alpha</h2>
 671                              <h3 style="color: var(--text-semi-transparent);">Released: October 7, 2024</h3>
 672                              <li>Added text for when you attempt to register to be notified of our policies (again)</li>
 673                              <li>Throw <a href="/policies/child-safety">Child Safety policy</a> in users face when they're registering</li>
 674                              <li>Added more warnings before people join TransSocial to make them aware of the consequences when joining and violating our policies</li>
 675                          </div>
 676  
 677                          <br />
 678  
 679                          <div class="update">
 680                              <h2>v2024.10.6_pre-alpha</h2>
 681                              <h3 style="color: var(--text-semi-transparent);">Released: October 6, 2024</h3>
 682                              <li>If a note only contains an image/video, make sure the site title doesn't change to '"" / @user on TransSocial'</li>
 683                              <li>Added an image for custom themes</li>
 684                              <li>Fixed bug where you couldn't apply a theme if it's not updated</li>
 685                              <li>Added "core themes", which are just themes that are not updated to the latest TransSocial color palette</li>
 686                              <li>Fix core warning displaying for non-core themes</li> 
 687                          </div>
 688  
 689                          <br />
 690  
 691                          <div class="update">
 692                              <h2>v2024.10.5_pre-alpha</h2>
 693                              <h3 style="color: var(--text-semi-transparent);">Released: October 5, 2024</h3>
 694                              <li>Added warning if a user tries to post NSFW content without flagging it as such</li>
 695                          </div>
 696  
 697                          <br />
 698  
 699                          <div class="update">
 700                              <h2>v2024.10.3_pre-alpha</h2>
 701                              <h3 style="color: var(--text-semi-transparent);">Released: October 3, 2024</h3>
 702                              <li>Added a page that links all our policies <a href="/policies/">(available here)</a></li>
 703                              <li>Added links to policies page in the registration and login pages</li>
 704                              <li>Make text under "Good [time], [username]!" display something random, rather than static text</li>
 705                          </div>
 706  
 707                          <br />
 708  
 709                          <div class="update">
 710                              <h2>v2024.9.27_pre-alpha</h2>
 711                              <h3 style="color: var(--text-semi-transparent);">Released: September 27, 2024</h3>
 712                              <li>The page will no longer refresh when pressing "New Notes" button</li>
 713                          </div>
 714  
 715                          <br />
 716  
 717                          <div class="update">
 718                              <h2>v2024.9.23_pre-alpha</h2>
 719                              <h3 style="color: var(--text-semi-transparent);">Released: September 23, 2024</h3>
 720                              <li>Added ability to add profile banner</li>
 721                              <li>Fixed lack of responsiveness when changing profile picture/banner</li>
 722                              <li>Fixed filter buttons changing text color, even when unnecessary</li>
 723                              <li>Changed the style of "Profile" tab in Settings</li>
 724                          </div>
 725  
 726                          <br />
 727  
 728                          <div class="update">
 729                              <h2>v2024.9.19_pre-alpha</h2>
 730                              <h3 style="color: var(--text-semi-transparent);">Released: September 19, 2024</h3>
 731                              <li>Optimized note rendering</li>
 732                          </div>
 733  
 734                          <br />
 735  
 736                          <div class="update">
 737                              <h2>v2024.9.18_pre-alpha</h2>
 738                              <h3 style="color: var(--text-semi-transparent);">Released: September 18, 2024</h3>
 739                              <li>Fixed note interaction button layout experiment</li>
 740                              <li>Fixed icons not changing color with the button text</li>
 741                          </div>
 742  
 743                          <br />
 744  
 745                          <div class="update">
 746                              <h2>v2024.9.17_pre-alpha</h2>
 747                              <h3 style="color: var(--text-semi-transparent)">Released: September 17, 2024</h3>
 748                              <li>Added an experiment for a new slightly different note interaction button layout (thanks to <a style="color: var(--main-color);" href="/u?id=lunahd">lunahd</a>)</li>
 749                              <li>Fixed minor inconsistencies between Chromium and Firefox browsers</li>
 750                              <li>Start subtly nudging updates</li>
 751                          </div>                        
 752  
 753                          <br />
 754  
 755                          <div class="update">
 756                              <h2>v2024.9.16_pre-alpha</h2>
 757                              <h3 style="color: var(--text-semi-transparent);">Released: September 16, 2024</h3>
 758                              <li>Fixed Twemoji (for Dev Environment's, should be self-hostable now)</li>
 759                          </div>
 760  
 761                          <br />
 762  
 763                          <div class="update">
 764                              <h2>v2024.9.12_pre-alpha</h2>
 765                              <h3 style="color: var(--text-semi-transparent)">Released: September 12, 2024</h3>
 766                              <li>You can no longer view quotes or visit a note directly if it's deleted</li>
 767                          </div>                        
 768  
 769                          <br />
 770  
 771                          <div class="update">
 772                              <h2>v2024.9.8_pre-alpha</h2>
 773                              <h3 style="color: var(--text-semi-transparent)">Released: September 8, 2024</h3>
 774                              <li>Removed unnecessary check when loading page</li>
 775                              <li>You can now attach music to your notes</li>
 776                              <li>The interaction buttons are now dynamically aligned (thanks to <a style="color: var(--main-color);" href="/u?id=lunahd">lunahd</a>)</li>
 777                              <li>(Dev Env) Add a default style for our HTML /a/ tags so we don't have to manually add them each time</li>
 778                              <li>Fixed display names for notes turning the main color</li>
 779                              <li>Fix semi-transparent and half-transparent text not appearing correctly with a custom theme enabled</li>
 780                              <li>Added standalone button text, button hovered text, sidebar create a note text, and sidebar create a note hovered text colors</li>
 781                          </div>
 782  
 783                          <br />
 784  
 785                          <div class="update">
 786                              <h2>v2024.9.7_pre-alpha</h2>
 787                              <h3 style="color: var(--text-semi-transparent)">Released: September 7, 2024</h3>
 788                              <li>Removed blur for content warnings</li>
 789                              <li style="margin-left: 35px; color: var(--text-semi-transparent); font-size: smaller;">This should resolve (some or most) poor CPU performance and lag on lower end devices.</li>
 790                              <li>Pages that aren't the home page marked as the home page are no longer marked as such</li>
 791                          </div>
 792  
 793                          <br />
 794  
 795                          <div class="update">
 796                              <h2>v2024.8.24_pre-alpha</h2>
 797                              <h3 style="color: var(--text-semi-transparent)">Released: August 24, 2024</h3>
 798                              <li>Finally add account deletion (thanks to <a href="/u?id=lunahd" style="color: var(--main-color);">lunahd</a>)</li>
 799                              <li>Gave <a href="/contributors" style="color: var(--main-color);">contributors</a> proper cards</li>
 800                              <li>Quoted notes will now adjust their height automatically to fit its content</li>
 801                              <li>TransSocial will no longer reload when changing your display name, saving your pronouns or saving your bio</li>
 802                          </div>
 803                      </div>
 804  
 805                      <div id="indevVersions" style="display: none;">
 806                          <div class="update">
 807                              <h2>v2024.8.20_indev</h2>
 808                              <h3 style="color: var(--text-semi-transparent)">Releasedd: August 20, 2024</h3>
 809                              <li>Text is no longer required for a note as long as there's an image</li>
 810                              <li>Fixed bug where the cover for note creation would not disappear when an error occurs</li>
 811                              <li>Added "Data & Privacy" section in the settings Account tab where you can see and download your account data</li>
 812                          </div>
 813  
 814                          <br />
 815  
 816                          <div class="update">
 817                              <h2>v2024.8.16_indev</h2>
 818                              <h3 style="color: var(--text-semi-transparent)">Released: August 16, 2024</h3>
 819                              <li>Fix subscription button showing even when subscribed</li>
 820                              <li>Changed notification styling</li>
 821                              <li>Notifications will now have an icon associated with it, letting you know what type of notification it is at a glance</li>
 822                          </div>
 823  
 824                          <br />
 825  
 826                          <div class="update">
 827                              <h2>v2024.8.9_indev</h2>
 828                              <h3 style="color: var(--text-semi-transparent);">Released: August 9, 2024</h3>
 829                              <li>Images/videos in notes will no longer render when off-screen, increasing performance</li>
 830                              <li>Autoplay preference is now called only once, fixing freezes when loading TransSocial</li>
 831                              <li>Increased file size limits to 10MB for standard users, and 35MB for paid users</li>
 832                              <li>Added subscription button in sidebar (hope you don't mind!) - Button will not appear for subscribed users (oversight)</li>
 833                              <li>Adding a ?tab= param to /settings (e.g. "/settings?tab=account") will now take you to the corresponding tab</li>
 834                          </div>
 835  
 836                          <br />
 837  
 838                          <div class="update">
 839                              <h2>v2024.8.8_indev</h2>
 840                              <h3 style="color: var(--text-semi-transparent);">Released: August 8, 2024</h3>
 841                              <li>Improve UI of account managers, header, search bar and sidebar</li>
 842                              <li>Added "More" button to prevent sidebar being overcrowded</li>
 843                          </div>
 844  
 845                          <br />
 846  
 847                          <div class="update">
 848                              <h2>v2024.8.6_indev</h2>
 849                              <h3 style="color:  var(--text-semi-transparent);">Released: August 6, 2024</h3>
 850                              <li>Re-enabled loader on intro page (because for some reason it was disabled)</li>
 851                              <li>Temporarily disable mobile nav bar</li>
 852                              <li>Subscriptions are now powered by <a href="https://stripe.com/" target="_blank" style="color: var(--main-color);">Stripe</a></li>
 853                              <li>Added a special badge for those with a active subscription</li>
 854                              <li>Added a 15MB file size limit for those with a active subscription</li>
 855                              <li>Added .gif as a supported profile picture file type for those with a active subscription</li>
 856                              <li>Update privacy policy</li>
 857                              <li>Added active contributor badge</li>
 858                              <li>Fix cancelling subscription not canceling yours but canceling it for @katniny</li>
 859                          </div>
 860  
 861                          <br />
 862  
 863                          <div class="update">
 864                              <h2>v2024.8.3_indev</h2>
 865                              <h3 style="color: var(--text-semi-transparent);">Released: August 3, 2024</h3>
 866                              <li>Added mention notifications</li>
 867                              <li>Added intro page for signed out users</li>
 868                              <li>Moved the main page ("/") to home ("/home")</li>
 869                          </div>
 870  
 871                          <br />
 872  
 873                          <div class="update">
 874                              <h2>v2024.8.1_indev</h2>
 875                              <h3 style="color: var(--text-semi-transparent);">Released: August 1, 2024</h3>
 876                              <li>(Dev Env) Put sending a notification into a function (thanks to <a href="/u?id=lunahd" style="color: var(--main-color);">LunaHD</a>)</li>
 877                              <li>(Dev Env) Clean up suspension check and redirect (thanks to <a href="/u?id=lunahd" style="color: var(--main-color);">LunaHD</a>)</li>
 878                              <li>Added search functionality</li>
 879                          </div>
 880  
 881                          <br />
 882  
 883                          <div class="update">
 884                              <h2>v2024.7.31_indev</h2>
 885                              <h3 style="color: var(--text-semi-transparent);">Released: July 31, 2024</h3>
 886                              <li>Fixed notes by those were previously suspended not showing up (thanks to <a href="/u?id=lunahd" style="color: var(--main-color);">LunaHD</a>)</li>
 887                          </div>
 888  
 889                          <br />
 890  
 891                          <div class="update">
 892                              <h2>v2024.7.30_indev</h2>
 893                              <h3 style="color: var(--text-semi-transparent);">Released: July 30, 2024</h3>
 894                              <li>Readded favorites</li>
 895                              <li>Update the updates popup to notify users of new versioning</li>
 896                              <li>Visiting a user is no longer case sensitive</li>
 897                              <li>Allow users to filter through versions (though useless right now)</li>
 898                              <li>Started disallowing outdated browsers from using TransSocial</li>
 899                              <li>Added safety popup when clicking non-TransSocial links</li>
 900                              <li>Fixed clicking a link on a note forcing you to the note view</li>
 901                          </div>
 902  
 903                          <br />
 904  
 905                          <div class="update">
 906                              <h2>v2024.7.29_indev</h2>
 907                              <h3 style="color: var(--text-semi-transparent);">Released: July 29, 2024</h3>
 908                              <li>Finally add new lines (thanks to <a href="/u?id=lunahd" style="color: var(--main-color);">lunahd</a>)</li>
 909                              <li>Fix users getting ejected from registration</li>
 910                              <li>Fix new lines and links not working in the quote block</li>
 911                              <li>(Dev Env) Fix images not loading properly due to trying to use TransSocial's storage, as well as fix the "TransSocial Accounts" area printing out a bunch of errors</li>
 912                              <li>Fix incorrect styling specific to Firefox</li>
 913                              <li>Change modal opening animation</li>
 914                              <li>Fix the display name/username/pronouns not being underlined</li>
 915                              <li>Add custom scrollbar color to Firefox</li>
 916                              <li>Added markdown support</li>
 917                              <li>Fixed quote text overflowing</li>
 918                              <li>Fix `` markdown not appearing correctly in the note view</li>
 919                              <li>Added animation when closing a popup</li>
 920                              <li>Fixed issue where users could close popups with the Escape key which could break lots of things</li>
 921                              <li>Update page loader</li>
 922                              <li>Update page loader quotes</li>
 923                              <li>Make the notification count into a badge rather than just editing the button</li>
 924                          </div>
 925  
 926                          <br />
 927  
 928                          <div class="update">
 929                              <h2>v2024.7.28_indev</h2>
 930                              <h3 style="color: var(--text-semi-transparent);">Released: July 28, 2024</h3>
 931                              <li>Fix the desktop app redirecting users to /outdated (testing code accidentally got left in)</li>
 932                              <li>Add webapp manifest (thanks to <a href="/u?id=lunahd" style="color: var(--main-color);">LunaHD</a>)</li>
 933                              <li>Broken accounts can no longer use TransSocial until their account is repaired</li>
 934                              <li>Loader will now show current version</li>
 935                              <li>Added button to get themes in the Personalization tab in Settings (thanks to <a href="/u?id=lunahd" style="color: var(--main-color);">LunaHD</a>)</li>
 936                              <li>Fixed bug where clicking the reply button would also renote the note you clicked on (thanks to <a href="/u?id=lunahd" style="color: var(--main-color);">LunaHD</a>)</li>
 937                          </div>
 938  
 939                          <br />
 940  
 941                          <div class="update">
 942                              <h2>v2024.7.27_indev</h2>
 943                              <h3 style="color: var(--text-semi-transparent);">Released: July 27, 2024</h3>
 944                              <li>Update TransSocial versioning from "vNUM.NUM.NUM" to "vYEAR.MONTH.DAY"</li>
 945                              <li>Make updates apply automatically from one variable, instead of doing it all manually</li>
 946                              <li>Update twemoji.js to use https://transs.social/assets/emojis/</li>
 947                              <li>Update Updates page (Removed "New to TransSocial", "Bug Fixes", and "UI Improvements" for just one section)</li>
 948                              <li>Add environment tab in Settings (semi-functional)</li>
 949                              <li>Update Subscriptions tab in Settings</li>
 950                          </div>
 951  
 952                          <br />
 953  
 954                          <div class="update">
 955                              <h2>v2024.7.26_indev</h2>
 956                              <h3 style="color: var(--text-semi-transparent);">Released: July 26, 2024</h3>
 957                              <li>Add ability to create custom themes, as well as apply them</li>
 958                          </div>
 959  
 960                          <br />
 961  
 962                          <div class="update">
 963                              <h2>v2024.7.25_indev</h2>
 964                              <h3 style="color: var(--text-semi-transparent);">Released: July 25, 2024</h3>
 965                              <li>Change GitHub link (thanks to <a href="/u?id=lunahd" style="color: var(--main-color);">LunaHD</a>)</li></li>
 966                          </div>
 967  
 968                          <br />
 969  
 970                          <div class="update">
 971                              <h2>v2024.7.23_indev</h2>
 972                              <h3 style="color: var(--text-semi-transparent);">Released: July 23, 2024</h3>
 973                              <li>Change cookie notice to use localStorage</li>
 974                          </div>
 975  
 976                          <br />
 977  
 978                          <div class="update">
 979                              <h2>v2024.7.22_indev</h2>
 980                              <h3 style="color: var(--text-semi-transparent);">Released: July 22, 2024</h3>
 981                              <li>Fix registration</li>
 982                              <li>Redesign login/register pages</li>
 983                              <li>Fix elements trying to show when unavailable</li>
 984                          </div>
 985  
 986                          <br />
 987  
 988                          <div class="update">
 989                              <h2>v2024.7.21_indev</h2>
 990                              <h3 style="color: var(--text-semi-transparent);">Released: July 21, 2024</h3>
 991                              <li>Reverted from v0.0.8 to v0.0.7.1</li>
 992                              <li>Made TransSocial <a href="https://github.com/katniny/transsocial" target="_blank" style="color: var(--main-color);">open source!</a></li>
 993                              <li>Quote loading is now cleaned up (thanks to <a href="/u?id=lunahd" style="color: var(--main-color);">LunaHD</a>)</li>
 994                              <li>Added noscript message (thanks to <a href="/u?id=lunahd" style="color: var(--main-color);">LunaHD</a>)</li>
 995                              <li>Fix typo in Updates page</li>
 996                          </div>
 997  
 998                          <br />
 999  
1000                          <div class="update">
1001                              <h2>v2024.6.28_indev</h2>
1002                              <h3 style="color: var(--text-semi-transparent);">Released: June 28, 2024</h3>
1003                              <li>Added <a href="https://github.com/twitter/twemoji" target="_blank" style="color: var(--main-color)">Twemoji</a></li>
1004                              <li>Added TransSocial subscriptions (EXPERIMENTAL! DOES NOT PROPERLY WORK YET!)</li>
1005                              <li>Added font size setting</li>
1006                              <li>Added dropdown for language preference (currently only "English (United States)" is available)</li>
1007                              <li>Added option to toggle autoplay on or off</li>
1008                              <li>Added alt text</li>
1009                              <li>Fixed images/videos stretching in the note view</li>
1010                              <li>Fixed "Nevermind, I don't want to interact" appearing at the bottom of the page</li>
1011                              <li>Removed 14 popups for alternative interaction methods</li>
1012                              <li>Redesigned the downloads page</li>
1013                              <li>Popups are now 20% smaller</li>
1014                              <li>Redesigner loader</li>
1015                              <li>Redesigned the Settings page</li>
1016                          </div>
1017  
1018                          <br />
1019  
1020                          <div class="update">
1021                              <h2>v2024.6.6_indev</h2>
1022                              <h3 style="color: var(--text-semi-transparent)">Released: June 6, 2024</h3>
1023                              <li>Added quote noting</li>
1024                              <li>Added <a href="/achievements" style="color: var(--main-color)">achievements</a> (Part of Katniny Services)</li>
1025                              <li>Added option to create note directly from your timeline</li>
1026                              <li>Added date when note was created</li>
1027                              <li>Added political content warning (<a href="https://blog.katniny.com/blog/transsocial-political-filter-notice" target="_blank" style="color: var(--main-color)">See notice</a>)</li>
1028                              <li>Added flag to show what flag was applied to a note when not hidden</li>
1029                              <li>Moved registration page and redesigned the login page</li>
1030                              <li>Added new download options (including Android app)</li>
1031                              <li>Added content to header</li>
1032                              <li>Fixed bug where if you renoted a note in the note view, it wouldn't show up on your profile</li>
1033                              <li>Fixed bug where the popup would not close after choosing a NSFW/Sensitive/Political content preference</li>
1034                              <li>Fixed bug where when you deleted a note, it would still appear on the timeline</li>
1035                              <li>Fixed bug where notes would have an offset NSFW/Sensitive/Political content warning when a file was attached</li>
1036                              <li>Fixed bug where notes would check if a signed out user has loved/renoted a note (which failed)</li>
1037                              <li>Fixed bug where the "Your Profile" button on the sidebar would try to check if a signed out user is the same as the current user they are viewing</li>
1038                              <li>Fixed bug where the "Newest Updates" popup would try to show, even if it wasn't on the page you're on</li>
1039                          </div>
1040  
1041                          <br />
1042  
1043                          <div class="update">
1044                              <h2>v2024.6.2_indev</h2>
1045                              <h3 style="color: var(--text-semi-transparent)">Released: June 2, 2024</h3>
1046                              <li>Added ability to turn off pride flag logo for accessibility</li>
1047                          </div>
1048  
1049                          <br />
1050  
1051                          <div class="update">
1052                              <h2>v2024.6.2_indev</h2>
1053                              <h3 style="color: var(--text-semi-transparent)">Released: June 2, 2024</h3>
1054                              <li>Added pride logo and added functionality to have it appear every June</li>
1055                          </div>
1056  
1057                          <br />
1058  
1059                          <div class="update">
1060                              <h2>v2024.5.22_indev</h2>
1061                              <h3 style="color: var(--text-semi-transparent)">Released: May 22, 2024</h3>
1062                              <li>Added <a href="/download" style="color: var(--main-color)">download page</a></li>
1063                              <li>Added release date for each update on updates page</li>
1064                              <li>Added Good morning, good afternoon, and good evening greetings</li>
1065                              <li>Added email verification, which is also required</li>
1066                              <li>Re-enabled hyperlinks</li>
1067                              <li>If you visit a reply directly, it will now redirect you to the note it was replying to instead of giving you an error</li>
1068                              <li>"Remove Image" and "Image hasn't been uploaded yet" now says File</li>
1069                              <li>Renotes will now show up on a user's profile</li>
1070                              <li>Reorganized the note creation popup</li>
1071                              <li>Scroll bar now matches your theme</li>
1072                              <li>Notes will no longer take 100% of the free space</li>
1073                              <li>Note View/User Profiles will no longer take 100% of the free space</li>
1074                              <li>Redesigned updates page</li>
1075                              <li>Redesigned notifications</li>
1076                              <li>Fixed bug where the overlay for creating notes didn't fit the width and height of the popup</li>
1077                              <li>Fixed bug where notes were randomly sorted, they are now properly sorted from newest to oldest</li>
1078                              <li>Fixed bug where notes wouldn't show up if you were signed out</li>
1079                              <li>Fixed bug where you couldn't see if you loved/renoted a note on any page, it will now show properly</li>
1080                              <li>Note NSFW/Sensitive Content warning is no longer offset</li>
1081                              <li>Fixed bug where you could embed HTML code with hyperlinks</li>
1082                          </div>
1083  
1084                          <br />
1085  
1086                          <div class="update">
1087                              <h2>v2024.5.5_indev</h2>
1088                              <h3 style="color: var(--text-semi-transparent)">Released: May 5, 2024</h3>
1089                              <p>(This update is fairly small, I'm sorry 🙁)</p>
1090                              <li>Added video support (at the moment, only .mp4 files can be uploaded)</li>
1091                              <li>TransSocial's logos will now match your theme</li>
1092                              <li>Added account verification</li>
1093                              <li>Added a sign out button in Settings and in your account area</li>
1094                              <li>Added Account Area (click on your profile in the sidebar)</li>
1095                              <li>Added direct_messaging-2024-04 experiment</li>
1096                              <li>"Renotes do not show up on user profiles" no longer says it'll be fixed "by next update"</li>
1097                              <li>Fixed bug where you would not get notifications if your note was liked/renoted in the note view</li>
1098                          </div>
1099  
1100                          <br />
1101  
1102                          <div class="update">
1103                              <h2>v2024.4.28_indev</h2>
1104                              <h3 style="color: var(--text-semi-transparent)">Released: April 28, 2024</h3>
1105                              <li>Added 4 new themes: High Contrast, Midnight Purple, Darker, TransSocial Classic</li>
1106                              <li>Added user reporting</li>
1107                              <li>Added note editing</li>
1108                              <li>Added note deleting</li>
1109                              <li>Remaining Characters will now display for display names, usernames, bios, and notes</li>
1110                              <li>In the note view, the display name, username, pronouns, and profile picture will now link to the user's profile</li>
1111                              <li>Added visual feedback when a note is being created</li>
1112                              <li>TransSocial will now let you know when your note is successfully created</li>
1113                              <li>On mobile, the menu is now properly in the header</li>
1114                              <li>Policies are now accessible in the menu for mobile users</li>
1115                              <li>Added higher character limits (Notes: 1,250 - Bios: 500)</li>
1116                              <li>Added notifications when someone loves your note, renotes your note, or replies</li>
1117                              <li>Notes will no longer display if a user is suspended</li>
1118                              <li>Fixed bug when a user is suspended, the suspension page would infinitely refresh making you unable to see your reason and unsuspension date, if applicable</li>
1119                              <li>InDev notice now accurately displays the version, instead of displaying "0.0.1"</li>
1120                              <li>When on your profile, the "Your Profile" button in the sidebar will now be active.</li>
1121                              <li>Fixed bug where version notice would crop into the sidebar on smaller screens</li>
1122                          </div>
1123  
1124                          <br />
1125  
1126                          <div class="update">
1127                              <h2>v2024.4.21_indev</h1>
1128                              <h3 style="color: var(--text-semi-transparent)">Released: April 21, 2024</h3>
1129                              <li>Notifications are now sorted from newest to oldest</li>
1130                              <li>Added themes (Light, Mint (Light), and Mint (Dark))</li>
1131                              <li>Added css_themes-2024-04 experiment</li>
1132                              <li>Implemented UI changes created by <a href="/u?id=backhdlp" style="color: var(--main-color)">Lunya</a></li>
1133                              <li>Added 404 page</li>
1134                              <li>Added the <a href="/updates" style="color: var(--main-color)">updates page</a></li>
1135                              <li>Added popup to show users about new updates</li>
1136                              <li>Added password reset in settings</li>
1137                              <li>Added policies</li>
1138                              <li>Added <a href="/contributors" style="color: var(--main-color)">contributor list</a></li>
1139                              <li>Added character limits to display names, usernames, pronouns, and bios</li>
1140                              <li>Profile pictures will now display next to who triggered a notification</li>
1141                              <h3>Bug Fixes:</h3>
1142                              <li>Fixed a bug where you could not remove images once added to a note</li>
1143                              <li>Fixed a bug where the "NSFW" and/or "Sensitive" checkboxes would not be unchecked after publishing a note or closing the "Create a Note" modal</li>
1144                          </div>
1145  
1146                          <br />
1147  
1148                          <div class="update">
1149                              <h2>v2024.4.11_indev</h1>
1150                              <h3 style="color: var(--text-semi-transparent)">Released: April 11, 2024</h3>
1151                              <li>Initial Release</li>
1152                          </div>
1153                          <br />
1154                      </div>
1155  
1156                      <div id="releaseVersions" style="display: none;">
1157                          <p>Unfortunately, there are no any release versions yet. We're working to get there!</p>
1158                      </div>
1159  
1160                      <div id="betaVersions" style="display: none;">
1161                          <p>Unfortunately, there are no any beta versions yet. We're working to get there!</p>
1162                      </div>
1163                  </div> 
1164              </div>
1165  
1166  
1167          </div>
1168  
1169          <!-- Auride Accounts -->
1170          <div class="aurideAccounts">
1171              <h3>Auride Accounts</h3>
1172              <p>Follow accounts associated with Auride.</p>
1173  
1174              <div class="katniny">
1175                  <!-- Me :3 -->
1176                  <div class="katniny">
1177                      <img class="recommendAcc-pfp" src="" id="katninyPfp" draggable="false" /> <p id="katninyDisplay"></p>
1178                      <br /> <a href="/u" id="followBtn-1"><button class="followBtn">Follow</button></a>
1179                      <p id="katninyUser-pronouns"></p>
1180                  </div>
1181  
1182                  <br />
1183  
1184                  <!-- Auride -->
1185                  <div class="auride">
1186                      <img class="recommendAcc-pfp" src="" id="auridePfp" draggable="false" /> <p id="aurideDisplay"></p>
1187                      <br /> <a href="/u" id="followBtn-2"><button class="followBtn">Follow</button></a>
1188                      <p id="aurideUser-pronouns"></p>
1189                  </div>
1190  
1191                  <br />
1192  
1193                  <!-- Katniny Studios -->
1194                  <div class="katninystudios">
1195                      <img class="recommendAcc-pfp" src="" id="katninystudiosPfp" draggable="false" /> <p id="katninystudiosDisplay"></p>
1196                      <br /> <a href="/u" id="followBtn-3"><button class="followBtn">Follow</button></a>
1197                      <p id="katninystudiosUser-pronouns"></p>
1198                  </div>
1199              </div>
1200          </div>
1201  
1202          <div class="policies">
1203              <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> 
1204          </div>
1205  
1206          <div id="notSignedIn-banner">
1207              <p>Join the fun on Auride!</p>
1208              <a href="/auth/login"><button>Login</button></a>
1209              <a href="/auth/register"><button>Create an account</button></a>
1210          </div>
1211  
1212          <!-- Achievement Unlock -->
1213          <div id="achievementUnlock" class="achievementUnlock" style="display: none;">
1214              <div id="achievementIcon"><i class="fa-solid fa-pencil"></i></div> <p id="achievementName">Achievement Name</p>
1215          </div>
1216  
1217          <dialog id="showAchievementUnlock">
1218              <h2 id="titleAndIcon">title and stuff</h2>
1219              <p id="unlockReason">because you did</p>
1220              <p id="unlockDate">m/d/y (the objectively correct way)</p>
1221              <button onclick="document.getElementById('showAchievementUnlock').close();">Okay!</button>
1222          </dialog>
1223  
1224          <!-- Modals -->
1225  
1226  
1227          <dialog id="signInPrompt">
1228              <img src="/assets/imgs/All_transparent.png" draggable="false" style="width: 450px; height: 100px; margin-left: 17%; margin-right: 15%;" />
1229              <h2>You must be signed in.</h2>
1230              <p>To perform this action, you need to be signed into Auride!</p>
1231              <br />
1232              <a href="/auth/login"><button>Login</button></a>
1233              <div style="margin-top: 5px;"></div>
1234              <a href="/auth/register"><button>Register</button></a>
1235          </dialog>
1236  
1237          <dialog id="openLink">
1238              <h2>Leaving Auride</h2>
1239              <p>This link is taking you to the following website:</p>
1240  
1241              <br />
1242  
1243              <p style="text-align: center;" id="linkyLink">https://link.com/</p>
1244  
1245              <br />
1246  
1247              <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>
1248          </dialog>
1249  
1250          <dialog id="addAltText">
1251              <h2>Add Alt Text</h2>
1252              <p>Help those with visual impairments or low vision understand what your note is.</p>
1253  
1254              <textarea id="altText_input" placeholder="A fluffy orange cat sitting on a windowsill, licking its paw and grooming itself"></textarea>
1255  
1256              <br />
1257  
1258              <button onclick="addAltText_finish()">Finish</button>
1259          </dialog>
1260  
1261          <dialog id="verifyEmail">
1262              <h2><i class="fa-solid fa-envelope-circle-check"></i> Please verify your email</h2>
1263              <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>
1264              <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>
1265  
1266              <br />
1267  
1268              <button onclick="getVerificationEmail()" style="width: 100%;"><i class="fa-solid fa-check-to-slot"></i> Verify Email</button>
1269          </dialog>
1270  
1271          <dialog id="emailSent_emailVer">
1272              <h2><i class="fa-solid fa-envelope-circle-check"></i> Email sent!</h2>
1273              <p>Once you verify your email, please click the button below to verify, then we won't bug you again!</p>
1274              <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>
1275  
1276              <br />
1277  
1278              <button onclick="window.location.reload()">Check Verification Status</button>
1279          </dialog>
1280  
1281          <dialog id="noteDeleted">
1282              <h2>Note Deleted</h2>
1283              <p>Note was successfully deleted.</p>
1284  
1285              <br />
1286  
1287              <button onclick="window.location.reload()">Okay</button>
1288          </dialog>
1289  
1290          <dialog id="noteUpdated">
1291              <h2>Note Updated</h2>
1292              <p>Note was successfully updated.</p>
1293  
1294              <br />
1295  
1296              <button onclick="window.location.reload()">Okay</button>
1297          </dialog>
1298  
1299          <dialog id="accountWarning">
1300              <h2>Account Warning</h2>
1301              <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>
1302  
1303              <br />
1304  
1305              <p style="color: var(--text-semi-transparent);">Reason: <span id="warningReason"></span></p>
1306  
1307              <br />
1308              <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>
1309              <p>You can continue using Auride after agreeing to our Terms of Service.</p>
1310  
1311              <input type="checkbox" id="warningAgreeToTerms" style="width: 15px;"> I agree
1312              <p style="color: var(--error-text); display: none;" id="warningAcknowledge">Please agree to the Terms before continuing.</p>
1313              <br />
1314              <button onclick="acknowledgeWarning()">Continue using Auride</button>
1315          </dialog>
1316      </body>
1317  </html>