Web/index.html

255 lines
13 KiB
HTML
Raw Normal View History

2018-07-24 22:45:53 +02:00
<!DOCTYPE html>
<html lang="en">
2018-12-16 23:39:35 +01:00
2018-07-24 22:45:53 +02:00
<head>
<meta charset="UTF-8">
2018-07-25 18:55:51 +02:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ellpeck.de</title>
2018-07-25 18:55:51 +02:00
<meta name="author" content="Ellpeck">
<meta name="description" content="Ellpeck's little internet place">
2019-10-04 16:00:42 +02:00
<meta name="keywords" content="Ellpeck, Actually Additions, Rock Bottom, Programming, Minecraft, Game Development, Nature's Aura, C#, Java, Blog, Tutorial, Foe Frenzy">
2018-07-24 22:45:53 +02:00
2021-04-01 04:07:54 +02:00
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
2021-03-19 04:23:04 +01:00
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap">
2021-03-11 03:21:23 +01:00
<link rel="stylesheet" href="./style/prettify.css">
<link rel="stylesheet" href="./style/style.css">
2021-03-11 03:32:22 +01:00
<link rel="icon" href="./favicon.ico">
2018-07-25 18:55:51 +02:00
<meta property="og:title" content="Ellpeck.de">
<meta property="og:description" content="Ellpeck's little internet place">
2021-04-01 03:56:04 +02:00
<meta property="og:image" content="https://ellpeck.de/res/logoSmall.png">
2019-10-04 16:00:42 +02:00
<meta name="twitter:card" content="summary">
2018-07-25 18:55:51 +02:00
<meta name="twitter:site" content="@Ellpeck">
<meta name="twitter:creator" content="@Ellpeck">
2018-07-24 22:45:53 +02:00
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
2021-04-01 04:07:54 +02:00
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
2019-10-03 15:15:25 +02:00
<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/prettify.js"></script>
2021-03-11 03:21:23 +01:00
<script src="./scripts/util.js"></script>
<script src="./scripts/main.js"></script>
2019-10-20 01:32:46 +02:00
<!-- Global site tag (gtag.js) - Google Analytics -->
2021-03-02 02:26:02 +01:00
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XC0W9LJMCJ"></script>
2019-10-20 01:32:46 +02:00
<script>
window.dataLayer = window.dataLayer || [];
2021-03-02 02:26:02 +01:00
function gtag() {
2019-10-20 01:32:46 +02:00
dataLayer.push(arguments);
}
gtag('js', new Date());
2021-03-02 02:26:02 +01:00
gtag('config', 'G-XC0W9LJMCJ');
2019-10-20 01:32:46 +02:00
</script>
2018-07-24 22:45:53 +02:00
</head>
2018-12-16 23:39:35 +01:00
<body data-spy="scroll" data-target="#navbar">
2018-07-24 22:45:53 +02:00
<!-- Navbar -->
2018-12-16 23:39:35 +01:00
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light rounded-bottom" id="navbar">
2021-03-11 03:21:23 +01:00
<script src="./scripts/navbar.js"></script>
2018-12-30 02:26:56 +01:00
2018-07-24 22:45:53 +02:00
<!-- Navbar brand and logo -->
<a class="navbar-brand mb-0 h1" href="#">
<img src="./res/logo.png" width="40" height="40" alt="A pixelart version of Ellpeck"> Ellpeck.de
2018-07-24 22:45:53 +02:00
</a>
<!-- Responsive navbar menu opener -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-content" aria-label="Navbar toggler">
2018-07-24 22:45:53 +02:00
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navbar content -->
<div class="collapse navbar-collapse" id="navbar-content">
2019-10-09 15:51:43 +02:00
<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>
2018-07-24 22:45:53 +02:00
</div>
2018-12-30 02:26:56 +01:00
<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>
2018-07-24 22:45:53 +02:00
</div>
</nav>
<!-- Content -->
<div class="container main">
2019-10-09 15:51:43 +02:00
<!-- Cookie notification -->
2021-03-19 11:42:35 +01:00
<div id="cookieinfo"></div>
2021-03-11 03:21:23 +01:00
<script src="./scripts/cookieinfo.js"></script>
2019-10-09 15:51:43 +02:00
<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.jpeg" class="rounded-circle" width="200" height="200" id="navbar-image" alt="A cover photo of Ellpeck">
</div>
<div class="col">
<h1 class="display-4" id="intro-text"></h1>
2021-03-11 03:21:23 +01:00
<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>
2020-11-19 23:37:12 +01:00
<!-- 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>
2021-03-19 11:42:35 +01:00
<a href="https://www.patreon.com/bePatron?u=2494595" class="patreon-button" style="padding: 5px;">
2021-03-31 02:48:13 +02:00
<img src="./res/becomePatron.png" width="auto" height="34px" alt="Become a patron">
2021-03-19 08:33:18 +01:00
</a>
2020-11-19 23:37:12 +01:00
</div>
</div>
2019-10-09 15:51:43 +02:00
</div>
</div>
</div>
<!-- Projects -->
<span class="anchor" id="projects"></span>
<div class="list-display rounded">
<h1>Projects</h1>
<p>
2021-03-26 04:53:17 +01:00
Here is a list of some of my bigger projects as well as some things you might know me from.<br>
<span class="text-muted">For a more exhaustive list of my projects, you can also check out the <a href="#social">Social</a> section.</span>
</p>
<div id="project-list">
<em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em>
</div>
2021-03-11 03:21:23 +01:00
<script src="./scripts/projects.js"></script>
2019-10-09 15:51:43 +02:00
</div>
<!-- Social -->
<span class="anchor" id="social"></span>
<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">
2019-10-09 15:51:43 +02:00
<em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em>
</div>
</div>
2021-03-11 03:21:23 +01:00
<script src="./scripts/social.js"></script>
</div>
<!-- About -->
<span class="anchor" id="about"></span>
<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>
2021-03-11 03:21:23 +01:00
<script src="./scripts/about.js"></script>
2019-10-09 15:51:43 +02:00
</div>
<!-- Blog -->
<span class="anchor" id="blog"></span>
2021-04-04 01:54:29 +02:00
<div id="blog-cat-anchors"></div>
<div class="list-display rounded">
<h1>Blog</h1>
<p>
This is my blog, where I post about gaming, programming and life. The featured posts are the ones you'll probably be most interested in, but you can select a different category to see every post. Additionally, 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>
2019-10-04 23:20:47 +02:00
2021-03-17 03:07:12 +01:00
<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>
2020-09-30 00:24:37 +02:00
<button type="button" class="btn btn-link" id="blog-archive-button">Show archived posts</button>
2021-03-17 03:07:12 +01:00
<div id="blog-archive"></div>
2021-03-11 03:21:23 +01:00
<script src="./scripts/blog.js"></script>
2019-10-09 15:51:43 +02:00
</div>
</div>
</div>
2018-07-24 22:45:53 +02:00
</div>
2021-03-21 20:20:15 +01:00
<!-- Seasonal banner -->
<a id="banner" class="rounded-top" hidden></a>
<script src="./scripts/banner.js"></script>
2018-07-24 22:45:53 +02:00
<!-- Footer -->
2018-12-16 23:45:50 +01:00
<div class="footer rounded-top">
2021-01-03 14:34:43 +01:00
<span class="text-muted"><a href="https://git.ellpeck.de/Ellpeck/Web">&copy; 2018-2021 Ellpeck</a> &ndash; <a href="#impressum">Impressum</a> &ndash; <a href="#privacy">Privacy</a></span>
2018-08-06 23:09:38 +02:00
<div class="quote">
<span id="quote-text"></span>
2021-03-11 03:21:23 +01:00
<script src="./scripts/quote.js"></script>
<img src="./res/blobheart.png" id="blobheart" alt="A blob emoji holding a heart">
2018-08-06 23:09:38 +02:00
</div>
2018-07-24 22:45:53 +02:00
</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">
2020-04-02 21:54:20 +02:00
<p>
2018-07-24 22:45:53 +02:00
Julian Schubert
<br>Kastanienweg 27
<br>52074 Aachen
</p>
<p>
2020-04-02 21:54:20 +02:00
Telefon: 0241 45093753
<br>E-Mail: me@ellpeck.de
2018-07-24 22:45:53 +02:00
</p>
2020-04-02 21:54:20 +02:00
<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>
2018-07-24 22:45:53 +02:00
<p>
2020-09-06 18:09:25 +02:00
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>.
2020-04-02 21:54:20 +02:00
<br>Keep in mind that you can also review or delete stored cookies for any site at any time in your browser's settings.
2018-07-24 22:45:53 +02:00
</p>
</div>
</div>
</div>
</div>
</body>
2018-12-16 23:39:35 +01:00
2018-07-24 22:45:53 +02:00
</html>