some small changes
This commit is contained in:
Ellpeck
parent
2499212b71
commit
9bd7ce845e
6 changed files with 126 additions and 79 deletions
8
404.html
8
404.html
|
|
@ -1,5 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>404</title>
|
||||
|
|
@ -43,6 +44,7 @@
|
|||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="content">
|
||||
<h1>Four Oh Four</h1>
|
||||
|
|
@ -64,7 +66,10 @@
|
|||
'this is so sad alexa play despacito',
|
||||
'The server is at a loss for what you were trying to find',
|
||||
'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);
|
||||
|
|
@ -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>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -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 = [{
|
||||
'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!"
|
||||
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!"
|
||||
},
|
||||
{
|
||||
'q': 'Where are you from?',
|
||||
'a': "I am from Neuss, Germany and I'm currently living and going to university in Aachen, Germany."
|
||||
q: 'Where are you from?',
|
||||
a: "I am from Neuss, Germany and I'm currently living and going to university in Aachen, Germany."
|
||||
},
|
||||
{
|
||||
'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."
|
||||
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."
|
||||
},
|
||||
{
|
||||
'q': "What are your pronouns?",
|
||||
'a': "I'm cis male, so I go by he/him."
|
||||
q: "What are your pronouns?",
|
||||
a: "I'm cis male, so I go by he/him."
|
||||
},
|
||||
{
|
||||
'q': "What's your sexual orientation?",
|
||||
'a': 'I like <a href="https://twitter.com/Sarkasaa">cute guys</a>.'
|
||||
q: "What's your sexual orientation?",
|
||||
a: 'I like <a href="https://twitter.com/Sarkasaa">cute guys</a>.'
|
||||
},
|
||||
{
|
||||
'q': 'What languages do you speak?',
|
||||
'a': 'German, English, Java, JavaScript, C# and a bit of C, HTML and CSS.'
|
||||
q: 'What languages do you speak?',
|
||||
a: 'German, English, Java, JavaScript, C# and a bit of C, HTML and CSS.'
|
||||
},
|
||||
{
|
||||
"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."
|
||||
},
|
||||
{
|
||||
'q': 'What\'s your favorite programming language?',
|
||||
'a': 'It varies between C# and Java, based on the language that I currently use more.'
|
||||
q: 'What\'s your favorite programming language?',
|
||||
a: 'It varies between C# and Java, based on the language that I currently use more.'
|
||||
},
|
||||
{
|
||||
'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."
|
||||
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."
|
||||
},
|
||||
{
|
||||
'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>.'
|
||||
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>.'
|
||||
},
|
||||
{
|
||||
'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."
|
||||
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."
|
||||
},
|
||||
{
|
||||
'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>.'
|
||||
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>.'
|
||||
},
|
||||
{
|
||||
q: 'What\'s a random fact about you?',
|
||||
a: facts[Math.floor(Math.random() * facts.length)]
|
||||
}
|
||||
];
|
||||
|
||||
let a = '';
|
||||
for (question of questions) {
|
||||
a += '<p>';
|
||||
a += '<strong>Q: ' + question['q'] + '</strong><br>';
|
||||
a += '<strong>A:</strong> ' + question['a'];
|
||||
a += '<strong>Q: ' + question["q"] + '</strong><br>';
|
||||
a += '<strong>A:</strong> ' + question["a"];
|
||||
a += '</p>';
|
||||
}
|
||||
$('#about-list').html(a);
|
||||
|
|
|
|||
|
|
@ -12,6 +12,12 @@ const greetings = [
|
|||
'Hello friend!',
|
||||
'Howdy!',
|
||||
'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)]);
|
||||
|
|
@ -1,41 +1,41 @@
|
|||
const projects = [{
|
||||
'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.',
|
||||
'links': {
|
||||
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.',
|
||||
links: {
|
||||
'CurseForge page': 'https://www.ellpeck.de/actadd',
|
||||
'Online manual': 'https://www.ellpeck.de/actaddmanual/'
|
||||
},
|
||||
'status': 'Handed off',
|
||||
'icon': 'aa'
|
||||
status: 'Handed off',
|
||||
icon: 'aa'
|
||||
},
|
||||
{
|
||||
'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.",
|
||||
'status': 'In development',
|
||||
'links': {
|
||||
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.",
|
||||
status: 'In development',
|
||||
links: {
|
||||
'CurseForge page': 'https://minecraft.curseforge.com/projects/natures-aura'
|
||||
},
|
||||
'icon': 'na'
|
||||
icon: 'na'
|
||||
},
|
||||
{
|
||||
"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.",
|
||||
"status": "Finished",
|
||||
"links": {
|
||||
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.",
|
||||
status: "Finished",
|
||||
links: {
|
||||
"Play it": "https://ellpeck.github.io/Tetro",
|
||||
"Code on GitHub": "https://github.com/Ellpeck/Tetro"
|
||||
},
|
||||
"icon": "tetro"
|
||||
icon: "tetro"
|
||||
},
|
||||
{
|
||||
'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.',
|
||||
'links': {
|
||||
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.',
|
||||
links: {
|
||||
'Website': 'https://rockbottom.ellpeck.de',
|
||||
'API on GitHub': 'https://github.com/RockBottomGame/API'
|
||||
},
|
||||
'status': 'On hold',
|
||||
'icon': 'rb'
|
||||
status: 'On hold',
|
||||
icon: 'rb'
|
||||
}
|
||||
];
|
||||
|
||||
|
|
@ -43,17 +43,17 @@ let p = '';
|
|||
for (project of projects) {
|
||||
p += '<div class="card bg-light project rounded-0">';
|
||||
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 += '<p class="card-text">' + project['desc'] + '</p>';
|
||||
if (project['status'])
|
||||
p += '<span class="text-muted project-status">' + project['status'] + '</span>';
|
||||
p += '<h4 class="card-title">' + project["name"] + '</h4>';
|
||||
p += '<p class="card-text">' + project["desc"] + '</p>';
|
||||
if (project["status"])
|
||||
p += '<span class="text-muted project-status">' + project["status"] + '</span>';
|
||||
|
||||
let links = project['links'];
|
||||
let links = project["links"];
|
||||
if (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>';
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -13,6 +13,9 @@
|
|||
The Faint
|
||||
Coldplay
|
||||
dodie
|
||||
blink-182
|
||||
Albert Hammond, Jr.
|
||||
Lorde
|
||||
*/
|
||||
|
||||
const quotes = [
|
||||
|
|
@ -99,6 +102,16 @@ const quotes = [
|
|||
"We don't eat our words, they don't taste so good",
|
||||
"She smells like lemongrass 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>');
|
||||
|
|
@ -1,52 +1,52 @@
|
|||
const socials = [{
|
||||
'name': 'Discord',
|
||||
'link': 'https://www.ellpeck.de/discord',
|
||||
name: 'Discord',
|
||||
link: 'https://www.ellpeck.de/discord',
|
||||
},
|
||||
{
|
||||
'name': 'Twitter',
|
||||
'link': 'https://twitter.com/Ellpeck'
|
||||
name: 'Twitter',
|
||||
link: 'https://twitter.com/Ellpeck'
|
||||
},
|
||||
{
|
||||
'name': 'GitHub',
|
||||
'link': 'https://github.com/Ellpeck/',
|
||||
'darkIcon': true
|
||||
name: 'GitHub',
|
||||
link: 'https://github.com/Ellpeck/',
|
||||
darkIcon: true
|
||||
},
|
||||
{
|
||||
'name': 'Twitch',
|
||||
'link': 'http://twitch.tv/ellpeck'
|
||||
name: 'Twitch',
|
||||
link: 'http://twitch.tv/ellpeck'
|
||||
},
|
||||
{
|
||||
'name': 'YouTube',
|
||||
'link': 'https://www.youtube.com/c/ellpeck'
|
||||
name: 'YouTube',
|
||||
link: 'https://www.youtube.com/c/ellpeck'
|
||||
},
|
||||
{
|
||||
'name': "itch.io",
|
||||
"link": "https://ellpeck.itch.io/",
|
||||
"darkIcon": true
|
||||
name: "itch.io",
|
||||
link: "https://ellpeck.itch.io/",
|
||||
darkIcon: true
|
||||
},
|
||||
{
|
||||
'name': 'Instagram',
|
||||
'link': 'https://instagram.com/Ellopecko'
|
||||
name: 'Instagram',
|
||||
link: 'https://instagram.com/Ellopecko'
|
||||
},
|
||||
{
|
||||
'name': 'Patreon',
|
||||
'link': 'https://patreon.com/ellpeck'
|
||||
name: 'Patreon',
|
||||
link: 'https://patreon.com/ellpeck'
|
||||
},
|
||||
{
|
||||
'name': 'Email',
|
||||
'link': 'mailto:me@ellpeck.de',
|
||||
'darkIcon': true
|
||||
name: 'Email',
|
||||
link: 'mailto:me@ellpeck.de',
|
||||
darkIcon: true
|
||||
}
|
||||
];
|
||||
|
||||
let s = '';
|
||||
for (social of socials) {
|
||||
s += '<a class="btn ' + (dark ? "btn-dark" : "btn-light") + ' social-button rounded-0" href="' + social['link'] + '"">';
|
||||
let icon = social['name'].toLowerCase();
|
||||
if (dark && social['darkIcon'])
|
||||
s += '<a class="btn ' + (dark ? "btn-dark" : "btn-light") + ' social-button rounded-0" href="' + social["link"] + '"">';
|
||||
let icon = social["name"].toLowerCase();
|
||||
if (dark && social["darkIcon"])
|
||||
icon += '_dark';
|
||||
s += '<img class="social-image" src="res/social/' + icon + '.png" alt="">';
|
||||
s += social['name'];
|
||||
s += social["name"];
|
||||
s += '</a>'
|
||||
}
|
||||
$('#social-list').html(s);
|
||||
Loading…
Reference in a new issue