Violets-Purgatory/resources/mainPage.html

82 lines
3.5 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2023-11-17 08:43:11 -06:00
<link rel="stylesheet" href="./style.css">
<title>Violet's Purgatory</title>
2023-11-09 14:45:55 -06:00
2024-01-25 22:38:24 -06:00
<meta name="darkreader-lock">
2023-11-10 11:30:08 -06:00
<meta content="Welcome to Violet's Purgatory" property="og:title" />
2024-02-02 09:28:26 -06:00
<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" />
2023-11-09 14:45:55 -06:00
<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>
2023-11-09 17:54:05 -06:00
<body>
2023-11-16 20:56:07 -06:00
<h1>Welcome to Violet's Purgatory</h1>
2024-01-27 12:02:59 -06:00
<p style="white-space: pre-wrap;">{RANDOM_QUOTE}</p>
2023-11-16 20:56:07 -06:00
<div class="fadediv">
2023-11-07 13:00:16 -06:00
<div class="container-fluid row" id="card">
<h2>Violet</h2>
2023-12-18 07:43:26 -06:00
<div style="display: flex; justify-content: center; align-items: center;">
2024-01-20 22:40:27 -06:00
<img src="https://api.violets-purgatory.dev/v1/pfp" class="pfp">
2023-11-16 20:56:07 -06:00
<div>
2023-12-19 12:31:29 -06:00
<p><a href="pronouns">They/Them</a></p>
2024-01-08 18:04:12 -06:00
<p>Developer</p>
2023-11-16 20:56:07 -06:00
{LANYARD_STATUS}
</div>
2023-11-07 13:00:16 -06:00
</div>
2023-12-18 07:43:26 -06:00
<div>
2023-11-16 19:29:22 -06:00
<hr>
2024-01-26 13:25:41 -06:00
<!-- <span style="white-space: nowrap;"> -->
<!-- <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>
2024-01-26 13:23:13 -06:00
<p class="chip"><a href="https://ko-fi.com/bingus_violet" style="color: rgb(255, 100, 100);">Donate</a></p>
2024-01-26 13:25:41 -06:00
<!-- </span> -->
2024-01-16 09:26:12 -06:00
<!-- <p class="chip"><a href="./extras">Extras</a></p> -->
2024-01-26 13:25:41 -06:00
<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>
2024-01-26 13:25:41 -06:00
<!-- </span> -->
{LANYARD_QUOTE}
2023-11-07 13:00:16 -06:00
</div>
2023-11-03 20:12:37 -05:00
</div>
2023-11-16 20:56:07 -06:00
<noscript>
<p style="font-size: 0.9rem;">Fun fact: This website uses no Javascript! Everything dynamic (E.G. The
discord status) is done
2023-12-18 07:43:26 -06:00
server-side, so enjoy :D</p>
2023-11-16 20:56:07 -06:00
</noscript>
2023-12-19 12:34:01 -06:00
<p>Check out the source code on <a href="https://codeberg.org/Bingus_Violet/Violets-Purgatory">Codeberg</a></p>
{LANYARD_FULL}
2024-02-02 09:06:39 -06:00
2024-02-02 09:14:34 -06:00
<h2><hr>Announcement!</h2>
<p>I'm getting a hand-me-down server, so I might end up hosting fedi and matrix on it! <br> (Note that they will probably both be single user instances so this does not affect you :P)</p>
<p class="note">Also this isn't dynamic this is literally just something I throw in the source code but maybe one day it will be...</p>
2024-02-02 09:06:39 -06:00
{SOCIALS}
<h2><hr>Silly Stats:</h2>
2024-01-27 12:11:36 -06:00
<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>
2024-01-27 14:26:20 -06:00
<li>Images Cached: {CACHED_IMAGES}</li>
<li>Page Generation Time: {GENERATION_TIME}</li>
2024-01-27 12:11:36 -06:00
</ul>
2023-12-18 07:43:26 -06:00
{SEASONAL_EFFECT}
</div>
</body>
2023-11-18 21:38:22 -06:00
</html>