This commit is contained in:
Violet 2023-11-03 20:12:37 -05:00
parent eecb2687cd
commit 7affc945ca
2 changed files with 53 additions and 29 deletions

View file

@ -5,29 +5,40 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="./style.css">
<title>Violet's Purgatory</title> <title>Violet's Purgatory</title>
</head> </head>
<body> <body>
<h1>Violet's&nbsp;Purgatory</h1> <h1>Welcome to Violet's&nbsp;Purgatory</h1>
<hr> <hr>
<h2>...Who?</h2> <h2>...Who?</h2>
<p>Hi! I'm Violet, a generic web and game developer. <br> If it wasn't already clear, though, I am not a graphic designer TwT.</p> <p>Hi! I'm Violet, a generic web and game developer. <br> If it wasn't already clear, though, I am not a graphic
<p class="chip">Violet</p> designer TwT.</p>
<p class="chip">Proffesion: Being bad at webdev</p>
<br> <br>
<p class="chip">They/Them</p>
<p class="chip">Non-Binary</p> <div class="container-fluid row" id="card">
<p class="chip"><a href="p">(More info)</a></p> <div class="col-sm-6">
<img src="https://api.lanyard.rest/534132311781015564.png" class="pfp">
</div>
<div class="col-sm-6">
<p>Name: Violet</p>
<p>Pronouns: They/Them</p>
<p>Gender: Non-binary</p>
</div>
<p style="color: lightgray"><em>The world's worst developer</em></p>
</div>
<hr> <hr>
<h2>Socials:</h2> <h2>Socials:</h2>
<p class="chip" style="border-color: red;">Ko-Fi: <a href="https://ko-fi.com/bingus_violet" style="color: rgb(255, 100, 100)">bingus_violet</a> - Please donate!</p> <p class="chip" style="border-color: red;">Ko-Fi: <a href="https://ko-fi.com/bingus_violet"
style="color: rgb(255, 100, 100)">bingus_violet</a> - Please donate!</p>
<br><br> <br><br>
<p class="chip" style="color: rgb(200, 175, 255);">Fedi: <a rel="me" href="https://tech.lgbt/@Bingus_Violet">@Bingus_Violet@tech.lgbt</a></p> <p class="chip" style="color: rgb(200, 175, 255);">Fedi: <a rel="me"
href="https://tech.lgbt/@Bingus_Violet">@Bingus_Violet@tech.lgbt</a></p>
<p class="chip"><span style="color: limegreen">Matrix</span>: @bingus_violet:catgirl.cloud</p> <p class="chip"><span style="color: limegreen">Matrix</span>: @bingus_violet:catgirl.cloud</p>
<p class="chip"><span style="color: red;">Revolt</span>: BingusViolet#5573</p> <p class="chip"><span style="color: red;">Revolt</span>: BingusViolet#5573</p>
<p class="chip"><span style="color: rgb(125, 150, 225)">Discord</span>: bingus_violet</p> <p class="chip"><span style="color: rgb(125, 150, 225)">Discord</span>: bingus_violet</p>
@ -35,16 +46,21 @@
<hr> <hr>
<h2>Where did you get this very original website design?</h2> <h2>Where did you get this very original website design?</h2>
<p style="font-size: 1.35rem;">Uhmmmmmm..... nowhere :></p> <p style="font-size: 1.35rem;">Uhmmmmmm..... nowhere :></p>
<p style="font-size: 0.9rem; color: gray">3 versions (including this one) of my website have been a direct rip off of my <a href="https://lunasother.nl">girlfriend's websites</a> T^T</p> <p style="font-size: 0.9rem; color: gray">3 versions (including this one) of my website have been a direct rip off
of my <a href="https://lunasother.nl">girlfriend's websites</a> T^T</p>
<hr> <hr>
<h1>Stuff im hosting!</h1> <h1>Stuff im hosting!</h1>
<p>If you have anything I should host, please put an issue up on <a href="https://codeberg.org/Bingus_Violet/Violets-Purgatory">codeberg!</a></p> <p>If you have anything I should host, please put an issue up on <a
<p class="chip">(New, please try! Report bugs!) NoJS Youtube Converter: <a href="https://yt.violets-purgatory.dev">yt.violets-purgatory.dev</a></p> href="https://codeberg.org/Bingus_Violet/Violets-Purgatory">codeberg!</a></p>
<p class="chip">(New, please try! Report bugs!) NoJS Youtube Converter: <a
href="https://yt.violets-purgatory.dev">yt.violets-purgatory.dev</a></p>
<p class="chip">SearXNG: <a href="https://search.violets-purgatory.dev">search.violets-purgatory.dev</a></p> <p class="chip">SearXNG: <a href="https://search.violets-purgatory.dev">search.violets-purgatory.dev</a></p>
<!-- <p class="chip">Osana Proxy: <a href="https://osana.violets-purgatory.dev">osana.violets-purgatory.dev</a></p> --> <!-- <p class="chip">Osana Proxy: <a href="https://osana.violets-purgatory.dev">osana.violets-purgatory.dev</a></p> -->
<p class="chip">Fortnite (web): <a href="https://fortnite.violets-purgatory.dev">fortnite.violets-purgatory.dev</a></p> <p class="chip">Fortnite (web): <a href="https://fortnite.violets-purgatory.dev">fortnite.violets-purgatory.dev</a>
</p>
<hr> <hr>
<p>If you have any problems with the site, put up an issue on <a href="https://codeberg.org/Bingus_Violet/Violets-Purgatory">codeberg!</a></p> <p>If you have any problems with the site, put up an issue on <a
href="https://codeberg.org/Bingus_Violet/Violets-Purgatory">codeberg!</a></p>
</body> </body>
</html> </html>

