some small changes

This commit is contained in:
Ellpeck 2019-07-06 23:35:20 +02:00
parent 2499212b71
commit 9bd7ce845e
6 changed files with 126 additions and 79 deletions

View file

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>404</title> <title>404</title>
@ -43,6 +44,7 @@
} }
</style> </style>
</head> </head>
<body> <body>
<div class="content"> <div class="content">
<h1>Four Oh Four</h1> <h1>Four Oh Four</h1>
@ -64,7 +66,10 @@
'this is so sad alexa play despacito', 'this is so sad alexa play despacito',
'The server is at a loss for what you were trying to find', 'The server is at a loss for what you were trying to find',
'oh no :(', 'oh no :(',
'The world is quiet here.' 'The world is quiet here.',
"Instructions unclear, got site stuck in debug mode",
"Please fix",
"If we get this video to 400 likes, I'll put the site back up"
]; ];
let message = Math.floor(Math.random() * messages.length); let message = Math.floor(Math.random() * messages.length);
@ -79,4 +84,5 @@
<em>If you think there should be something here, please notify me at <a class="email" href="mailto:me@ellpeck.de">me@ellpeck.de</a>.</em> <em>If you think there should be something here, please notify me at <a class="email" href="mailto:me@ellpeck.de">me@ellpeck.de</a>.</em>
</div> </div>
</body> </body>
</html> </html>

View file

