Violets-Purgatory/static/index.html

59 lines
No EOL
2.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="./style.css">
<link rel="stylesheet" type="text/css" href="./root.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="Violet's Purgatory" property="og:title" />
<meta
content="Hi, I'm Violet, a 15 year old web developer. My site lists my projects, passions, and where you can find me, so please visit!"
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" />
</head>
<body>
{TOPBAR}
<h1 class="animatedTitle">Welcome to <span class="mainTitle">Violet's Purgatory</span><span class="note">Commit {COMMIT_COUNT}</span><br></h1>
<main class="animatedMain">
<p>{RANDOM_QUOTE}</p>
<div 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>They/Them</a></p>
<p>Developer</p>
<p>{DISCORD_STATUS}</p>
</div>
</div>
<a class="chip" href="https://https://ko-fi.com/bingus_violet">Donate (Ko-fi)</a>
<div>
<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>
<a class="chip" href="https://beta.violets-purgatory.dev">Beta site</a>
<a class="chip" href="https://blog.violets-purgatory.dev">Blog</a>
<a class="chip" href="https://fs.violets-purgatory.dev">Clipdump</a>
</div>
</div>
<div style="padding-bottom: 20px;">
<h3>Main Projects</h3>
<a class="chip" href="https://univerter.dev">Univerter</a>
<a class="chip" href="https://codeberg.org/bingus_violet/steamrpc">{Steam}RPC</a>
</div>
<h2>Socials</h2>
{PATH_SOCIALS}
</main>
</body>
</html>