/ src / about.html
about.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, a safe place for everyone</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          <!-- Content -->
 34          <br />
 35          <br />
 36          <br />
 37          <br />
 38          <br />
 39  
 40          <div class="cta">
 41              <div class="textContent">
 42                  <h1 style="font-size: 2.5em;">Social media, <span class="animateGradient">but better.</span></h1>
 43                  <p>A social media platform that's safe and built for you, not profit.</p>
 44  
 45                  <br />
 46  
 47                  <a href="/home"><button style="font-size: 16px;">Explore</button></a> <a href="/auth/register.html"><button style="font-size: 16px;">Join Auride</button></a>
 48              </div>
 49  
 50              <div class="imageContent">
 51                  <img src="/assets/readme-promo/posts.png" alt="Three notes on Auride." draggable="false">
 52              </div>
 53          </div>
 54  
 55          <br />
 56          <br />
 57          <br />
 58          <br />
 59          <br />
 60          <br />
 61          <br />
 62  
 63          <div class="sellingPoint">
 64              <h1>Traditional social media sites treat you like the product.</h1>
 65              <h1><i>Not us.</i></h1>
 66              <h1>We're building a user-first, privacy-respecting, customizable social media.</h1>
 67          </div>
 68  
 69          <br />
 70          <br />
 71          <br />
 72          <br />
 73  
 74          <div class="mainPoint">
 75              <div class="imageContent">
 76                  <img src="/assets/readme-promo/flagging.png" alt="Showing the flags available on Auride." draggable="false" style="border-radius: 25px;">
 77              </div>
 78  
 79              <div class="textContent">
 80                  <h1 style="font-size: 2.5em;">Post flags, <span class="animateGradient">improved</span></h1>
 81                  <p>Choose what you see on Auride. With over 16 flags to hide, blur, or show, Auride only shows what <b>what you want to see</b>.</p>
 82              </div>
 83          </div>
 84  
 85          <br />
 86          <br />
 87          <br />
 88          <br />
 89  
 90          <div class="mainPoint">
 91              <div class="textContent">
 92                  <h1 style="font-size: 2.5em;">Themes for <span class="animateGradient">you</span></h1>
 93                  <p>Choose from one of our 8 default themes, get a theme from the <a href="/userstudio">User Studio</a> or make your own.</p>
 94  
 95                  <br />
 96  
 97                  <a href="/userstudio"><button>See User-Made Themes</button></a>
 98              </div>
 99  
100              <div class="imageContent">
101                  <img src="/assets/readme-promo/themes.png" alt="Showing off the Dark, Midnight Purple, Mint (Dark), and Light themes." draggable="false" style="border-radius: 25px;">
102              </div>
103          </div>
104  
105          <br />
106          <br />
107          <br />
108          <br />
109  
110          <div class="mainPoint">
111              <div class="imageContent">
112                  <img src="/assets/readme-promo/music.png" alt="Three notes on Auride." draggable="false" style="border-radius: 25px;">
113              </div>
114  
115              <div class="textContent">
116                  <h1 style="font-size: 2.5em;">Express yourself with <span class="animateGradient">music</span></h1>
117                  <p>When creating a note on Auride, use Spotify's huge catalog of music to add to your note, which other Auride users can listen to, right on Auride.</p>
118              </div>
119          </div>
120  
121          <br />
122          <br />
123          <br />
124          <br />
125          <br />
126          <br />
127          <br />
128  
129          <div class="sellingPoint">
130              <h1>And much more!</h1>
131              <p>We're always improving Auride with new features, bug fixes, and much more.</p>
132              <p>Sound good? Join Auride today!</p>
133  
134              <a href="/auth/register"><button style="margin-top: 10px;">Join Auride</button></a>
135          </div>
136  
137          <br />
138          <br />
139          <br />
140          <br />
141  
142          <!-- FOoter -->
143          <footer>
144              <div class="footerContainer">
145                  <div class="footerSection">
146                      <h4>Auride</h4>
147                      <p>A safe place for everyone.</p>
148                  </div>
149                  <div class="footerSection">
150                      <h4>Policies</h4>
151                      <ul>
152                          <li><a href="/policies/terms">Terms of Service</a></li>
153                          <li><a href="/policies/privacy">Privacy Policy</a></li>
154                          <li><a href="/policies/child-safety">Child Safety</a></li>
155                          <li><a href="/policies/cookies">Cookies</a></li>
156                          <li><a href="/policies/copyright">Copyright</a></li>
157                      </ul>
158                  </div>
159                  <div class="footerSection">
160                      <h4>Our Socials</h4>
161                      <ul>
162                          <li><a href="https://bsky.app/profile/auride.xyz" target="_blank">Bluesky</a></li>
163                          <li><a href="https://discord.gg/SmhATjRxvc" target="_blank">Discord</a></li>
164                          <li><a href="https://tiktok.com/@transs_ocial" target="_blank">TikTok</a></li>
165                          <li><a href="https://github.com/katniny/auride" target="_blank">GitHub</a></li>
166                      </ul>
167                  </div>
168              </div>
169              <div class="footerBottom">
170                  <p>&copy; 2025 Katniny Studios. All Rights Reserved.</p>
171                  <p>Code licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" style="color: var(--main-color);">CC BY-NC-SA 4.0</a>.</p>
172              </div>
173          </footer>
174      </body>
175  </html>