Web/index.html

251 lines
17 KiB
HTML
Raw Normal View History

2018-07-24 22:45:53 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
2018-07-25 18:55:51 +02:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-07-24 22:45:53 +02:00
<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">
<meta name="keywords" content="Ellpeck, Actually Additions, Rock Bottom, Programming, Minecraft, Game Development">
2018-07-24 22:45:53 +02:00
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
2018-07-25 18:55:51 +02:00
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
2018-07-24 22:45:53 +02:00
<link rel="stylesheet" href="style.css">
2018-07-25 18:55:51 +02:00
<link rel="icon" href="favicon.ico">
<meta name="og:title" content="Ellpeck.de">
<meta name="og:description" content="Ellpeck's little internet place">
2018-07-25 20:34:07 +02:00
<meta name="og:image" content="https://www.ellpeck.de/res/logoSmall.png">
2018-07-25 18:57:34 +02:00
<meta name="twitter:card" content="summary_large_image">
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://code.jquery.com/jquery-3.3.1.slim.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="scripts/main.js"></script>
</head>
<body data-spy="scroll" data-target="#navbar">
<!-- Navbar -->
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light" id="navbar">
2018-07-24 22:45:53 +02:00
<!-- Navbar brand and logo -->
<a class="navbar-brand mb-0 h1" href="#">
2018-07-25 18:55:51 +02:00
<img src="res/logo.png" width="40" height="40" alt=""> 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">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navbar content -->
<div class="collapse navbar-collapse" id="navbar-content">
<div class="navbar-nav">
<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>
2018-08-01 20:22:48 +02:00
<a class="nav-item nav-link" href="#support">Support Me</a>
2018-07-24 22:45:53 +02:00
</div>
</div>
</nav>
<!-- Content -->
<div class="container main">
<!-- Home -->
<div class="jumbotron">
<div class="container">
2018-07-25 12:50:47 +02:00
<div class="row">
<div class="col-md-auto">
<img src="res/me.png" class="rounded-circle" width="200" height="200" id="navbar-image">
2018-07-25 12:50:47 +02:00
</div>
<div class="col">
<h1 class="display-4" id="intro-text"></h1>
<script src="scripts/greet.js"></script>
2018-07-25 18:55:51 +02:00
<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>
2018-07-25 12:50:47 +02:00
<p>Look around this website to find out more about my projects and other places you can find me!</p>
</div>
</div>
2018-07-24 22:45:53 +02:00
</div>
</div>
<!-- Projects -->
<a class="anchor" id="projects"></a>
<div class="list-display rounded">
2018-07-24 22:45:53 +02:00
<h2>Projects</h2>
<p>
Below is a list of all of the projects that I'm working on or that I've made in the past. Check them out if you want!
</p>
2018-07-25 19:34:13 +02:00
<div id="project-list">
2018-08-01 20:22:48 +02:00
<noscript><em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em></noscript>
2018-07-25 19:34:13 +02:00
</div>
2018-07-24 22:45:53 +02:00
<script src="scripts/projects.js"></script>
</div>
<!-- Social -->
<a class="anchor" id="social"></a>
<div class="list-display rounded">
2018-07-24 22:45:53 +02:00
<h2>Social</h2>
<p>
Below is a list of the social networks and websites that I regularly use. The closer to the front of the list they are, the more frequently I use them, generally.
</p>
2018-07-25 19:34:13 +02:00
<div id="social-list">
2018-08-01 20:22:48 +02:00
<noscript><em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em></noscript>
2018-07-25 19:34:13 +02:00
</div>
2018-07-24 22:45:53 +02:00
<script src="scripts/social.js"></script>
</div>
<!-- About -->
<a class="anchor" id="about"></a>
<div class="list-display rounded">
2018-07-24 22:45:53 +02:00
<h2>About</h2>
<p>
2018-07-25 01:54:04 +02:00
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 intersting to
you!
2018-07-24 22:45:53 +02:00
</p>
2018-07-25 19:34:13 +02:00
<div id="about-list">
2018-08-01 20:22:48 +02:00
<noscript><em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em></noscript>
2018-07-25 19:34:13 +02:00
</div>
2018-07-24 22:45:53 +02:00
<script src="scripts/about.js"></script>
</div>
2018-08-01 20:22:48 +02:00
<!-- Support -->
<a class="anchor" id="support"></a>
<div class="list-display rounded">
<h2>Support Me</h2>
<p>
If you think any of the stuff I work on is interesting, especially my game or one of my Minecraft mods, a great way to show me your appreciation and help me out is to throw me a bit of your precious money!
<br>If you want, you can do so using one of the ways below.
<br><em>Keep in mind that doing this is, of course, optional. I don't expect you to give me money for what I do, people appreciating it is already really awesome to me. Plus, if you want to, you can always support me by telling other people about me and my projects as well.</em>
</p>
<div class="row align-items-center">
<div class="col-md-auto">
<a class="btn btn-light support-button rounded-0" href="https://patreon.com/Ellpeck"><img src="res/support/patreon.png" class="support-image" alt="">Support me on Patreon</a>
</div>
<div class="col">
Patreon is a great way of giving me money regularly. You automatically give me a set amount each month, and in return, you can get cool rewards like beta access to my game or visual fanciness for your Minecraft character when using my mods.
</div>
</div>
<div class="row align-items-center">
<div class="col-md-auto">
<a class="btn btn-light support-button rounded-0" href="https://paypal.me/Ellpeck"><img src="res/support/paypal.png" class="support-image" alt="">Donate with PayPal</a>
</div>
<div class="col">
If you prefer the idea of giving me some money as a one-time payment, using PayPal is probably your best bet. It's quick and easy, and it helps me out just the same way.
</div>
</div>
</div>
2018-07-24 22:45:53 +02:00
</div>
<!-- Footer -->
<div class="footer">
<span class="text-muted"><a href="https://github.com/Ellpeck/Web">&copy; 2018 Ellpeck</a> - <a id="impressum-button" href="#impressum">Impressum</a></span>
<img src="res/blobheart.png" id="blobheart">
2018-07-24 22:45:53 +02:00
</div>
2018-07-28 11:22:20 +02:00
<!-- Book -->
<div class="modal fade" id="book-modal" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Where to buy <em>Glimmers in the Shadow</em></h5>
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<div class="modal-body">
There are a lot of different places where you can buy the book.
<p>
<br>On Lulu, I get a bigger profit than on the other sites, so if you want to support me financially, you should buy there:<br>
<a class="btn btn-info rounded-0" href="http://www.lulu.com/shop/julian-schubert/glimmers-in-the-shadow/paperback/product-23679000.html">Lulu</a>
</p>
<p>
If you want to buy the book conveniently, you can use a site from the list below that works best for you:<br>
<a class="btn btn-info rounded-0" href="https://www.amazon.de/Glimmers-Shadow-Julian-Schubert/dp/0244393176/">Amazon.de</a>
<a class="btn btn-info rounded-0" href="https://www.amazon.com/Glimmers-Shadow-Julian-Schubert/dp/0244393176/">Amazon.com</a>
<a class="btn btn-info rounded-0" href="https://www.amazon.co.uk/Glimmers-Shadow-Julian-Schubert/dp/0244393176/">Amazon.co.uk</a>
<a class="btn btn-info rounded-0" href="http://www.foyles.co.uk/witem/fiction-poetry/glimmers-in-the-shadow,julian-schubert-9780244393175">Foyles</a>
<br><em>Note that some other sites and places might also be available to buy the book from.</em>
</p>
</div>
</div>
</div>
</div>
2018-07-24 22:45:53 +02:00
<!-- 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">
<span class="text-muted">If you don't know what this is, read up on it <a href="https://en.wikipedia.org/wiki/Impressum">here</a> or just ignore it.</span>
<div class="impressum-data">
Julian Schubert
<br>Kastanienweg 27
<br>52074 Aachen
<br>Telefon: 0241 45093753
<br>E-Mail: me@ellpeck.de
</div>
<p>
Verantwortlich für den Inhalt (gem. § 55 Abs. 2 RStV):
<br>Siehe oben
</p>
<h3>Disclaimer rechtliche Hinweise</h3>
<h4>§ 1 Haftungsbeschränkung</h4>
<p>
Die Inhalte dieser Website werden mit größtmöglicher Sorgfalt erstellt. Der Anbieter übernimmt jedoch keine Gewähr für die Richtigkeit, Vollständigkeit und Aktualität der bereitgestellten Inhalte. Die Nutzung der Inhalte der Website erfolgt auf eigene
Gefahr des Nutzers. Namentlich gekennzeichnete Beiträge geben die Meinung des jeweiligen Autors und nicht immer die Meinung des Anbieters wieder. Mit der reinen Nutzung der Website des Anbieters kommt keinerlei Vertragsverhältnis
zwischen dem Nutzer und dem Anbieter zustande.
</p>
<h4>§ 2 Externe Links</h4>
<p>
Diese Website enthält Verknüpfungen zu Websites Dritter (“externe Links”). Diese Websites unterliegen der Haftung der jeweiligen Betreiber. Der Anbieter hat bei der erstmaligen Verknüpfung der externen Links die fremden Inhalte daraufhin überprüft, ob
etwaige Rechtsverstöße bestehen. Zu dem Zeitpunkt waren keine Rechtsverstöße ersichtlich. Der Anbieter hat keinerlei Einfluss auf die aktuelle und zukünftige Gestaltung und auf die Inhalte der verknüpften Seiten. Das Setzen von
externen Links bedeutet nicht, dass sich der Anbieter die hinter dem Verweis oder Link liegenden Inhalte zu Eigen macht. Eine ständige Kontrolle der externen Links ist für den Anbieter ohne konkrete Hinweise auf Rechtsverstöße
nicht zumutbar. Bei Kenntnis von Rechtsverstößen werden jedoch derartige externe Links unverzüglich gelöscht.
</p>
<h4>§ 3 Urheber- und Leistungsschutzrechte</h4>
<p>
Die auf dieser Website veröffentlichten Inhalte unterliegen dem deutschen Urheber- und Leistungsschutzrecht. Jede vom deutschen Urheber- und Leistungsschutzrecht nicht zugelassene Verwertung bedarf der vorherigen schriftlichen Zustimmung des Anbieters
oder jeweiligen Rechteinhabers. Dies gilt insbesondere für Vervielfältigung, Bearbeitung, Übersetzung, Einspeicherung, Verarbeitung bzw. Wiedergabe von Inhalten in Datenbanken oder anderen elektronischen Medien und Systemen. Inhalte
und Rechte Dritter sind dabei als solche gekennzeichnet. Die unerlaubte Vervielfältigung oder Weitergabe einzelner Inhalte oder kompletter Seiten ist nicht gestattet und strafbar. Lediglich die Herstellung von Kopien und Downloads
für den persönlichen, privaten und nicht kommerziellen Gebrauch ist erlaubt.
<br>Die Darstellung dieser Website in fremden Frames ist nur mit schriftlicher Erlaubnis zulässig.
</p>
<h4>§ 4 Besondere Nutzungsbedingungen</h4>
<p>
Soweit besondere Bedingungen für einzelne Nutzungen dieser Website von den vorgenannten Paragraphen abweichen, wird an entsprechender Stelle ausdrücklich darauf hingewiesen. In diesem Falle gelten im jeweiligen Einzelfall die besonderen Nutzungsbedingungen.
</p>
<h3>Datenschutzerklärung</h3>
<h4>Datenschutz</h4>
<p>
Nachfolgend möchten wir Sie über unsere Datenschutzerklärung informieren. Sie finden hier Informationen über die Erhebung und Verwendung persönlicher Daten bei der Nutzung unserer Webseite. Wir beachten dabei das für Deutschland geltende Datenschutzrecht.
Sie können diese Erklärung jederzeit auf unserer Webseite abrufen.
<br>Wir weisen ausdrücklich darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen und nicht lückenlos vor dem Zugriff durch Dritte geschützt werden kann.
<br>Die Verwendung der Kontaktdaten unseres Impressums zur gewerblichen Werbung ist ausdrücklich nicht erwünscht, es sei denn wir hatten zuvor unsere schriftliche Einwilligung erteilt oder es besteht bereits eine Geschäftsbeziehung.
Der Anbieter und alle auf dieser Website genannten Personen widersprechen hiermit jeder kommerziellen Verwendung und Weitergabe ihrer Daten.
</p>
<h4>Personenbezogene Daten</h4>
<p>
Sie können unsere Webseite ohne Angabe personenbezogener Daten besuchen. Soweit auf unseren Seiten personenbezogene Daten (wie Name, Anschrift oder E-Mail Adresse) erhoben werden, erfolgt dies, soweit möglich, auf freiwilliger Basis. Diese Daten werden
ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben. Sofern zwischen Ihnen und uns ein Vertragsverhältnis begründet, inhaltlich ausgestaltet oder geändert werden soll oder Sie an uns eine Anfrage stellen, erheben und
verwenden wir personenbezogene Daten von Ihnen, soweit dies zu diesen Zwecken erforderlich ist (Bestandsdaten). Wir erheben, verarbeiten und nutzen personenbezogene Daten soweit dies erforderlich ist, um Ihnen die Inanspruchnahme
des Webangebots zu ermöglichen (Nutzungsdaten). Sämtliche personenbezogenen Daten werden nur solange gespeichert wie dies für den geannten Zweck (Bearbeitung Ihrer Anfrage oder Abwicklung eines Vertrags) erforderlich ist. Hierbei
werden steuer- und handelsrechtliche Aufbewahrungsfristen berücksichtigt. Auf Anordnung der zuständigen Stellen dürfen wir im Einzelfall Auskunft über diese Daten (Bestandsdaten) erteilen, soweit dies für Zwecke der Strafverfolgung,
zur Gefahrenabwehr, zur Erfüllung der gesetzlichen Aufgaben der Verfassungsschutzbehörden oder des Militärischen Abschirmdienstes oder zur Durchsetzung der Rechte am geistigen Eigentum erforderlich ist.
</p>
<h4>Auskunftsrecht</h4>
<p>
Sie haben das jederzeitige Recht, sich unentgeltlich und unverzüglich über die zu Ihrer Person erhobenen Daten zu erkundigen. Sie haben das jederzeitige Recht, Ihre Zustimmung zur Verwendung Ihrer angegeben persönlichen Daten mit Wirkung für die Zukunft
zu widerrufen. Zur Auskunftserteilung wenden Sie sich bitte an den Anbieter unter den Kontaktdaten im Impressum.
</p>
<em>Quelle: Impressum Muster von impressum-recht.de</em>
</div>
</div>
</div>
</div>
</body>
</html>