Web/scripts/projects.js

const projects = [{
        '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.',
        'links': {
            'Website': 'https://rockbottom.ellpeck.de',
            'API on GitHub': 'https://github.com/RockBottomGame/API'
        },
        'status': 'In development',
        'icon': 'rb'
    },
    {
        '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'
    },
    {
        'name': 'Music',
        'desc': 'As a little thing on the side, I started making some music. It\'s a lot of chiptune and similar stuff. I just started out, so I\'m not necessarily very good at it yet. If you\'re interested though, you should have a listen!',
        'links': {
            'SoundCloud': 'https://soundcloud.com/ellopecko'
        },
        'status': 'Side project',
        'icon': 'music'
    },
    {
        'name': 'Glimmers in the Shadow',
        'desc': 'Glimmers in the Shadow is a book I\'ve been working on for a while. It contains stories and poems I wrote over the course of about two years. Here\'s the description from the cover:<br><em>It turns out that life as a human person isn\'t as easy as some people might lead you to believe. <br>During the last couple of years, my main way of dealing with negative feelings has been writing poems and stories as a way to understand my feelings or start thinking about something different." <br>This book is a collection of stories, poems, and personal anecdotes written by a teenager struggling with life. They go far beyond that, though: They\'re deep, weird, confusing, they\'re emotional. But together, they tell a story of a young person trying to understand the world.</em>',
        'links': {
            'Buy the Book': '#glimmers'
        },
        'status': 'Published',
        'icon': 'glimmers'
    },
    {
        'name': 'Tracer',
        'desc': 'A small web app with spaceships that fly around and draw a line in a random color wherever they go. The cool thing is that, when two of them collide, both of their colors fade into a different one. It\'s fun to watch!',
        'links': {
            'Check it out': 'https://ellpeck.github.io/Tracer'
        },
        'status': 'Finished',
        'icon': 'tracer'
    },
    {
        'name': 'Grammar',
        'desc': 'The name is temporary, but this is a context-free grammar parser, form converter, word parser and a-lot-of-other-grammar-stuff-doer that I\'m working on with <a href="https://zettelnet.com">Zettelkasten</a>.',
        'links': {
            'Check it out': 'https://ellpeck.github.io/Grammar'
        },
        'status': 'In development',
        'icon': 'grammar'
    },
    {
        'name': 'Sudoku',
        'desc': 'A simple game of sudoku. Fill in the board with numbers one through nine, making sure each row, column and three by three field only ever has one of the same number. A board is randomly generated for you every time you refresh the page. Use the scroll wheel to input numbers into a selected field.',
        'links': {
            'Play it here': 'https://ellpeck.de/sudoku',
            'Check the source': 'https://github.com/Ellpeck/Sudoku'
        },
        'status': 'Finished',
        'icon': 'sudoku'
    },
    {
        'name': 'Memory',
        'desc': 'A game of memory. Turn over fields to see the numbers they have. Try to combine all of the same-numbered fields to uncover the board!',
        'links': {
            'Play it here': 'https://ellpeck.de/memory',
            'Check the source': 'https://github.com/Ellpeck/Memory'
        },
        'status': 'Finished',
        'icon': 'memory'
    },
    {
        'name': 'Crossword Puzzle Generator',
        'desc': 'This was the first thing I made in JavaScript. It generates a crossword puzzle based on a predefined list of hints and words that you can fill out. You can also check if your answers are correct. It\'s a bit sloppy and sometimes it generates really small puzzles, but I think it\'s alright for a first project.',
        'links': {
            'Play it here': 'https://www.ellpeck.de/crossword/'
        },
        'status': 'Done-ish',
        'icon': 'crossword'
    },
    {
        'name': 'Poem Generator',
        'desc': 'This was a bit of a failed experiment. It was supposed to generate poems in the style of the ones that I write based on a list of predefined words, but I noticed quickly that it\'s just to random to generate anything nice.',
        'links': {
            'Check it out here': 'https://www.ellpeck.de/poemgen/'
        },
        'status': 'Done-ish',
        'icon': 'poem'
    }
];

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 += '<h4 class="card-title">' + project['name'] + '</h4>';
    p += '<p class="card-text">' + project['desc'] + '</p>';
    p += '<span class="text-muted project-status">' + project['status'] + '</span>';

    let links = project['links'];
    for (let name in links) {
        p += '<a href="' + links[name] + '" class="card-link btn btn-outline-info rounded-0">' + name + '</a>';
    }

    p += '</div>';
    p += '</div>';
}
$('#project-list').html(p);