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

idk

Browse source
This commit is contained in:
Bingus_Violet 2024-02-08 18:28:33 -06:00
parent a82a374f20
commit ed62041e65
4 changed files with 71 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

27
static/index.html
View file

@ -22,11 +22,34 @@
</head>
<body>
<h1 class="animatedTitle">Welcome to <span class="mainTitle">Violet's Purgatory</span><span class="note">Commit {COMMIT_COUNT}</span><br></h1>
<h1 class="animatedTitle">Welcome to <span class="mainTitle">Violet's Purgatory</span><span class="note">Commit
{COMMIT_COUNT}</span><br></h1>
{BG_EFFECT}
<main>
<p>{RANDOM_QUOTE}</p>
<hr>
{RANDOM_QUOTE}
<p>Hi! I'm Violet, a 15 year old web and game developer. <br>
I aspire to make fast and javascript free websites! I'm currently learning the Godot Engine, and have been
becoming quote fluent in NodeJS.<br>
Although my site is pretty barebones at the moment due to a recent rewrite, I hope to continue with this
passion and update this website along with it.
</p>
<div id="card">
<h2>Violet</h2>
<div class="sides">
<img src="https://api.violets-purgatory.dev/v1/pfp" class="pfp">
</div>
<div class="sides">
<p>
They/Them<br>
{RANDOM_TITLE}
</p>
</div>
</div>
<p>As is probably very obvious, I'm not great at graphic design at the moment, but I hope to improve upon that
as time goes on.<br><span class="note">I'm sure you can tell I have a pretty low self esteem too...</span>
</p>
</main>
</body>

37
static/style.css
View file

@ -17,7 +17,7 @@
body {
background-color: black;
overflow-x: hidden;
padding: 25px;
animation: hideContent 2.5s;
@ -39,10 +39,43 @@ main {
}
hr {
border: 2px rgba(100, 0, 150, 0.5) solid;
border: 2px gray solid;
margin: 20px;
}
p {
font-size: 1.25rem;
}
#card {
background-color: rgb(75, 0, 125);
border: 2px lightgray solid;
border-radius: 15px;
max-width: 600px;
margin: auto;
}
div.sides {
display: inline-block;
width: max(20%, 175px);
padding: 0;
margin: auto;
vertical-align: middle;
}
.pfp {
width: 125px;
height: 125px;
border: 2px white solid;
border-radius: 50%;
margin: 25px;
}
h2 {
font-size: 1.8rem;
}
.rainDrop {
position: fixed;
z-index: -2;