Violet/Violets-Purgatory
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

New UI!!!

Browse source
This commit is contained in:
Bingus_Violet 2023-11-16 20:56:07 -06:00
parent 5a87559533
commit 6800930ea0
3 changed files with 32 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

31
resources/mainPage.html
View file

@ -5,8 +5,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="/style.css">
<title>Violet's Purgatory</title>
@ -22,16 +21,18 @@
</head>
<body>
<div class="fadediv" style="display: flex; justify-content: center; align-items: center; width: 100%; height: 85%;">
<h1>Welcome to Violet's Purgatory</h1>
<div class="fadediv">
<div class="container-fluid row" id="card">
<h2>Violet</h2>
<div class="col-sm-6" style="display: flex; justify-content: center; align-items: center;">
<div class="col-sm-12" style="display: flex; justify-content: center; align-items: center;">
<img src="https://api.lanyard.rest/534132311781015564.png" class="pfp">
</div>
<div class="col-sm-6">
<p>Pronouns: They/Them</p>
<p>Gender: Non-binary</p>
<p>Game & web developer</p>
<div>
<p>They/Them</p>
<p>Non-binary</p>
<p>Game & web developer</p>
{LANYARD_STATUS}
</div>
</div>
<div class="col-sm-12">
<hr>
@ -39,15 +40,15 @@
<p class="chip"><a href="/hosted">Stuff i'm hosting!</a></p>
<p class="chip"><a href="/socials">Socials</a></p>
<p class="chip"><a href="/pronouns">Pronouns</a></p>
<br>
<!-- <p class="d-sm-inline-block d-none">Fediverse: <a rel="me"
href="https://tech.lgbt/@Bingus_Violet">@Bingus_Violet@tech.lgbt</a></p>
<p class="d-sm-inline-block d-none" style="border-color: red;">Ko-Fi: <a
href="https://ko-fi.com/bingus_violet" style="color: rgb(255, 0, 0)">bingus_violet</a> - Please
donate!</p> -->
<hr>
{LANYARD}
</div>
</div>
<p><em>The world's worst developer</em></p>
<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 <br> P.S. Your really cool, I look up to people like u :> (Atleast, assuming you disabled javascript urself...)</p>
</noscript>
</div>
</body>