idk
This commit is contained in:
Bingus_Violet
parent
a82a374f20
commit
ed62041e65
4 changed files with 71 additions and 7 deletions
11
config.json
11
config.json
|
|
@ -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 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!",
|
"Remember son, dying is gay!",
|
||||||
"Your friendly neighborhood queer",
|
"Your friendly neighborhood queer",
|
||||||
"Boykisser",
|
|
||||||
"I hate javascript!!!",
|
"I hate javascript!!!",
|
||||||
"Don't fuck with this senator!",
|
"Don't fuck with this senator!",
|
||||||
"Crazy? I was crazy once!",
|
"Crazy? I was crazy once!",
|
||||||
|
|
@ -41,7 +40,11 @@
|
||||||
"PROUD OWNER OF: <a href='https://univerter.dev'>univerter.dev</a>!",
|
"PROUD OWNER OF: <a href='https://univerter.dev'>univerter.dev</a>!",
|
||||||
"These birds are Pissing me off... I'm the original Starwalker"
|
"These birds are Pissing me off... I'm the original Starwalker"
|
||||||
],
|
],
|
||||||
|
"titles": [
|
||||||
|
"Boykisser",
|
||||||
|
"World's Worst Developer",
|
||||||
|
"Least optimized optimizer"
|
||||||
|
],
|
||||||
"thumborInstances": [
|
"thumborInstances": [
|
||||||
"https://thumbor-production-0e82.up.railway.app/",
|
"https://thumbor-production-0e82.up.railway.app/",
|
||||||
"https://enormous-book-production.up.railway.app/",
|
"https://enormous-book-production.up.railway.app/",
|
||||||
|
|
@ -53,6 +56,8 @@
|
||||||
"Pissing": "yellow",
|
"Pissing": "yellow",
|
||||||
"Starwalker": "yellow",
|
"Starwalker": "yellow",
|
||||||
"word highlighting": "yellow",
|
"word highlighting": "yellow",
|
||||||
"replaceAll": "limegreen"
|
"replaceAll": "limegreen",
|
||||||
|
"Godot Engine": "#64B5F6",
|
||||||
|
"javascript": "yellow"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -5,6 +5,7 @@ var config = JSON.parse(fs.readFileSync(path.join(__dirname, 'config.json')))
|
||||||
|
|
||||||
var highlightedWords = config.highlightedWords
|
var highlightedWords = config.highlightedWords
|
||||||
var quotes = config.quotes
|
var quotes = config.quotes
|
||||||
|
var titles = config.titles
|
||||||
|
|
||||||
var commitCount = "300+"
|
var commitCount = "300+"
|
||||||
|
|
||||||
|
|
@ -59,6 +60,8 @@ function converter(html) {
|
||||||
|
|
||||||
html = html.replaceAll("{QUOTE_COUNT}", quotes.length)
|
html = html.replaceAll("{QUOTE_COUNT}", quotes.length)
|
||||||
|
|
||||||
|
html = html.replaceAll("{RANDOM_TITLE}", titles[Math.floor(Math.random() * titles.length)])
|
||||||
|
|
||||||
return html
|
return html
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -22,11 +22,34 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<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}
|
{BG_EFFECT}
|
||||||
<main>
|
<main>
|
||||||
|
<p>{RANDOM_QUOTE}</p>
|
||||||
<hr>
|
<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>
|
</main>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@
|
||||||
body {
|
body {
|
||||||
background-color: black;
|
background-color: black;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
|
||||||
padding: 25px;
|
padding: 25px;
|
||||||
|
|
||||||
animation: hideContent 2.5s;
|
animation: hideContent 2.5s;
|
||||||
|
|
@ -39,10 +39,43 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border: 2px rgba(100, 0, 150, 0.5) solid;
|
border: 2px gray solid;
|
||||||
margin: 20px;
|
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 {
|
.rainDrop {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: -2;
|
z-index: -2;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue