Web/scripts/about.js

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': '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': "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 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 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': '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>.'
    }
];

let a = '';
for (question of questions) {
    a += '<p>';
    a += '<strong>Q: ' + question['q'] + '</strong><br>';
    a += '<strong>A:</strong> ' + question['a'];
    a += '</p>';
}
$('#about-list').html(a);

function getAge() {
    let birthdayMillis = Date.UTC(1999, 4, 21);
    let todayMillis = Date.now();
    let ageSinceStart = new Date(todayMillis - birthdayMillis);
    return ageSinceStart.getUTCFullYear() - 1970;
}