100 lines
4.6 KiB
HTML
100 lines
4.6 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" type="text/css" href="./style.css">
|
|
|
|
<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>Welcome to Violet's Purgatory</h1>
|
|
<p style="white-space: pre-wrap;">{RANDOM_QUOTE}</p>
|
|
<p>{COMMIT_COUNT} Commits</p>
|
|
<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://api.violets-purgatory.dev/v1/pfp" class="pfp">
|
|
<div>
|
|
<p><a href="pronouns">They/Them</a></p>
|
|
<p>Developer</p>
|
|
{LANYARD_STATUS}
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<hr>
|
|
<!-- <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://{OPPOSITE_URL}.violets-purgatory.dev">{OPPOSITE_BRANCH}</a></p>
|
|
<!-- </span> -->
|
|
{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}
|
|
|
|
<h2><hr>Announcement!</h2>
|
|
<p>Soon enough, I will begin work on a complete rewrite for Violet's Purgatory. This rework will be done in hopes of:<br>
|
|
</p>
|
|
<ul>
|
|
<li>Spicing up the website's visuals</li>
|
|
<li>Optimizing the site</li>
|
|
<li>Making the codebase more readable</li>
|
|
<li>Reducing the amount of code</li>
|
|
<li>Making the site more easily scalable</li>
|
|
</ul>
|
|
<p>
|
|
The codeberg repository for this site was made 6 months ago, not counting all the contributions I had done before then. Thats alot of time, and i've learnt so much since then! This was even my first project to do Dynamic HTML!<br>
|
|
It has been an absolutely wonderful journey, but as per usual, its about time we do some reworking!<br>
|
|
I may still keep this version of the website up for archival sake (And, worst comes to worst, I'll still have it on archive.org)<br>
|
|
This rewrite will take time, so from now on, updates to Violet's Purgatory will be slow or nonexistant.<br>
|
|
And if you're curious, you can always check the beta branch to see how progress is going!<br>
|
|
Thank you for your time and encouragement, It's been a fun year on violets-purgatory.dev :)
|
|
</p>
|
|
<p class="note">P.S.: As my final gift, CSS is now minified!!! woohoo!!!</p>
|
|
|
|
{SOCIALS}
|
|
|
|
<h2><hr>Silly Stats:</h2>
|
|
<p>Just some funny stats for the site :3</p>
|
|
<ul>
|
|
<li>Uptime: {UPTIME}</li>
|
|
<li>Last Lanyard Update: {LAST_LANYARD}</li>
|
|
<li>Quotes: {QUOTE_COUNT}</li>
|
|
<li>Images Cached: {CACHED_IMAGES}</li>
|
|
<li>Page Generation Time: {GENERATION_TIME}</li>
|
|
</ul>
|
|
|
|
{SEASONAL_EFFECT}
|
|
</div>
|
|
</body>
|
|
|
|
</html> |