<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Ellpeck.de</title>
    <meta name="author" content="Ellpeck">
    <meta name="description" content="Ellpeck's little internet place">
    <meta name="keywords" content="Ellpeck, Actually Additions, Rock Bottom, Programming, Minecraft, Game Development, Nature's Aura, C#, Java, Blog, Tutorial, Foe Frenzy">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
    <link rel="stylesheet" href="style/prettify.css">
    <link rel="stylesheet" href="style/style.css">
    <link rel="icon" href="favicon.ico">

    <meta property="og:title" content="Ellpeck.de">
    <meta property="og:description" content="Ellpeck's little internet place">
    <meta property="og:image" content="https://www.ellpeck.de/res/logoSmall.png">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@Ellpeck">
    <meta name="twitter:creator" content="@Ellpeck">

    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

    <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/prettify.js"></script>
    <script src="scripts/cookies.js"></script>
    <script src="scripts/main.js"></script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-150032076-2"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        let gtag = function () {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());
        gtag('config', 'UA-150032076-2');
    </script>
    <script data-ad-client="ca-pub-5754829579653773" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</head>

<body data-spy="scroll" data-target="#navbar">
    <!-- Navbar -->
    <nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light rounded-bottom" id="navbar">
        <script src="scripts/navbar.js"></script>

        <!-- Navbar brand and logo -->
        <a class="navbar-brand mb-0 h1" href="#">
            <img src="res/logo.png" width="40" height="40" alt=""> Ellpeck.de
        </a>

        <!-- Responsive navbar menu opener -->
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-content">
            <span class="navbar-toggler-icon"></span>
        </button>

        <!-- Navbar content -->
        <div class="collapse navbar-collapse" id="navbar-content">
            <div class="navbar-nav mr-auto" id="nav-items">
                <a class="nav-item nav-link" href="#projects">Projects</a>
                <a class="nav-item nav-link" href="#social">Social</a>
                <a class="nav-item nav-link" href="#about">About</a>
                <a class="nav-item nav-link" href="#blog">Blog</a>
            </div>
            <span class="navbar-text">
                <div class="custom-control custom-checkbox">
                    <input type="checkbox" class="custom-control-input" id="dark-mode">
                    <label class="custom-control-label" for="dark-mode">Dark Mode</label>
                </div>
            </span>
        </div>
    </nav>

    <!-- Content -->
    <div class="container main">
        <!-- Cookie notification -->
        <script src="scripts/cookieinfo.js"></script>

        <div id="main">
            <div class="no-blog">
                <!-- Home -->
                <div class="jumbotron">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-auto">
                                <img src="res/me.png" class="rounded-circle" width="200" height="200" id="navbar-image">
                            </div>
                            <div class="col">
                                <h1 class="display-4" id="intro-text"></h1>
                                <script src="scripts/greet.js"></script>
                                <p class="lead">Welcome to my little website! I'm Ellpeck, a student and programmer from Germany. I do a lot of stuff, actually. My life is pretty busy.</p>
                                <p>Look around this website to find out more about my projects and other places you can find me!</p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Projects -->
                <a class="anchor" id="projects"></a>
                <div class="list-display rounded">
                    <h1>Projects</h1>
                    <p>
                        Here is a list of some of the things that you might know me from. If you want to have a more in-depth look at everything I do, check out some of the sites linked in the <a href="#social">Social</a> section.
                    </p>
                    <div id="project-list">
                        <em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em>
                    </div>
                    <script src="scripts/projects.js"></script>
                </div>

                <!-- Social -->
                <a class="anchor" id="social"></a>
                <div class="list-display rounded">
                    <h1>Social</h1>
                    <p>
                        These are other websites where you can find me and the things I do, including the pages where I publish my code and games and where I sometimes stream and upload videos. This list also includes a lot of ways to reach me.
                    </p>
                    <div class="row">
                        <div class="col">
                            <div id="social-list">
                                <em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em>
                            </div>

                            Additionally, here are some miscellaneous platforms:
                            <ul>
                                <li>My Nintendo Switch friend code is <strong>SW-5281-8834-6801</strong></li>
                                <li>If you want to play my Mario Maker 2 levels, my ID is <strong>8BH-566-4WF</strong></li>
                                <li>If you play The Sims 4, you can check out my builds on the gallery by searching for <strong>Ellpeck</strong></li>
                            </ul>
                        </div>
                        <div class="col-md-auto" id="discord-div">
                            <em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em>
                        </div>
                    </div>

                    <script src="scripts/social.js"></script>
                </div>

                <!-- About -->
                <a class="anchor" id="about"></a>
                <div class="list-display rounded">
                    <h1>About</h1>
                    <p>
                        Sometimes, some people ask me some questions about myself or my projects, so I decided to compile a list of some of the answers in a Q&A-like fashion so that I don't have to keep repeating them. If you're curious about me, this might be interesting to you!
                    </p>
                    <div id="about-list">
                        <em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em>
                    </div>
                    <script src="scripts/about.js"></script>
                </div>

                <!-- Blog -->
                <a class="anchor" id="blog"></a>
                <div class="list-display rounded">
                    <h1>Blog</h1>
                    <p>
                        Occasionally I enjoy writing stuff. So here's some of the stuff I've written. Just click on any of the headers to open the post. Alternatively, you can subscribe to this blog using <a href="/rss.xml">RSS</a>, <a href="/atom.xml">Atom</a> or <a href="/feed.json">JSON</a>.
                    </p>

                    <div id="blog-list">
                        <em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em>
                    </div>
                    <button type="button" class="btn btn-link" id="blog-archive-button">Show archived posts</button>
                    <div id="blog-archive">
                        <em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em>
                    </div>
                    <script src="scripts/blog.js"></script>
                </div>
            </div>
        </div>
    </div>

    <!-- Footer -->
    <div class="footer rounded-top">
        <span class="text-muted"><a href="https://git.ellpeck.de/Ellpeck/Web">&copy; 2018-2020 Ellpeck</a> &ndash; <a href="#impressum">Impressum</a> &ndash; <a href="#privacy">Privacy</a></span>
        <div class="quote">
            <span id="quote-text"></span>
            <script src="scripts/quote.js"></script>
            <img src="res/blobheart.png" id="blobheart">
        </div>
    </div>

    <div class="no-blog">
        <!-- Commissions -->
        <div class="modal fade" id="commissions-modal" tabindex="-1">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h1 class="modal-title">Ellpeck's Minecraft Mod Commissions</h1>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <div class="modal-body">
                        <p>If you need a small to medium sized Minecraft mod for a modpack, a video or for personal use, you can contact me to make it for you.</p>
                        <p>Here is all the information you need if you want to commission me to make a mod for you:</p>
                        <ul>
                            <li>Minecraft Forge mods only</li>
                            <li>Minecraft Versions 1.12.2 and upwards only</li>
                            <li>No ports of existing mods or content</li>
                            <li>No content that can't be created using "traditional" Java code (coremods)</li>
                            <li>I charge between 10€ ($11) and 30€ ($33) an hour
                                <ul>
                                    <li>I estimate the total amount of time it will take based on the size and complexity of the mod beforehand</li>
                                    <li>The amount I estimate will be what you pay for, no matter how much longer or shorter it actually takes. This usually works out in your favor</li>
                                    <li>I request half of the amount to be paid before I start working on the mod, the other half once I'm finished. That way, there's security for both of us</li>
                                </ul>
                            </li>
                            <li>You will have the choice of whether you want to receive the source code privately or whether I should publish it on GitHub</li>
                            <li>You will have the choice of whether you want to be sent the mod jar or whether I should publish the mod on CurseForge. If the mod is published on CurseForge, you will get up to 50% of the share of Curse Points generated through the mod</li>
                            <li>After the mod is completed, bug fixes are included for free, but feature updates and Minecraft version updates are not. They can be requested at a later date for a small fee though</li>
                        </ul>
                        <p>If you're interested, you can either <a href="mailto:me@ellpeck.de">send me an email</a>, but better yet, <a href="https://ellpeck.de/discord">join my Discord server</a> and message me privately from there so we can talk about the details.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Impressum -->
    <div class="modal fade" id="impressum-modal" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Impressum</h5>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                    <p>
                        Julian Schubert
                        <br>Kastanienweg 27
                        <br>52074 Aachen
                    </p>
                    <p>
                        Telefon: 0241 45093753
                        <br>E-Mail: me@ellpeck.de
                    </p>
                    <p>Die obenstehende Person ist ebenfalls verantwortlich für den Inhalt (gem. § 55 Abs. 2 RStV).</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Privacy -->
    <div class="modal fade" id="privacy-modal" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Privacy</h5>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                    <p>This site uses cookies to store information about your browsing activity.</p>
                    <p>Ellpeck.de stores the following information:</p>
                    <ul>
                        <li>A cookie named <code>dark</code> with the value <code>true</code> or <code>false</code> that stores if you have dark mode enabled</li>
                        <li>A cookie named <code>notification</code> with the value <code>true</code> or <code>false</code> that stores if you have already closed the cookie notification that displays at the top of the page</li>
                    </ul>
                    <p>Due to widgets and embeds, additional information will be stored by other sites. Please refer to those sites' privacy policies for more information:</p>
                    <ul>
                        <li>Google uses cookies to serve ads based on a user's prior visits to this website. You may opt out of personal advertising by visiting <a href="https://www.google.com/settings/ads">Ad Settings</a>. For more information, see <a href="http://www.google.com/policies/privacy/partners/">how Google uses data when you use its partners' sites or apps</a>.</li>
                        <li>Discord uses cookies for its widget embed. For more information, see <a href="https://discordapp.com/privacy">their privacy policy</a>.</li>
                        <li>Twitter uses cookies for its tweet embeds. For more information, see <a href="https://twitter.com/en/privacy">their privacy policy</a>.</li>
                    </ul>
                    <p>
                        Transparency is very important to us, and as such, if you have any doubts about the security of this website, you can view its source code <a href="https://git.ellpeck.de/Ellpeck/Web">on Gitea</a>.
                        <br>Keep in mind that you can also review or delete stored cookies for any site at any time in your browser's settings.
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>