<!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/util.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=G-XC0W9LJMCJ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-XC0W9LJMCJ'); </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> <!-- Sponsor buttons --> <div class="sellout"> <iframe src="https://github.com/sponsors/Ellpeck/button" title="Sponsor Ellpeck" height="32" width="116" style="border: 0; margin-right: 10px;"></iframe> <a href="https://www.patreon.com/bePatron?u=2494595" data-patreon-widget-type="become-patron-button"></a> <script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script> </div> </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-cats"></div> <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"></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">© 2018-2021 Ellpeck</a> – <a href="#impressum">Impressum</a> – <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> <!-- 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">×</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">×</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>