unsupported.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 | Unsupported Browser</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 <script src="/assets/js/requiredScripts.js"></script> 11 <script src="/assets/js/scriptLoader.js"></script> 12 <script defer> 13 ScriptLoader.load( 14 //... 15 ).then(() => { 16 console.log("Scripts for /home have been loaded successfully."); 17 }).catch((error) => { 18 console.error("An error occurred: ", error, " please try refreshing."); 19 }); 20 </script> 21 </head> 22 23 <body style="text-align: center; margin-top: 25px; margin-bottom: 25px;"> 24 <!-- This'll change if the browser is actually unsupported (I just don't feel like coding functionality to send a user back if their browser is supported) --> 25 <h1>Your browser is outdated</h1> 26 <p>Auride does not support your current browser. Please get <span id="version_browser">{browser ver}</span> or later, or update to a more modern browser.</p> 27 <p>Auride requires a browser from 2022 or later for certain web technology that your current browser does not support.</p> 28 29 <br /> 30 31 <h2>OR</h2> 32 <h3>Get a new, supported browser</h3> 33 34 <br /> 35 36 <a href="https://www.mozilla.org/en-US/firefox/new/" target="_blank"><img class="browserLogo" draggable="false" src="/assets/imgs/Firefox Logo.webp"></a> 37 <a href="https://www.google.com/chrome/" target="_blank"><img class="browserLogo" draggable="false" src="/assets/imgs/Chrome Logo.png" /></a> 38 <a href="https://www.microsoft.com/en-us/edge/download" target="_blank"><img class="browserLogo" draggable="false" src="/assets/imgs/Microsoft Edge.png" /></a> 39 <a href="https://arc.net/download" target="_blank"><img class="browserLogo" draggable="false" src="/assets/imgs/Arc Logo.png" /></a> 40 <p style="margin-top: 15px; margin-left: 55px; margin-right: 55px; font-size: 14px; color: var(--text-semi-transparent);">The links provided for downloading Firefox, Google Chrome, Microsoft Edge, and Arc are not associated or affiliated with Auride. These browsers are owned by their respective companies and may have different privacy practices than Auride. We recommend reviewing their privacy policies before installation.</p> 41 42 <br /> 43 44 <h2>Up to date and seeing this?</h2> 45 <p>That may be a mistake. Please let us know on our <a style="color: var(--main-color)" target="_blank" href="https://discord.gg/SmhATjRxvc">Discord</a> or <a href="https://twitter.com/transs_ocial" target="_blank" style="color: var(--main-color);">Twitter</a>.</p> 46 <!-- i did legitimately download browsers to test this so it shouldn't happen... but just in case --> 47 </body> 48 </html>