Violets-Purgatory/resources/mainPage.html

55 lines
2.1 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2023-11-17 08:43:11 -06:00
<link rel="stylesheet" href="./style.css">
<title>Violet's Purgatory</title>
2023-11-09 14:45:55 -06:00
2023-11-10 11:30:08 -06:00
<meta content="Welcome to Violet's Purgatory" property="og:title" />
2023-11-16 15:16:22 -06:00
<meta
content="I'm Violet, a 14yo web and game developer. On my site i'm hosting various services, so please check out the site for more info!!!"
property="og:description" />
2023-11-30 20:25:34 -06:00
<meta content="https://api.lanyard.rest/534132311781015564.png" property="og:image" />
2023-11-09 14:45:55 -06:00
<meta content="#a200ff" data-react-helmet="true" name="theme-color" />
<!-- To any who dare read this code! I stole the code above off of stack overflow :P-->
</head>
2023-11-09 17:54:05 -06:00
<body>
2023-11-16 20:56:07 -06:00
<h1>Welcome to Violet's Purgatory</h1>
<div class="fadediv">
2023-11-07 13:00:16 -06:00
<div class="container-fluid row" id="card">
<h2>Violet</h2>
2023-11-16 20:56:07 -06:00
<div class="col-sm-12" style="display: flex; justify-content: center; align-items: center;">
2023-11-07 13:00:16 -06:00
<img src="https://api.lanyard.rest/534132311781015564.png" class="pfp">
2023-11-16 20:56:07 -06:00
<div>
<p>They/Them</p>
<p>Non-binary</p>
<p>Game & web developer</p>
{LANYARD_STATUS}
</div>
2023-11-07 13:00:16 -06:00
</div>
2023-11-07 15:04:48 -06:00
<div class="col-sm-12">
2023-11-16 19:29:22 -06:00
<hr>
2023-11-17 08:46:54 -06:00
<p class="chip"><a href="./hosted">Stuff i'm hosting!</a></p>
<p class="chip"><a href="./socials">Socials</a></p>
<p class="chip"><a href="./pronouns">Pronouns</a></p>
{LANYARD_QUOTE}
2023-11-07 13:00:16 -06:00
</div>
2023-11-03 20:12:37 -05:00
</div>
2023-11-16 20:56:07 -06:00
<p><em>The world's worst developer</em></p>
<noscript>
<p style="font-size: 0.9rem;">Fun fact: This website uses no Javascript! Everything dynamic (E.G. The discord status) is done
server-side, so enjoy :D <br> P.S. Your really cool, I look up to people like u :> (Atleast, assuming you disabled javascript urself...)</p>
</noscript>
{LANYARD_FULL}
2023-11-18 21:36:53 -06:00
{SOCIALS}
2023-11-30 21:56:34 -06:00
{MASTODON_FEED}
2023-11-07 13:00:16 -06:00
</div>
</body>
2023-11-18 21:38:22 -06:00
</html>