dunno
This commit is contained in:
parent
eecb2687cd
commit
7affc945ca
2 changed files with 53 additions and 29 deletions
|
@ -5,29 +5,40 @@
|
|||
<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" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
|
||||
<title>Violet's Purgatory</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Violet's Purgatory</h1>
|
||||
<h1>Welcome to Violet's Purgatory</h1>
|
||||
<hr>
|
||||
<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 class="chip">Violet</p>
|
||||
<p class="chip">Proffesion: Being bad at webdev</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
|
||||
designer TwT.</p>
|
||||
|
||||
<br>
|
||||
<p class="chip">They/Them</p>
|
||||
<p class="chip">Non-Binary</p>
|
||||
<p class="chip"><a href="p">(More info)</a></p>
|
||||
|
||||
<div class="container-fluid row" id="card">
|
||||
<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>
|
||||
<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>
|
||||
<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: red;">Revolt</span>: BingusViolet#5573</p>
|
||||
<p class="chip"><span style="color: rgb(125, 150, 225)">Discord</span>: bingus_violet</p>
|
||||
|
@ -35,16 +46,21 @@
|
|||
<hr>
|
||||
<h2>Where did you get this very original website design?</h2>
|
||||
<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>
|
||||
<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 class="chip">(New, please try! Report bugs!) NoJS Youtube Converter: <a href="https://yt.violets-purgatory.dev">yt.violets-purgatory.dev</a></p>
|
||||
<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 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">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>
|
||||
<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>
|
||||
|
||||
</html>
|
|
@ -9,7 +9,7 @@
|
|||
h1 {
|
||||
color: rgb(225, 215, 255);
|
||||
font-size: 2.5rem;
|
||||
margin-top: 30px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
|
@ -18,7 +18,6 @@ h2 {
|
|||
}
|
||||
|
||||
body {
|
||||
padding: 15px;
|
||||
margin: auto;
|
||||
background-color: rgb(10, 5, 20);
|
||||
max-width: 1100px;
|
||||
|
@ -37,11 +36,11 @@ a {
|
|||
|
||||
.chip {
|
||||
font-size: 1.3rem;
|
||||
border: 2px white solid;
|
||||
border-radius: 15px;
|
||||
border: 2px gray solid;
|
||||
border-radius: 8px;
|
||||
background-color: black;
|
||||
padding: 10px;
|
||||
margin: 5px;
|
||||
padding: 8px;
|
||||
margin: 3px;
|
||||
display: inline-block;
|
||||
transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
/* transform: scale(0.95) */
|
||||
|
@ -50,7 +49,8 @@ a {
|
|||
.chip:hover {
|
||||
/* background-color: rgb(20, 10, 30); */
|
||||
/* transform: scale(1); */
|
||||
font-size: 1.4rem;
|
||||
font-size: 1.35rem;
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
|
@ -66,18 +66,17 @@ p {
|
|||
}
|
||||
|
||||
img {
|
||||
width: 30%;
|
||||
max-width: 150px;
|
||||
min-width: 100px;
|
||||
border: rgb(175, 75, 200) 4px solid;
|
||||
width: 45%;
|
||||
max-width: 175px;
|
||||
border: darkgray 4px solid;
|
||||
border-radius: 50%;
|
||||
transform: scale(0.9);
|
||||
transform: scale(0.95);
|
||||
transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
}
|
||||
|
||||
img:hover {
|
||||
transform: scale(1);
|
||||
/* border-color: rgb(255, 200, 255); */
|
||||
transform: scale(1.05);
|
||||
border-color: rgb(255, 200, 255);
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
|
@ -88,6 +87,15 @@ hr {
|
|||
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 {
|
||||
content: "<3 ";
|
||||
color: rgb(255, 100, 150);
|
||||
|
|
Loading…
Reference in a new issue