Violets-Purgatory/static/index.html
2023-11-09 20:45:55 +00:00

64 lines
No EOL
3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="/style.css">
<title>Violet's Purgatory</title>
<meta content="Violet's Purgatory" property="og:title" />
<meta content="Welcome to Violet's Purgatory! I'm Violet, a 14yo web and game developer." property="og:description" />
<!-- <meta content="https://violets-purgatory.dev" property="og:url" /> -->
<!-- <meta content="https://embed.com/embedimage.png" property="og:image" /> -->
<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>
<body style="overflow: hidden">
<!-- <h1 class="d-md-inline-block d-none">Welcome to Violet's&nbsp;Purgatory</h1> -->
<div class="fadediv" style="display: flex; justify-content: center; align-items: center; width: 100%; height: 90%;">
<div class="container-fluid row" id="card">
<h2>Violet</h2>
<div class="col-sm-6" style="display: flex; justify-content: center; align-items: center;">
<img src="https://api.lanyard.rest/534132311781015564.png" class="pfp">
</div>
<div class="col-sm-6">
<p>Pronouns: They/Them</p>
<p>Gender: Non-binary</p>
<p>Game & web developer</p>
</div>
<div class="col-sm-12">
<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>
<br>
<p class="chip d-md-inline-block d-none">Fediverse: <a rel="me" href="https://tech.lgbt/@Bingus_Violet" >@Bingus_Violet@tech.lgbt</a></p>
<p class="chip d-md-inline-block d-none" style="border-color: red;">Ko-Fi: <a href="https://ko-fi.com/bingus_violet"
style="color: rgb(255, 100, 100)">bingus_violet</a> - Please donate!</p>
<p class="d-sm-block d-none">If you have any problems with the site, put up an issue on <a
href="https://codeberg.org/Bingus_Violet/Violets-Purgatory">codeberg!</a></p>
</div>
</div>
<!--
<p>If you have any problems with the site, put up an issue on <a
href="https://codeberg.org/Bingus_Violet/Violets-Purgatory">codeberg!</a></p> -->
</div>
<p style="color: lightgray"><em>The world's worst developer</em></p>
</body>
</html>
<!--
If you're using the curl command, perhaps consider trying to curl "violets-purgatory.dev/curl" instead?
:3 there waits a secret for you...
-->