2023-10-20 21:52:33 -05:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2024-02-07 11:58:26 -06:00
< link rel = "stylesheet" type = "text/css" href = "./style.css" >
2023-10-20 21:52:33 -05:00
< 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" / >
2024-02-01 13:23:48 -06:00
< 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 -->
2023-10-20 21:52:33 -05:00
< / 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 >
2024-02-06 15:50:49 -06:00
< p > {COMMIT_COUNT} Commits< / 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;"> -->
2024-01-25 23:21:12 -06:00
<!-- <p class="chip"><a href="https://status.violets - purgatory.dev">Status</a></p> -->
2024-02-05 21:43:16 -06:00
< p class = "chip" > < a href = "https://fs.violets-purgatory.dev" > FileShare< / a > < / p >
2024-01-25 23:21:12 -06:00
< 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;"> -->
2024-01-25 23:21:12 -06:00
< 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> -->
2023-11-18 21:09:42 -06:00
{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 >
2024-01-25 23:21:12 -06:00
< 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 >
2023-11-18 21:09:42 -06:00
{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 >
2023-10-20 21:52:33 -05:00
< / body >
2024-01-25 23:21:12 -06:00
2023-11-18 21:38:22 -06:00
< / html >