@ -1,58 +1,80 @@
const facts = [
"For the longest time, I thought bitbucket was called 'gitbucket', and I didn't realize even when actually going to the site.",
"There are a couple of secrets and easter eggs on this site, including the fact that this fact is randomized.",
"I really like writing poems and stories, but I get burned out pretty fast and so I almost never finish anything.",
"I wrote a book once, but I took all the links to it down because no one was buying it and it felt a bit embarrassing.",
"I'm pretty flexible.",
"I have pretty bad social anxiety, and I'm seeing a therapist and taking medication.",
"I think that bacon is disgusting.",
"A lot of times, I say that things are facts despite knowing that they're just opinions, and I hate myself for it.",
"When I code in JavaScript, I randomly switch between using single and double quotes for strings, and it turns into a bit of a mess to look at.",
"Sometimes, I get addicted to energy drinks for a while and have a terrible week while trying to stop drinking them so much.",
"I only drink alcohol when I'm with my friends.",
"I don't understand people who shower in the evening. Why would you want to wake up with all of the bed sweat on you and do nothing about it?",
"I use document.write() despite the fact that Chrome tells me to stop every time I open the console on this site. Try me, Chrome.",
"I'm actually not that good of a programmer.",
"I like hugs."
];
const questions = [{ const questions = [{
'q': 'How old are you?', q: 'How old are you?',
'a': "I'm " + getAge() + " years old. This automatically updates now, too, so I won't ever forget to update it again!" a: "I'm " + getAge() + " years old. This automatically updates now, too, so I won't ever forget to update it again!"
}, },
{ {
'q': 'Where are you from?', q: 'Where are you from?',
'a': "I am from Neuss, Germany and I'm currently living and going to university in Aachen, Germany." a: "I am from Neuss, Germany and I'm currently living and going to university in Aachen, Germany."
}, },
{ {
'q': 'Why are you called Ellpeck?', q: 'Why are you called Ellpeck?',
'a': "Well, it actually isn't as interesting of a story as some of you might hope. Long story short, when I was little (and was, apparently, very bad at English), I decided to make a YouTube channel called \"LetsPlayEveryGames.\" Shortly after, I also made a Minecraft account that I was going to call the same thing. At the time, though, there was a limit for how many characters your name could have, and so I opted for calling myself \"LPEG\" instead. When a friend of mine came along and started trying to pronounce that name, instead of saying each individual letter on its own, he started pronouncing it like a word: Ell-Peg. ...Ellpeck. I liked that pronounciation and so I stuck with the name." a: "Well, it actually isn't as interesting of a story as some of you might hope. Long story short, when I was little (and was, apparently, very bad at English), I decided to make a YouTube channel called \"LetsPlayEveryGames.\" Shortly after, I also made a Minecraft account that I was going to call the same thing. At the time, though, there was a limit for how many characters your name could have, and so I opted for calling myself \"LPEG\" instead. When a friend of mine came along and started trying to pronounce that name, instead of saying each individual letter on its own, he started pronouncing it like a word: Ell-Peg. ...Ellpeck. I liked that pronounciation and so I stuck with the name."
}, },
{ {
'q': "What are your pronouns?", q: "What are your pronouns?",
'a': "I'm cis male, so I go by he/him." a: "I'm cis male, so I go by he/him."
}, },
{ {
'q': "What's your sexual orientation?", q: "What's your sexual orientation?",
'a': 'I like <a href="https://twitter.com/Sarkasaa">cute guys</a>.' a: 'I like <a href="https://twitter.com/Sarkasaa">cute guys</a>.'
}, },
{ {
'q': 'What languages do you speak?', q: 'What languages do you speak?',
'a': 'German, English, Java, JavaScript, C# and a bit of C, HTML and CSS.' a: 'German, English, Java, JavaScript, C# and a bit of C, HTML and CSS.'
}, },
{ {
"q": "How do you make games?", "q": "How do you make games?",
"a": "I recently fell in love with the game engine Unity. It's so great and so fun to use." "a": "I recently fell in love with the game engine Unity. It's so great and so fun to use."
}, },
{ {
'q': 'What\'s your favorite programming language?', q: 'What\'s your favorite programming language?',
'a': 'It varies between C# and Java, based on the language that I currently use more.' a: 'It varies between C# and Java, based on the language that I currently use more.'
}, },
{ {
'q': "What's your job/occupation?", q: "What's your job/occupation?",
'a': "I'm currently studying Computer Science at the <a href=\"https://www.rwth-aachen.de/\">RWTH Aachen</a>. I don't have a job on the side or anything, though." a: "I'm currently studying Computer Science at the <a href=\"https://www.rwth-aachen.de/\">RWTH Aachen</a>. I don't have a job on the side or anything, though."
}, },
{ {
'q': 'Are you for hire?', q: 'Are you for hire?',
'a': 'You can commission me to make a Minecraft mod for you. You can find more information <a href="#commissions">here</a>.' a: 'You can commission me to make a Minecraft mod for you. You can find more information <a href="#commissions">here</a>.'
}, },
{ {
'q': 'What do you use to code?', q: 'What do you use to code?',
'a': "For Java, I use IntelliJ IDEA. For C#, I use JetBrains Rider. For most of my other projects, which are usually rather small, I use Visual Studio Code, which is awesome, by the way." a: "For Java, I use IntelliJ IDEA. For C#, I use JetBrains Rider. For most of my other projects, which are usually rather small, I use Visual Studio Code, which is awesome, by the way."
}, },
{ {
'q': 'How did you make this site?', q: 'How did you make this site?',
'a': 'I made this page using <a href="https://getbootstrap.com/">Bootstrap</a>. The content is dynamically generated using JavaScript based on a bunch of JSON data. If you\'re curious about the (probably pretty messy) code, then you can check out the <a href="https://github.com/Ellpeck/Web">GitHub repository</a>.' a: 'I made this page using <a href="https://getbootstrap.com/">Bootstrap</a>. The content is dynamically generated using JavaScript based on a bunch of JSON data. If you\'re curious about the (probably pretty messy) code, then you can check out the <a href="https://github.com/Ellpeck/Web">GitHub repository</a>.'
},
{
q: 'What\'s a random fact about you?',
a: facts[Math.floor(Math.random() * facts.length)]
} }
]; ];
let a = ''; let a = '';
for (question of questions) { for (question of questions) {
a += '<p>'; a += '<p>';
a += '<strong>Q: ' + question['q'] + '</strong><br>'; a += '<strong>Q: ' + question["q"] + '</strong><br>';
a += '<strong>A:</strong> ' + question['a']; a += '<strong>A:</strong> ' + question["a"];
a += '</p>'; a += '</p>';
} }
$('#about-list').html(a); $('#about-list').html(a);

View file

@ -12,6 +12,12 @@ const greetings = [
'Hello friend!', 'Hello friend!',
'Howdy!', 'Howdy!',
'Guten Tag!', 'Guten Tag!',
'Servus!' 'Servus!',
"Yo yo yo",
"Good morning!",
"Good evening!",
"Yo yo yo yo",
"Yo yo yo yo yo",
"Henlo"
]; ];
$('#intro-text').html(greetings[Math.floor(Math.random() * greetings.length)]); $('#intro-text').html(greetings[Math.floor(Math.random() * greetings.length)]);

View file