View file

@ -9,7 +9,7 @@
h1 { h1 {
color: rgb(225, 215, 255); color: rgb(225, 215, 255);
font-size: 2.5rem; font-size: 2.5rem;
margin-top: 30px; margin-top: 20px;
} }
h2 { h2 {
@ -18,7 +18,6 @@ h2 {
} }
body { body {
padding: 15px;
margin: auto; margin: auto;
background-color: rgb(10, 5, 20); background-color: rgb(10, 5, 20);
max-width: 1100px; max-width: 1100px;
@ -37,11 +36,11 @@ a {
.chip { .chip {
font-size: 1.3rem; font-size: 1.3rem;
border: 2px white solid; border: 2px gray solid;
border-radius: 15px; border-radius: 8px;
background-color: black; background-color: black;
padding: 10px; padding: 8px;
margin: 5px; margin: 3px;
display: inline-block; display: inline-block;
transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
/* transform: scale(0.95) */ /* transform: scale(0.95) */
@ -50,7 +49,8 @@ a {
.chip:hover { .chip:hover {
/* background-color: rgb(20, 10, 30); */ /* background-color: rgb(20, 10, 30); */
/* transform: scale(1); */ /* transform: scale(1); */
font-size: 1.4rem; font-size: 1.35rem;
border-color: white;
} }
a:hover { a:hover {
@ -66,18 +66,17 @@ p {
} }
img { img {
width: 30%; width: 45%;
max-width: 150px; max-width: 175px;
min-width: 100px; border: darkgray 4px solid;
border: rgb(175, 75, 200) 4px solid;
border-radius: 50%; border-radius: 50%;
transform: scale(0.9); transform: scale(0.95);
transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
} }
img:hover { img:hover {
transform: scale(1); transform: scale(1.05);
/* border-color: rgb(255, 200, 255); */ border-color: rgb(255, 200, 255);
object-fit: cover; object-fit: cover;
} }
@ -88,6 +87,15 @@ hr {
margin: 20px 10%; margin: 20px 10%;
} }
#card {
background-image: linear-gradient(-45deg, rgb(75, 25, 125), rgb(100, 30, 100));
background-color: rgb(50, 25, 100);
padding: 15px;
border: 2px white solid;
margin: auto;
max-width: 90%;
}
.love::before { .love::before {
content: "<3 "; content: "<3 ";
color: rgb(255, 100, 150); color: rgb(255, 100, 150);