Violets-Purgatory/static/index.html
Bingus_Violet ca59f56a29 More CSS
2024-02-10 21:41:53 -06:00

71 lines
No EOL
3.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="/style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Violet's Purgatory</title>
<meta name="darkreader-lock">
<meta content="Welcome to Violet's Purgatory" property="og:title" />
<meta
content="Hi, I'm Violet, a 15 year old web developer with strong ambitions. You can find more info on my site!"
property="og:description" />
<meta content="https://api.violets-purgatory.dev/v1/pfp" 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>
<h1 class="animatedTitle">Welcome to <span class="mainTitle">Violet's Purgatory</span><span class="note">Commit
{COMMIT_COUNT}</span><br></h1>
<main>
<p>{RANDOM_QUOTE}</p>
<div class="container-fluid row" id="card">
<h2>Violet</h2>
<div style="display: flex; justify-content: center; align-items: center;">
<img src="https://api.violets-purgatory.dev/v1/pfp" class="pfp">
<div>
<p><a href="pronouns">They/Them</a></p>
<p>Developer</p>
<p>{DISCORD_STATUS}</p>
</div>
</div>
<div>
<br>
<!-- <span style="white-space: nowrap;"> -->
<!-- <p class="chip"><a href="https://status.violets-purgatory.dev">Status</a></p> -->
<p class="chip"><a href="https://fs.violets-purgatory.dev">FileShare</a></p>
<p class="chip"><a href="./socials">Socials</a></p>
<p class="chip"><a href="./projects">Projects</a></p>
<p class="chip"><a href="https://ko-fi.com/bingus_violet" style="color: rgb(255, 100, 100);">Donate</a>
</p>
<!-- </span> -->
<!-- <p class="chip"><a href="./extras">Extras</a></p> -->
<br>
<!-- <span style="white-space: nowrap;"> -->
<p class="chip"><a href="https://blog.violets-purgatory.dev">Blog</a></p>
<p class="chip"><a href="./faq">FAQ</a></p>
<p class="chip"><a href="https://beta.violets-purgatory.dev">Dev Branch</a></p>
<!-- </span> -->
<br>
<p style="padding: 10px;">Hi! I'm Violet, a 15 year old web and game developer. <br>
I aspire to make fast and javascript free websites! I'm currently learning the Godot Engine, and have been
becoming quite fluent in NodeJS.</p>
</div>
</div>
<p>Although my site is pretty barebones at the moment due to a recent rewrite, I hope to continue with this
passion and update this website along with it.
</p>
<p>As is probably very obvious, I'm not great at graphic design at the moment, but I hope to improve upon that
as time goes on.<br><span class="note">I'm sure you can tell I have a pretty low self esteem too...</span>
</p>
</main>
</body>
</html>