@ -1,41 +1,41 @@
const projects = [{ const projects = [{
'name': 'Actually Additions', name: 'Actually Additions',
'desc': 'Actually Additions is a rather popular Minecraft mod that I used to work on. It\'s become widely known in the modding community and has reached over 10 million downloads by now, which is crazy. I don\'t work on it anymore myself, but it\'s being maintained for current versions by someone else.', desc: 'Actually Additions is a rather popular Minecraft mod that I used to work on. It\'s become widely known in the modding community and has reached over 10 million downloads by now, which is crazy. I don\'t work on it anymore myself, but it\'s being maintained for current versions by someone else.',
'links': { links: {
'CurseForge page': 'https://www.ellpeck.de/actadd', 'CurseForge page': 'https://www.ellpeck.de/actadd',
'Online manual': 'https://www.ellpeck.de/actaddmanual/' 'Online manual': 'https://www.ellpeck.de/actaddmanual/'
}, },
'status': 'Handed off', status: 'Handed off',
'icon': 'aa' icon: 'aa'
}, },
{ {
'name': "Nature's Aura", name: "Nature's Aura",
'desc': "Nature's Aura is a new Minecraft mod about collecting, using and replenishing the Aura naturally present in the world to create useful devices and unique mechanics.", desc: "Nature's Aura is a new Minecraft mod about collecting, using and replenishing the Aura naturally present in the world to create useful devices and unique mechanics.",
'status': 'In development', status: 'In development',
'links': { links: {
'CurseForge page': 'https://minecraft.curseforge.com/projects/natures-aura' 'CurseForge page': 'https://minecraft.curseforge.com/projects/natures-aura'
}, },
'icon': 'na' icon: 'na'
}, },
{ {
"name": "Tetro", name: "Tetro",
"desc": "Tetro is a Tetris clone I wrote in an afternoon and a bit. You can play it in the browser. It also features multiple game piece designs and some custom game modes. It was pretty fun to make, and it's pretty fun to play.", desc: "Tetro is a Tetris clone I wrote in an afternoon and a bit. You can play it in the browser. It also features multiple game piece designs and some custom game modes. It was pretty fun to make, and it's pretty fun to play.",
"status": "Finished", status: "Finished",
"links": { links: {
"Play it": "https://ellpeck.github.io/Tetro", "Play it": "https://ellpeck.github.io/Tetro",
"Code on GitHub": "https://github.com/Ellpeck/Tetro" "Code on GitHub": "https://github.com/Ellpeck/Tetro"
}, },
"icon": "tetro" icon: "tetro"
}, },
{ {
'name': 'Rock Bottom', name: 'Rock Bottom',
'desc': 'Rock Bottom is a game I\'ve been working on for a little more than a year now. It\'s a 2D-sidescrolling sandbox game with a storyline that has multiplayer support, a modding API and a lot more fun stuff. It\'s currently still in early development, but I\'m kind of taking a break from it for a while.', desc: 'Rock Bottom is a game I\'ve been working on for a little more than a year now. It\'s a 2D-sidescrolling sandbox game with a storyline that has multiplayer support, a modding API and a lot more fun stuff. It\'s currently still in early development, but I\'m kind of taking a break from it for a while.',
'links': { links: {
'Website': 'https://rockbottom.ellpeck.de', 'Website': 'https://rockbottom.ellpeck.de',
'API on GitHub': 'https://github.com/RockBottomGame/API' 'API on GitHub': 'https://github.com/RockBottomGame/API'
}, },
'status': 'On hold', status: 'On hold',
'icon': 'rb' icon: 'rb'
} }
]; ];
@ -43,17 +43,17 @@ let p = '';
for (project of projects) { for (project of projects) {
p += '<div class="card bg-light project rounded-0">'; p += '<div class="card bg-light project rounded-0">';
p += '<div class="card-body">'; p += '<div class="card-body">';
p += '<img class="project-image" src="res/projects/' + project['icon'] + '.png" alt="">'; p += '<img class="project-image" src="res/projects/' + project["icon"] + '.png" alt="">';
p += '<h4 class="card-title">' + project['name'] + '</h4>'; p += '<h4 class="card-title">' + project["name"] + '</h4>';
p += '<p class="card-text">' + project['desc'] + '</p>'; p += '<p class="card-text">' + project["desc"] + '</p>';
if (project['status']) if (project["status"])
p += '<span class="text-muted project-status">' + project['status'] + '</span>'; p += '<span class="text-muted project-status">' + project["status"] + '</span>';
let links = project['links']; let links = project["links"];
if (links) { if (links) {
for (let name in links) { for (let name in links) {
p += '<a href="' + links[name] + '" class="card-link btn ' + (dark ? "btn-outline-light" : "btn-outline-info") + ' rounded-0">' + name + '</a>'; p += '<a href="' + links["name"] + '" class="card-link btn ' + (dark ? "btn-outline-light" : "btn-outline-info") + ' rounded-0">' + name + '</a>';
} }
} }

View file

@ -13,6 +13,9 @@
The Faint The Faint
Coldplay Coldplay
dodie dodie
blink-182
Albert Hammond, Jr.
Lorde
*/ */
const quotes = [ const quotes = [
@ -99,6 +102,16 @@ const quotes = [
"We don't eat our words, they don't taste so good", "We don't eat our words, they don't taste so good",
"She smells like lemongrass and peach", "She smells like lemongrass and peach",
"She tastes like apple juice and peach", "She tastes like apple juice and peach",
"You would find her in a polaroid picture" "You would find her in a polaroid picture",
"I'm bored to death and fading fast",
"Life is too short to last long",
"It's not goodbye, I'm just losing touch",
"I'll take the last train home",
"Hey I'm sorry, I lost your memory",
"I do my make-up in somebody else's car",
"But I hear sounds in my mind",
"Brand-new sounds in my mind",
"That green light, I want it",
"The only time I feel alive is when I find something I would die for"
]; ];
$('#quote-text').html('<em>' + quotes[Math.floor(Math.random() * quotes.length)] + '</em>'); $('#quote-text').html('<em>' + quotes[Math.floor(Math.random() * quotes.length)] + '</em>');

View file

@ -1,52 +1,52 @@
const socials = [{ const socials = [{
'name': 'Discord', name: 'Discord',
'link': 'https://www.ellpeck.de/discord', link: 'https://www.ellpeck.de/discord',
}, },
{ {
'name': 'Twitter', name: 'Twitter',
'link': 'https://twitter.com/Ellpeck' link: 'https://twitter.com/Ellpeck'
}, },
{ {
'name': 'GitHub', name: 'GitHub',
'link': 'https://github.com/Ellpeck/', link: 'https://github.com/Ellpeck/',
'darkIcon': true darkIcon: true
}, },
{ {
'name': 'Twitch', name: 'Twitch',
'link': 'http://twitch.tv/ellpeck' link: 'http://twitch.tv/ellpeck'
}, },
{ {
'name': 'YouTube', name: 'YouTube',
'link': 'https://www.youtube.com/c/ellpeck' link: 'https://www.youtube.com/c/ellpeck'
}, },
{ {
'name': "itch.io", name: "itch.io",
"link": "https://ellpeck.itch.io/", link: "https://ellpeck.itch.io/",
"darkIcon": true darkIcon: true
}, },
{ {
'name': 'Instagram', name: 'Instagram',
'link': 'https://instagram.com/Ellopecko' link: 'https://instagram.com/Ellopecko'
}, },
{ {
'name': 'Patreon', name: 'Patreon',
'link': 'https://patreon.com/ellpeck' link: 'https://patreon.com/ellpeck'
}, },
{ {
'name': 'Email', name: 'Email',
'link': 'mailto:me@ellpeck.de', link: 'mailto:me@ellpeck.de',
'darkIcon': true darkIcon: true
} }
]; ];
let s = ''; let s = '';
for (social of socials) { for (social of socials) {
s += '<a class="btn ' + (dark ? "btn-dark" : "btn-light") + ' social-button rounded-0" href="' + social['link'] + '"">'; s += '<a class="btn ' + (dark ? "btn-dark" : "btn-light") + ' social-button rounded-0" href="' + social["link"] + '"">';
let icon = social['name'].toLowerCase(); let icon = social["name"].toLowerCase();
if (dark && social['darkIcon']) if (dark && social["darkIcon"])
icon += '_dark'; icon += '_dark';
s += '<img class="social-image" src="res/social/' + icon + '.png" alt="">'; s += '<img class="social-image" src="res/social/' + icon + '.png" alt="">';
s += social['name']; s += social["name"];
s += '</a>' s += '</a>'
} }
$('#social-list').html(s); $('#social-list').html(s);