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

View file

@ -7,7 +7,6 @@
"Remember the 14th commandment: Thou shalt always clean thy plate and not waste anything, whether thy stomach is full, or not.",
"Remember son, dying is gay!",
"Your friendly neighborhood queer",
"Boykisser",
"I hate javascript!!!",
"Don't fuck with this senator!",
"Crazy? I was crazy once!",
@ -41,7 +40,11 @@
"PROUD OWNER OF: <a href='https://univerter.dev'>univerter.dev</a>!",
"These birds are Pissing me off... I'm the original &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Starwalker"
],
"titles": [
"Boykisser",
"World's Worst Developer",
"Least optimized optimizer"
],
"thumborInstances": [
"https://thumbor-production-0e82.up.railway.app/",
"https://enormous-book-production.up.railway.app/",
@ -53,6 +56,8 @@
"Pissing": "yellow",
"Starwalker": "yellow",
"word highlighting": "yellow",
"replaceAll": "limegreen"
"replaceAll": "limegreen",
"Godot Engine": "#64B5F6",
"javascript": "yellow"
}
}

View file

@ -5,6 +5,7 @@ var config = JSON.parse(fs.readFileSync(path.join(__dirname, 'config.json')))
var highlightedWords = config.highlightedWords
var quotes = config.quotes
var titles = config.titles
var commitCount = "300+"
@ -59,6 +60,8 @@ function converter(html) {
html = html.replaceAll("{QUOTE_COUNT}", quotes.length)
html = html.replaceAll("{RANDOM_TITLE}", titles[Math.floor(Math.random() * titles.length)])
return 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>

View file

@ -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;