| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <title>TransPlace - A Place For Trans People</title> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <meta charset="UTF-8" /> |
| <meta property="og:title" content="TransPlace" /> |
| <meta |
| property="og:description" |
| content="A community and safe space to talk about gaming, art, and more, while being you." |
| /> |
| <meta property="og:image" content="https://trans.gg/assets/embed.png" /> |
| <meta property="og:image:type" content="image/jpeg" /> |
| <meta property="og:image:width" content="1920" /> |
| <meta property="og:image:height" content="1080" /> |
| <meta property="og:url" content="Trans.gg" /> |
| <meta property="og:type" content="website" /> |
| <meta name="twitter:title" content="TransPlace" /> |
| <meta |
| name="twitter:description" |
| content="A community and safe space to talk about gaming, art, and more, while being you." |
| /> |
| <meta name="twitter:card" content="summary_large_image" /> |
| <meta name="twitter:image" content="https://trans.gg/assets/embed.png" /> |
| <meta name="'twitter:image:alt" content="TransPlace Boat" /> |
| |
| <meta |
| name="description" |
| content="A community and safe space to talk about gaming, art, and more, while being you." |
| /> |
| <meta |
| name="keywords" |
| content="TransPlace, Trans, Transgender, Non Binary, LGBT, LGBTQ, community, safe space, gaming, art, community forum, Discord, Revolt, Reddit" |
| /> |
| <meta name="theme-color" content="#f6c4bb" /> |
| <link |
| rel="icon" |
| href="./assets/favicon.png" |
| type="image/png" |
| sizes="16x16" |
| /> |
| <link rel="stylesheet" href="./css/style.css" /> |
| </head> |
| |
| <body> |
| <div class="bush bush-left-overlay"></div> |
| <div class="bush bush-right-overlay"></div> |
| |
| <div class="background blahaj-overlay"></div> |
| <div class="background boat-overlay"></div> |
| <div class="background cloud-left-overlay"></div> |
| <div class="background cloud-right-overlay"></div> |
| <div class="background lake-overlay"></div> |
| <div class="background mountains-overlay"></div> |
| <div class="background sky-overlay"></div> |
| |
| <canvas class="canvas-overlay"></canvas> |
| |
| <section |
| class="container blur" |
| onmouseover="parallaxStart()" |
| onmouseout="parallaxEnd()" |
| > |
| <h1>TransPlace</h1> |
| <h2>/ˈtrænspleɪs/</h2> |
| |
| <p>noun</p> |
| <p class="indent"> |
| A community and safe space to talk about gaming, art, and more, while |
| being you. |
| </p> |
| <div> |
| <a |
| href="https://discord.gg/TransPlace" |
| class="image-button discord" |
| onmouseover="changeContainerColor('rgba(65, 71, 140, 0.75)')" |
| onmouseout="changeContainerColor('#a789a8a2')" |
| > |
| <img |
| src="./assets/icon/discord.jpg" |
| alt="Discord Icon" |
| class="button-icon" |
| /> |
| Join our Discord! |
| </a> |
| <a |
| href="https://rvlt.gg/wEXFtr9s" |
| class="image-button revolt" |
| onmouseover="changeContainerColor('rgba(135, 61, 66, 0.75)')" |
| onmouseout="changeContainerColor('#a789a8a2')" |
| > |
| <img |
| src="./assets/icon/revolt.png" |
| alt="Revolt Icon" |
| class="button-icon" |
| /> |
| Join our Revolt! |
| </a> |
| </div> |
| <div> |
| <a |
| href="https://reddit.com/r/TransPlace" |
| class="image-button reddit" |
| onmouseover="changeContainerColor('rgba(135, 59, 32, 0.75)')" |
| onmouseout="changeContainerColor('#a789a8a2')" |
| > |
| <img |
| src="./assets/icon/reddit.png" |
| alt="Reddit Icon" |
| class="button-icon" |
| /> |
| Join our Reddit! |
| </a> |
| </div> |
| <div> |
| <a |
| href="/auth" |
| class="image-button minectaft" |
| onmouseover="changeContainerColor('rgba(143, 114, 126, 0.75)')" |
| onmouseout="changeContainerColor('#8f727ea2')" |
| > |
| Login / Authenticate |
| </a> |
| </div> |
| </section> |
| <script src="./js/script.js"></script> |
| <script src="./js/canvas.js"></script> |
| </body> |
| </html> |