194 lines
No EOL
13 KiB
HTML
194 lines
No EOL
13 KiB
HTML
<!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">
|
||
|
||
<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.css">
|
||
<link rel="icon" href="favicon.ico">
|
||
|
||
<meta name="og:title" content="Ellpeck.de">
|
||
<meta name="og:description" content="Ellpeck's little internet place">
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:site" content="@Ellpeck">
|
||
<meta name="twitter:creator" content="@Ellpeck">
|
||
|
||
<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">
|
||
<!-- 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">
|
||
<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>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Content -->
|
||
<div class="container main">
|
||
<!-- 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">
|
||
<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>
|
||
<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">
|
||
<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>
|
||
<div id="social-list">
|
||
<em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em>
|
||
</div>
|
||
<script src="scripts/social.js"></script>
|
||
</div>
|
||
|
||
<!-- About -->
|
||
<a class="anchor" id="about"></a>
|
||
<div class="list-display rounded">
|
||
<h2>About</h2>
|
||
<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 intersting 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>
|
||
</div>
|
||
|
||
<!-- Footer -->
|
||
<div class="footer">
|
||
<span class="text-muted"><a href="https://github.com/Ellpeck/Web">© 2018 Ellpeck</a> - <a href="" data-toggle="modal" data-target="#impressum-modal">Impressum</a></span>
|
||
<img src="res/blobheart.png" id="blobheart">
|
||
</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">
|
||
<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> |