87 lines
4.4 KiB
HTML
87 lines
4.4 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="./style.css">
|
|
|
|
<title>Violet's Purgatory</title>
|
|
|
|
<meta content="Welcome to Violet's Purgatory" property="og:title" />
|
|
<meta
|
|
content="I'm Violet, a web and game developer. On my site i'm hosting various services, so please check out the site for more info!!!"
|
|
property="og:description" />
|
|
<meta content="https://api.lanyard.rest/534132311781015564.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>
|
|
<h1>Welcome to Violet's Purgatory</h1>
|
|
<div class="fadediv">
|
|
<div class="container-fluid row" id="card">
|
|
<h2>Violet</h2>
|
|
<div style="display: flex; justify-content: center; align-items: center;">
|
|
<img src="https://thumbor-production-0e82.up.railway.app/unsafe/https://api.lanyard.rest/534132311781015564.png" class="pfp">
|
|
<div>
|
|
<p><a href="pronouns">They/Them</a></p>
|
|
<p>Developer</p>
|
|
{LANYARD_STATUS}
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<hr>
|
|
<p class="chip"><a href="https://status.violets-purgatory.dev">Status</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="./extras">Extras</a></p>
|
|
<br>
|
|
<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">Beta</a></p>
|
|
{LANYARD_QUOTE}
|
|
</div>
|
|
</div>
|
|
<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</p>
|
|
</noscript>
|
|
<p>Check out the source code on <a href="https://codeberg.org/Bingus_Violet/Violets-Purgatory">Codeberg</a></p>
|
|
|
|
{LANYARD_FULL}
|
|
{SOCIALS}
|
|
|
|
{MASTODON_FEED}
|
|
|
|
<h2>Projects</h2>
|
|
<p>Here are some of my most major projects. This is not a concise list, though, so please check all of them out <a href="./projects">here!</a></p>
|
|
<div class="project">
|
|
<h1>Univerter</h1>
|
|
<div class="project-inner container-fluid row">
|
|
<div class="col-lg-6">
|
|
<img src="/imgs/univerter-screenshot.png">
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<p>Univerter is my Javascriptless Youtube video downloader! I tend to call it a "converter" rather than a downloader, because unlike many other youtube downloaders, mine actually converts to more formats than youtube supports! I've been working on Univerter for a long time, and i hope to support more sites soon :>. It also comes with a (experimental) standalone video converter! Please, check it out at <a href="https://yt.violets-purgatory.dev">yt.violets-purgatory.dev</a> and report any issues or feature requests!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="project">
|
|
<h1>SteamRPC</h1>
|
|
<div class="project-inner container-fluid row">
|
|
<div class="col-lg-6">
|
|
<img src="/imgs/steamrpc-screenshot.png">
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<p>When playing games like Gunfire Reborn, I was annoyed that they'd only support Rich presence on Steam but not Discord. I was also having issues at the time with getting games under proton to show up on discord in general. As a solution, i made a (Linux only, sadly) software called SteamRPC, which converts the presence of any Steam game onto Discord using a Rich presence bot. It certainly needs optimization, but it's a project im proud of, and one of my few projects I use all the time! Find it <a href="https://codeberg.org/Bingus_Violet/SteamRPC">here!</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{SEASONAL_EFFECT}
|
|
</div>
|
|
</body>
|
|
</html> |