44 lines
No EOL
1.8 KiB
HTML
44 lines
No EOL
1.8 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">
|
|
|
|
|
|
<meta content="Discord Status - Violet's Purgatory" property="og:title" />
|
|
<meta content="The answers to all your not-so-frequently-asked questions!" />
|
|
<meta content="https://api.lanyard.rest/534132311781015564.png" property="og:image" />
|
|
<meta content="#a200ff" data-react-helmet="true" name="theme-color" />
|
|
|
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
|
|
|
|
<title>Discord Status - Violet's Purgatory</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="fadediv">
|
|
<noscript><h2>Sorry! This page requires javascript... The rest of this site doesn't, though!</h2></noscript>
|
|
<h1>Discord Status</h1>
|
|
<p>This is a more fleshed out version of the main discord status on my site, issue being, it requires Javascript. So, I choose not to use it, though it coulda been cool...</p>
|
|
<p>I still am tempted to add something like it to the main page, and just make it compatible without javascript, but I worry that'd upset people.</p>
|
|
|
|
<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>Developer</p>
|
|
<p id="discStatus" style="transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);">Offline</p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<p id="discQuote"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="./index.js"></script>
|
|
</html> |