Compare commits
25 Commits
c0e9e28c97
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 59db1227fe | |||
| 12b673de9f | |||
| ff20858b97 | |||
| 7fd35b0f36 | |||
| 2e90924ce2 | |||
| 84af125a86 | |||
| 082a0942a3 | |||
| 46183798ee | |||
| ed76674db3 | |||
| 733975c7c4 | |||
| 7f3986f098 | |||
| 2fecb6de3d | |||
| 6ccd33a35f | |||
| e14d5db9da | |||
| 65efc3a8df | |||
| 7bb6c2708a | |||
| 9b08a49075 | |||
| 8c20fd082a | |||
| f94f9136fd | |||
| 5eb60ab0b7 | |||
| 4d8c504e41 | |||
| cbc5b1305f | |||
| 6d676d5221 | |||
| db02992ee9 | |||
| 9ec73e7e86 |
1
.gitignore
vendored
Normal file
@@ -0,0 +1 @@
|
|||||||
|
.DS_Store
|
||||||
34
colors/colors.css
Normal file
@@ -0,0 +1,34 @@
|
|||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content {
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 500px;
|
||||||
|
position: absolute;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.color-palette {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-color {
|
||||||
|
width: 20%;
|
||||||
|
float: left;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-color div {
|
||||||
|
padding-top: 50%;
|
||||||
|
margin-top: 50px;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
}
|
||||||
@@ -1,104 +1,64 @@
|
|||||||
<?php include "../html-head.php"; ?>
|
<?php include "../html-head.php"; ?>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="colors.css">
|
||||||
<link rel="stylesheet" href="https://static.eliasfink.de/fonts/montserrat/montserrat.css">
|
<link rel="stylesheet" href="https://static.eliasfink.de/fonts/montserrat/montserrat.css">
|
||||||
|
|
||||||
<style>
|
<title>Colors – Elias Fink</title>
|
||||||
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content {
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
width: 100%;
|
|
||||||
max-width: 500px;
|
|
||||||
position: absolute;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.color-palette {
|
|
||||||
width: 100%;
|
|
||||||
max-width: 500px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.single-color {
|
|
||||||
width: 20%;
|
|
||||||
float: left;
|
|
||||||
text-align: center;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.single-color div {
|
|
||||||
padding-top: 50%;
|
|
||||||
margin-top: 50px;
|
|
||||||
margin-bottom: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<title>Colors – eliasfink.de</title>
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div id="content">
|
<main id="content">
|
||||||
|
|
||||||
<div id="blue" class="color-palette">
|
<div id="blue" class="color-palette">
|
||||||
<div class="single-color">
|
<div class="single-color">
|
||||||
<div style="background-color: var(--blue-1);"></div>
|
<div style="background-color: var(--blue-darkest);"></div>
|
||||||
<span>#001A33</span>
|
<span>#001A33</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="single-color">
|
<div class="single-color">
|
||||||
<div style="background-color: var(--blue-2);"></div>
|
<div style="background-color: var(--blue-darker);"></div>
|
||||||
<span>#004D99</span>
|
<span>#004D99</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="single-color">
|
<div class="single-color">
|
||||||
<div style="background-color: var(--blue-3);"></div>
|
<div style="background-color: var(--blue-medium);"></div>
|
||||||
<span>#0080FF</span>
|
<span>#0080FF</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="single-color">
|
<div class="single-color">
|
||||||
<div style="background-color: var(--blue-4);"></div>
|
<div style="background-color: var(--blue-lighter);"></div>
|
||||||
<span>#66B3FF</span>
|
<span>#66B3FF</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="single-color">
|
<div class="single-color">
|
||||||
<div style="background-color: var(--blue-5);"></div>
|
<div style="background-color: var(--blue-lightest);"></div>
|
||||||
<span>#CCE6FF</span>
|
<span>#CCE6FF</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="grey" class="color-palette">
|
<div id="grey" class="color-palette">
|
||||||
<div class="single-color">
|
<div class="single-color">
|
||||||
<div style="background-color: var(--grey-1);"></div>
|
<div style="background-color: var(--grey-darkest);"></div>
|
||||||
<span>#161A1D</span>
|
<span>#161A1D</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="single-color">
|
<div class="single-color">
|
||||||
<div style="background-color: var(--grey-2);"></div>
|
<div style="background-color: var(--grey-darker);"></div>
|
||||||
<span>#434D56</span>
|
<span>#434D56</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="single-color">
|
<div class="single-color">
|
||||||
<div style="background-color: var(--grey-3);"></div>
|
<div style="background-color: var(--grey-medium);"></div>
|
||||||
<span>#708090</span>
|
<span>#708090</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="single-color">
|
<div class="single-color">
|
||||||
<div style="background-color: var(--grey-4);"></div>
|
<div style="background-color: var(--grey-lighter);"></div>
|
||||||
<span>#A9B3BC</span>
|
<span>#A9B3BC</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="single-color">
|
<div class="single-color">
|
||||||
<div style="background-color: var(--grey-5);"></div>
|
<div style="background-color: var(--grey-lightest);"></div>
|
||||||
<span>#E2E6E9</span>
|
<span>#E2E6E9</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</main>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@@ -1,2 +0,0 @@
|
|||||||
# Website
|
|
||||||
|
|
||||||
@@ -10,16 +10,16 @@
|
|||||||
|
|
||||||
<div id="container">
|
<div id="container">
|
||||||
|
|
||||||
<svg id="ef-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
|
<svg id="ef-logo" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg">
|
||||||
<circle cx="500" cy="500" r="500" fill="#0080FF"/>
|
<circle cx="500" cy="500" r="500" fill="#0080FF"/>
|
||||||
<g fill="#FFFFFF">
|
<g fill="#FFFFFF">
|
||||||
<rect x="430" y="240" width="50" height="520"/>
|
<rect x="425" y="250" width="50" height="500"/>
|
||||||
<rect x="190" y="240" width="265" height="50" />
|
<rect x="525" y="250" width="50" height="500"/>
|
||||||
<rect x="190" y="475" width="265" height="50" />
|
<rect x="200" y="250" width="250" height="50" />
|
||||||
<rect x="190" y="710" width="265" height="50" />
|
<rect x="200" y="475" width="250" height="50" />
|
||||||
<rect x="520" y="240" width="50" height="520"/>
|
<rect x="200" y="700" width="250" height="50" />
|
||||||
<rect x="545" y="240" width="265" height="50" />
|
<rect x="550" y="250" width="250" height="50" />
|
||||||
<rect x="545" y="475" width="265" height="50" />
|
<rect x="550" y="475" width="250" height="50" />
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
||||||
@@ -32,7 +32,7 @@
|
|||||||
|
|
||||||
<div id="email">
|
<div id="email">
|
||||||
|
|
||||||
<a href="mailto:mail@eliasfink.de">mail@eliasfink.de</a>
|
<a href="mailto:kontakt@eliasfink.de">kontakt@eliasfink.de</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
32
html-head.php
Normal file
@@ -0,0 +1,32 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="author" content="Elias Fink">
|
||||||
|
<meta name="copyright" content="Copyright © <?php echo date("Y"); ?> Elias Fink">
|
||||||
|
<meta name="robots" content="noindex, nofollow">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<link rel="icon" type="image/png" sizes="96x96" href="https://static.eliasfink.de/img/favicon/favicon-96x96.png"/>
|
||||||
|
<link rel="icon" type="image/svg+xml" href="https://static.eliasfink.de/img/favicon/favicon.svg"/>
|
||||||
|
<link rel="shortcut icon" href="https://static.eliasfink.de/img/favicon/favicon.ico"/>
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="https://static.eliasfink.de/img/favicon/apple-touch-icon.png"/>
|
||||||
|
<link rel="manifest" href="https://static.eliasfink.de/img/favicon/site.webmanifest"/>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--blue-darkest: #001A33;
|
||||||
|
--blue-darker: #004D99;
|
||||||
|
--blue-medium: #0080FF;
|
||||||
|
--blue-lighter: #66B3FF;
|
||||||
|
--blue-lightest: #CCE6FF;
|
||||||
|
--grey-darkest: #161A1D;
|
||||||
|
--grey-darker: #434D56;
|
||||||
|
--grey-medium: #708090;
|
||||||
|
--grey-lighter: #A9B3BC;
|
||||||
|
--grey-lightest: #E2E6E9;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
<?php include "html-head.php"; ?>
|
<?php include "../html-head.php"; ?>
|
||||||
|
|
||||||
<link rel="stylesheet" href="privacy.css">
|
<link rel="stylesheet" href="privacy.css">
|
||||||
|
|
||||||
@@ -8,82 +8,61 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div id="container">
|
<main id="container">
|
||||||
|
|
||||||
<h1>Datenschutz­erklärung</h1>
|
<h1>Datenschutz­erklärung</h1>
|
||||||
<div class="space-25"></div>
|
|
||||||
|
|
||||||
<h2>1. Datenschutz auf einen Blick</h2>
|
<h2>1. Datenschutz auf einen Blick</h2>
|
||||||
<div class="space-10"></div>
|
|
||||||
<h3>Allgemeine Hinweise</h3>
|
<h3>Allgemeine Hinweise</h3>
|
||||||
<p>Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können. Ausführliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem Text aufgeführten Datenschutzerklärung.</p>
|
<p>Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können. Ausführliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem Text aufgeführten Datenschutzerklärung.</p>
|
||||||
<div class="space-25"></div>
|
|
||||||
<h3>Datenerfassung auf dieser Website</h3>
|
<h3>Datenerfassung auf dieser Website</h3>
|
||||||
<div class="space-10"></div>
|
|
||||||
<h4>Wer ist verantwortlich für die Datenerfassung auf dieser Website?</h4>
|
<h4>Wer ist verantwortlich für die Datenerfassung auf dieser Website?</h4>
|
||||||
<p>Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Abschnitt „Hinweis zur Verantwortlichen Stelle“ in dieser Datenschutzerklärung entnehmen.</p>
|
<p>Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Abschnitt „Hinweis zur Verantwortlichen Stelle“ in dieser Datenschutzerklärung entnehmen.</p>
|
||||||
<div class="space-10"></div>
|
|
||||||
<h4>Wie erfassen wir Ihre Daten?</h4>
|
<h4>Wie erfassen wir Ihre Daten?</h4>
|
||||||
<p>Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen. Hierbei kann es sich z. B. um Daten handeln, die Sie in ein Kontaktformular eingeben.</p>
|
<p>Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen. Hierbei kann es sich z. B. um Daten handeln, die Sie in ein Kontaktformular eingeben.</p>
|
||||||
<p>Andere Daten werden automatisch oder nach Ihrer Einwilligung beim Besuch der Website durch unsere IT-Systeme erfasst. Das sind vor allem technische Daten (z. B. Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs). Die Erfassung dieser Daten erfolgt automatisch, sobald Sie diese Website betreten.</p>
|
<p>Andere Daten werden automatisch oder nach Ihrer Einwilligung beim Besuch der Website durch unsere IT-Systeme erfasst. Das sind vor allem technische Daten (z. B. Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs). Die Erfassung dieser Daten erfolgt automatisch, sobald Sie diese Website betreten.</p>
|
||||||
<div class="space-10"></div>
|
|
||||||
<h4>Wofür nutzen wir Ihre Daten?</h4>
|
<h4>Wofür nutzen wir Ihre Daten?</h4>
|
||||||
<p>Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens verwendet werden.</p>
|
<p>Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens verwendet werden.</p>
|
||||||
<div class="space-10"></div>
|
|
||||||
<h4>Welche Rechte haben Sie bezüglich Ihrer Daten?</h4>
|
<h4>Welche Rechte haben Sie bezüglich Ihrer Daten?</h4>
|
||||||
<p>Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung oder Löschung dieser Daten zu verlangen. Wenn Sie eine Einwilligung zur Datenverarbeitung erteilt haben, können Sie diese Einwilligung jederzeit für die Zukunft widerrufen. Außerdem haben Sie das Recht, unter bestimmten Umständen die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Des Weiteren steht Ihnen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu.</p>
|
<p>Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung oder Löschung dieser Daten zu verlangen. Wenn Sie eine Einwilligung zur Datenverarbeitung erteilt haben, können Sie diese Einwilligung jederzeit für die Zukunft widerrufen. Außerdem haben Sie das Recht, unter bestimmten Umständen die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Des Weiteren steht Ihnen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu.</p>
|
||||||
<p>Hierzu sowie zu weiteren Fragen zum Thema Datenschutz können Sie sich jederzeit an uns wenden.</p>
|
<p>Hierzu sowie zu weiteren Fragen zum Thema Datenschutz können Sie sich jederzeit an uns wenden.</p>
|
||||||
<div class="space-50"></div>
|
|
||||||
|
|
||||||
<h2>2. Hosting</h2>
|
<h2>2. Hosting</h2>
|
||||||
<div class="space-10"></div>
|
|
||||||
<h3>Externes Hosting</h3>
|
<h3>Externes Hosting</h3>
|
||||||
<p>Diese Website wird bei einem externen Dienstleister gehostet (Hoster). Die personenbezogenen Daten, die auf dieser Website erfasst werden, werden auf den Servern des Hosters gespeichert. Hierbei kann es sich v. a. um IP-Adressen, Kontaktanfragen, Meta- und Kommunikationsdaten, Vertragsdaten, Kontaktdaten, Namen, Websitezugriffe und sonstige Daten, die über eine Website generiert werden, handeln.</p>
|
<p>Diese Website wird bei einem externen Dienstleister gehostet (Hoster). Die personenbezogenen Daten, die auf dieser Website erfasst werden, werden auf den Servern des Hosters gespeichert. Hierbei kann es sich v. a. um IP-Adressen, Kontaktanfragen, Meta- und Kommunikationsdaten, Vertragsdaten, Kontaktdaten, Namen, Websitezugriffe und sonstige Daten, die über eine Website generiert werden, handeln.</p>
|
||||||
<p>Der Einsatz des Hosters erfolgt zum Zwecke der Vertragserfüllung gegenüber unseren potenziellen und bestehenden Kunden (Art. 6 Abs. 1 lit. b DSGVO) und im Interesse einer sicheren, schnellen und effizienten Bereitstellung unseres Online-Angebots durch einen professionellen Anbieter (Art. 6 Abs. 1 lit. f DSGVO).</p>
|
<p>Der Einsatz des Hosters erfolgt zum Zwecke der Vertragserfüllung gegenüber unseren potenziellen und bestehenden Kunden (Art. 6 Abs. 1 lit. b DSGVO) und im Interesse einer sicheren, schnellen und effizienten Bereitstellung unseres Online-Angebots durch einen professionellen Anbieter (Art. 6 Abs. 1 lit. f DSGVO).</p>
|
||||||
<p>Unser Hoster wird Ihre Daten nur insoweit verarbeiten, wie dies zur Erfüllung seiner Leistungspflichten erforderlich ist und unsere Weisungen in Bezug auf diese Daten befolgen.</p>
|
<p>Unser Hoster wird Ihre Daten nur insoweit verarbeiten, wie dies zur Erfüllung seiner Leistungspflichten erforderlich ist und unsere Weisungen in Bezug auf diese Daten befolgen.</p>
|
||||||
<p>Wir setzen folgenden Hoster ein:</p>
|
<p>Wir setzen folgenden Hoster ein:</p>
|
||||||
<p>netcup GmbH<br>Daimlerstraße 25<br>76185 Karlsruhe</p>
|
<p>netcup GmbH<br>Daimlerstraße 25<br>76185 Karlsruhe</p>
|
||||||
<div class="space-10"></div>
|
|
||||||
<h4>Abschluss eines Vertrages über Auftragsverarbeitung</h4>
|
<h4>Abschluss eines Vertrages über Auftragsverarbeitung</h4>
|
||||||
<p>Um die datenschutzkonforme Verarbeitung zu gewährleisten, haben wir einen Vertrag über Auftragsverarbeitung mit unserem Hoster geschlossen.</p>
|
<p>Um die datenschutzkonforme Verarbeitung zu gewährleisten, haben wir einen Vertrag über Auftragsverarbeitung mit unserem Hoster geschlossen.</p>
|
||||||
<div class="space-50"></div>
|
|
||||||
|
|
||||||
<h2>3. Allgemeine Hinweise und Pflicht­informationen</h2>
|
<h2>3. Allgemeine Hinweise und Pflicht­informationen</h2>
|
||||||
<div class="space-10"></div>
|
|
||||||
<h3>Datenschutz</h3>
|
<h3>Datenschutz</h3>
|
||||||
<p>Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung.</p>
|
<p>Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung.</p>
|
||||||
<p>Wenn Sie diese Website benutzen, werden verschiedene personenbezogene Daten erhoben. Personenbezogene Daten sind Daten, mit denen Sie persönlich identifiziert werden können. Die vorliegende Datenschutzerklärung erläutert, welche Daten wir erheben und wofür wir sie nutzen. Sie erläutert auch, wie und zu welchem Zweck das geschieht.</p>
|
<p>Wenn Sie diese Website benutzen, werden verschiedene personenbezogene Daten erhoben. Personenbezogene Daten sind Daten, mit denen Sie persönlich identifiziert werden können. Die vorliegende Datenschutzerklärung erläutert, welche Daten wir erheben und wofür wir sie nutzen. Sie erläutert auch, wie und zu welchem Zweck das geschieht.</p>
|
||||||
<p>Wir weisen darauf hin, dass die Datenübertragung im Internet (z. B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.</p>
|
<p>Wir weisen darauf hin, dass die Datenübertragung im Internet (z. B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.</p>
|
||||||
<div class="space-25"></div>
|
|
||||||
<h3>Hinweis zur verantwortlichen Stelle</h3>
|
<h3>Hinweis zur verantwortlichen Stelle</h3>
|
||||||
<p>Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:</p>
|
<p>Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:</p>
|
||||||
<p>Elias Fink<br>E-Mail: mail@eliasfink.de</p>
|
<p>Elias Fink<br>E-Mail-Adresse: kontakt@eliasfink.de</p>
|
||||||
<p>Diese Website dient ausschließlich persönlichen Zwecken, ist nicht kommerziell und enthält keine journalistisch-redaktionellen Inhalte. Somit benötigt sie gemäß § 5 TMG und § 55 Abs. 2 RStV kein Impressum und es ist keine Angabe von Anschrift, Telefon- oder Telefaxnummer der verantwortlichen Stelle erforderlich.</p>
|
<p>Diese Seiten dienen ausschließlich persönlichen, nicht kommerziellen Zwecken und enthalten keine journalistisch-redaktionellen Inhalte. Daher ist gemäß § 5 TMG und § 55 RStV kein Impressum erforderlich und die Angabe von Anschrift sowie Telefonnummer entfällt.</p>
|
||||||
<p>Verantwortliche Stelle ist die natürliche oder juristische Person, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten (z. B. Namen, E-Mail-Adressen o. Ä.) entscheidet.</p>
|
<p>Verantwortliche Stelle ist die natürliche oder juristische Person, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten (z. B. Namen, E-Mail-Adressen o. Ä.) entscheidet.</p>
|
||||||
<div class="space-25"></div>
|
|
||||||
<h3>Speicherdauer</h3>
|
<h3>Speicherdauer</h3>
|
||||||
<p>Soweit innerhalb dieser Datenschutzerklärung keine speziellere Speicherdauer genannt wurde, verbleiben Ihre personenbezogenen Daten bei uns, bis der Zweck für die Datenverarbeitung entfällt. Wenn Sie ein berechtigtes Löschersuchen geltend machen oder eine Einwilligung zur Datenverarbeitung widerrufen, werden Ihre Daten gelöscht, sofern wir keine anderen rechtlich zulässigen Gründe für die Speicherung Ihrer personenbezogenen Daten haben (z. B. steuer- oder handelsrechtliche Aufbewahrungsfristen); im letztgenannten Fall erfolgt die Löschung nach Fortfall dieser Gründe.</p>
|
<p>Soweit innerhalb dieser Datenschutzerklärung keine speziellere Speicherdauer genannt wurde, verbleiben Ihre personenbezogenen Daten bei uns, bis der Zweck für die Datenverarbeitung entfällt. Wenn Sie ein berechtigtes Löschersuchen geltend machen oder eine Einwilligung zur Datenverarbeitung widerrufen, werden Ihre Daten gelöscht, sofern wir keine anderen rechtlich zulässigen Gründe für die Speicherung Ihrer personenbezogenen Daten haben (z. B. steuer- oder handelsrechtliche Aufbewahrungsfristen); im letztgenannten Fall erfolgt die Löschung nach Fortfall dieser Gründe.</p>
|
||||||
<div class="space-25"></div>
|
|
||||||
<h3>Widerruf Ihrer Einwilligung zur Datenverarbeitung</h3>
|
<h3>Widerruf Ihrer Einwilligung zur Datenverarbeitung</h3>
|
||||||
<p>Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine bereits erteilte Einwilligung jederzeit widerrufen. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt.</p>
|
<p>Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine bereits erteilte Einwilligung jederzeit widerrufen. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt.</p>
|
||||||
<div class="space-25"></div>
|
|
||||||
<h3>Widerspruchsrecht gegen die Datenerhebung in besonderen Fällen sowie gegen Direktwerbung (Art. 21 DSGVO)</h3>
|
<h3>Widerspruchsrecht gegen die Datenerhebung in besonderen Fällen sowie gegen Direktwerbung (Art. 21 DSGVO)</h3>
|
||||||
<p>WENN DIE DATENVERARBEITUNG AUF GRUNDLAGE VON ART. 6 ABS. 1 LIT. E ODER F DSGVO ERFOLGT, HABEN SIE JEDERZEIT DAS RECHT, AUS GRÜNDEN, DIE SICH AUS IHRER BESONDEREN SITUATION ERGEBEN, GEGEN DIE VERARBEITUNG IHRER PERSONENBEZOGENEN DATEN WIDERSPRUCH EINZULEGEN; DIES GILT AUCH FÜR EIN AUF DIESE BESTIMMUNGEN GESTÜTZTES PROFILING. DIE JEWEILIGE RECHTSGRUNDLAGE, AUF DENEN EINE VERARBEITUNG BERUHT, ENTNEHMEN SIE DIESER DATENSCHUTZERKLÄRUNG. WENN SIE WIDERSPRUCH EINLEGEN, WERDEN WIR IHRE BETROFFENEN PERSONENBEZOGENEN DATEN NICHT MEHR VERARBEITEN, ES SEI DENN, WIR KÖNNEN ZWINGENDE SCHUTZWÜRDIGE GRÜNDE FÜR DIE VERARBEITUNG NACHWEISEN, DIE IHRE INTERESSEN, RECHTE UND FREIHEITEN ÜBERWIEGEN ODER DIE VERARBEITUNG DIENT DER GELTENDMACHUNG, AUSÜBUNG ODER VERTEIDIGUNG VON RECHTSANSPRÜCHEN (WIDERSPRUCH NACH ART. 21 ABS. 1 DSGVO).</p>
|
<p>WENN DIE DATENVERARBEITUNG AUF GRUNDLAGE VON ART. 6 ABS. 1 LIT. E ODER F DSGVO ERFOLGT, HABEN SIE JEDERZEIT DAS RECHT, AUS GRÜNDEN, DIE SICH AUS IHRER BESONDEREN SITUATION ERGEBEN, GEGEN DIE VERARBEITUNG IHRER PERSONENBEZOGENEN DATEN WIDERSPRUCH EINZULEGEN; DIES GILT AUCH FÜR EIN AUF DIESE BESTIMMUNGEN GESTÜTZTES PROFILING. DIE JEWEILIGE RECHTSGRUNDLAGE, AUF DENEN EINE VERARBEITUNG BERUHT, ENTNEHMEN SIE DIESER DATENSCHUTZERKLÄRUNG. WENN SIE WIDERSPRUCH EINLEGEN, WERDEN WIR IHRE BETROFFENEN PERSONENBEZOGENEN DATEN NICHT MEHR VERARBEITEN, ES SEI DENN, WIR KÖNNEN ZWINGENDE SCHUTZWÜRDIGE GRÜNDE FÜR DIE VERARBEITUNG NACHWEISEN, DIE IHRE INTERESSEN, RECHTE UND FREIHEITEN ÜBERWIEGEN ODER DIE VERARBEITUNG DIENT DER GELTENDMACHUNG, AUSÜBUNG ODER VERTEIDIGUNG VON RECHTSANSPRÜCHEN (WIDERSPRUCH NACH ART. 21 ABS. 1 DSGVO).</p>
|
||||||
<p>WERDEN IHRE PERSONENBEZOGENEN DATEN VERARBEITET, UM DIREKTWERBUNG ZU BETREIBEN, SO HABEN SIE DAS RECHT, JEDERZEIT WIDERSPRUCH GEGEN DIE VERARBEITUNG SIE BETREFFENDER PERSONENBEZOGENER DATEN ZUM ZWECKE DERARTIGER WERBUNG EINZULEGEN; DIES GILT AUCH FÜR DAS PROFILING, SOWEIT ES MIT SOLCHER DIREKTWERBUNG IN VERBINDUNG STEHT. WENN SIE WIDERSPRECHEN, WERDEN IHRE PERSONENBEZOGENEN DATEN ANSCHLIESSEND NICHT MEHR ZUM ZWECKE DER DIREKTWERBUNG VERWENDET (WIDERSPRUCH NACH ART. 21 ABS. 2 DSGVO).</p>
|
<p>WERDEN IHRE PERSONENBEZOGENEN DATEN VERARBEITET, UM DIREKTWERBUNG ZU BETREIBEN, SO HABEN SIE DAS RECHT, JEDERZEIT WIDERSPRUCH GEGEN DIE VERARBEITUNG SIE BETREFFENDER PERSONENBEZOGENER DATEN ZUM ZWECKE DERARTIGER WERBUNG EINZULEGEN; DIES GILT AUCH FÜR DAS PROFILING, SOWEIT ES MIT SOLCHER DIREKTWERBUNG IN VERBINDUNG STEHT. WENN SIE WIDERSPRECHEN, WERDEN IHRE PERSONENBEZOGENEN DATEN ANSCHLIESSEND NICHT MEHR ZUM ZWECKE DER DIREKTWERBUNG VERWENDET (WIDERSPRUCH NACH ART. 21 ABS. 2 DSGVO).</p>
|
||||||
<div class="space-25"></div>
|
|
||||||
<h3>Beschwerde­recht bei der zuständigen Aufsichts­behörde</h3>
|
<h3>Beschwerde­recht bei der zuständigen Aufsichts­behörde</h3>
|
||||||
<p>Im Falle von Verstößen gegen die DSGVO steht den Betroffenen ein Beschwerderecht bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat ihres gewöhnlichen Aufenthalts, ihres Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes zu. Das Beschwerderecht besteht unbeschadet anderweitiger verwaltungsrechtlicher oder gerichtlicher Rechtsbehelfe.</p>
|
<p>Im Falle von Verstößen gegen die DSGVO steht den Betroffenen ein Beschwerderecht bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat ihres gewöhnlichen Aufenthalts, ihres Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes zu. Das Beschwerderecht besteht unbeschadet anderweitiger verwaltungsrechtlicher oder gerichtlicher Rechtsbehelfe.</p>
|
||||||
<div class="space-25"></div>
|
|
||||||
<h3>Recht auf Daten­übertrag­barkeit</h3>
|
<h3>Recht auf Daten­übertrag­barkeit</h3>
|
||||||
<p>Sie haben das Recht, Daten, die wir auf Grundlage Ihrer Einwilligung oder in Erfüllung eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in einem gängigen, maschinenlesbaren Format aushändigen zu lassen. Sofern Sie die direkte Übertragung der Daten an einen anderen Verantwortlichen verlangen, erfolgt dies nur, soweit es technisch machbar ist.</p>
|
<p>Sie haben das Recht, Daten, die wir auf Grundlage Ihrer Einwilligung oder in Erfüllung eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in einem gängigen, maschinenlesbaren Format aushändigen zu lassen. Sofern Sie die direkte Übertragung der Daten an einen anderen Verantwortlichen verlangen, erfolgt dies nur, soweit es technisch machbar ist.</p>
|
||||||
<div class="space-25"></div>
|
|
||||||
<h3>SSL- bzw. TLS-Verschlüsselung</h3>
|
<h3>SSL- bzw. TLS-Verschlüsselung</h3>
|
||||||
<p>Diese Seite nutzt aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher Inhalte, wie zum Beispiel Bestellungen oder Anfragen, die Sie an uns als Seitenbetreiber senden, eine SSL- bzw. TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie daran, dass die Adresszeile des Browsers von „http://“ auf „https://“ wechselt und an dem Schloss-Symbol in Ihrer Browserzeile.</p>
|
<p>Diese Seite nutzt aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher Inhalte, wie zum Beispiel Bestellungen oder Anfragen, die Sie an uns als Seitenbetreiber senden, eine SSL- bzw. TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie daran, dass die Adresszeile des Browsers von „http://“ auf „https://“ wechselt und an dem Schloss-Symbol in Ihrer Browserzeile.</p>
|
||||||
<p>Wenn die SSL- bzw. TLS-Verschlüsselung aktiviert ist, können die Daten, die Sie an uns übermitteln, nicht von Dritten mitgelesen werden.</p>
|
<p>Wenn die SSL- bzw. TLS-Verschlüsselung aktiviert ist, können die Daten, die Sie an uns übermitteln, nicht von Dritten mitgelesen werden.</p>
|
||||||
<div class="space-25"></div>
|
|
||||||
<h3>Auskunft, Löschung und Berichtigung</h3>
|
<h3>Auskunft, Löschung und Berichtigung</h3>
|
||||||
<p>Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf unentgeltliche Auskunft über Ihre gespeicherten personenbezogenen Daten, deren Herkunft und Empfänger und den Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung oder Löschung dieser Daten. Hierzu sowie zu weiteren Fragen zum Thema personenbezogene Daten können Sie sich jederzeit an uns wenden.</p>
|
<p>Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf unentgeltliche Auskunft über Ihre gespeicherten personenbezogenen Daten, deren Herkunft und Empfänger und den Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung oder Löschung dieser Daten. Hierzu sowie zu weiteren Fragen zum Thema personenbezogene Daten können Sie sich jederzeit an uns wenden.</p>
|
||||||
<div class="space-25"></div>
|
|
||||||
<h3>Recht auf Einschränkung der Verarbeitung</h3>
|
<h3>Recht auf Einschränkung der Verarbeitung</h3>
|
||||||
<p>Sie haben das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Hierzu können Sie sich jederzeit an uns wenden. Das Recht auf Einschränkung der Verarbeitung besteht in folgenden Fällen:</p>
|
<p>Sie haben das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Hierzu können Sie sich jederzeit an uns wenden. Das Recht auf Einschränkung der Verarbeitung besteht in folgenden Fällen:</p>
|
||||||
<ul>
|
<ul>
|
||||||
@@ -92,10 +71,8 @@
|
|||||||
<li>Wenn wir Ihre personenbezogenen Daten nicht mehr benötigen, Sie sie jedoch zur Ausübung, Verteidigung oder Geltendmachung von Rechtsansprüchen benötigen, haben Sie das Recht, statt der Löschung die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.</li>
|
<li>Wenn wir Ihre personenbezogenen Daten nicht mehr benötigen, Sie sie jedoch zur Ausübung, Verteidigung oder Geltendmachung von Rechtsansprüchen benötigen, haben Sie das Recht, statt der Löschung die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.</li>
|
||||||
<li>Wenn Sie einen Widerspruch nach Art. 21 Abs. 1 DSGVO eingelegt haben, muss eine Abwägung zwischen Ihren und unseren Interessen vorgenommen werden. Solange noch nicht feststeht, wessen Interessen überwiegen, haben Sie das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.</li> </ul>
|
<li>Wenn Sie einen Widerspruch nach Art. 21 Abs. 1 DSGVO eingelegt haben, muss eine Abwägung zwischen Ihren und unseren Interessen vorgenommen werden. Solange noch nicht feststeht, wessen Interessen überwiegen, haben Sie das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.</li> </ul>
|
||||||
<p>Wenn Sie die Verarbeitung Ihrer personenbezogenen Daten eingeschränkt haben, dürfen diese Daten – von ihrer Speicherung abgesehen – nur mit Ihrer Einwilligung oder zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der Rechte einer anderen natürlichen oder juristischen Person oder aus Gründen eines wichtigen öffentlichen Interesses der Europäischen Union oder eines Mitgliedstaats verarbeitet werden.</p>
|
<p>Wenn Sie die Verarbeitung Ihrer personenbezogenen Daten eingeschränkt haben, dürfen diese Daten – von ihrer Speicherung abgesehen – nur mit Ihrer Einwilligung oder zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der Rechte einer anderen natürlichen oder juristischen Person oder aus Gründen eines wichtigen öffentlichen Interesses der Europäischen Union oder eines Mitgliedstaats verarbeitet werden.</p>
|
||||||
<div class="space-50"></div>
|
|
||||||
|
|
||||||
<h2>4. Datenerfassung auf dieser Website</h2>
|
<h2>4. Datenerfassung auf dieser Website</h2>
|
||||||
<div class="space-10"></div>
|
|
||||||
<h3>Server-Log-Dateien</h3>
|
<h3>Server-Log-Dateien</h3>
|
||||||
<p>Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt. Dies sind:</p>
|
<p>Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt. Dies sind:</p>
|
||||||
<ul>
|
<ul>
|
||||||
@@ -108,16 +85,14 @@
|
|||||||
</ul>
|
</ul>
|
||||||
<p>Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen.</p>
|
<p>Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen.</p>
|
||||||
<p>Die Erfassung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Der Websitebetreiber hat ein berechtigtes Interesse an der technisch fehlerfreien Darstellung und der Optimierung seiner Website – hierzu müssen die Server-Log-Files erfasst werden.</p>
|
<p>Die Erfassung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Der Websitebetreiber hat ein berechtigtes Interesse an der technisch fehlerfreien Darstellung und der Optimierung seiner Website – hierzu müssen die Server-Log-Files erfasst werden.</p>
|
||||||
<div class="space-25"></div>
|
|
||||||
<h3>Anfrage per E-Mail, Telefon oder Telefax</h3>
|
<h3>Anfrage per E-Mail, Telefon oder Telefax</h3>
|
||||||
<p>Wenn Sie uns per E-Mail, Telefon oder Telefax kontaktieren, wird Ihre Anfrage inklusive aller daraus hervorgehenden personenbezogenen Daten (Name, Anfrage) zum Zwecke der Bearbeitung Ihres Anliegens bei uns gespeichert und verarbeitet. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.</p>
|
<p>Wenn Sie uns per E-Mail, Telefon oder Telefax kontaktieren, wird Ihre Anfrage inklusive aller daraus hervorgehenden personenbezogenen Daten (Name, Anfrage) zum Zwecke der Bearbeitung Ihres Anliegens bei uns gespeichert und verarbeitet. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.</p>
|
||||||
<p>Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, sofern Ihre Anfrage mit der Erfüllung eines Vertrags zusammenhängt oder zur Durchführung vorvertraglicher Maßnahmen erforderlich ist. In allen übrigen Fällen beruht die Verarbeitung auf unserem berechtigten Interesse an der effektiven Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO) oder auf Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO) sofern diese abgefragt wurde.</p>
|
<p>Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, sofern Ihre Anfrage mit der Erfüllung eines Vertrags zusammenhängt oder zur Durchführung vorvertraglicher Maßnahmen erforderlich ist. In allen übrigen Fällen beruht die Verarbeitung auf unserem berechtigten Interesse an der effektiven Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO) oder auf Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO) sofern diese abgefragt wurde.</p>
|
||||||
<p>Die von Ihnen an uns per Kontaktanfragen übersandten Daten verbleiben bei uns, bis Sie uns zur Löschung auffordern, Ihre Einwilligung zur Speicherung widerrufen oder der Zweck für die Datenspeicherung entfällt (z. B. nach abgeschlossener Bearbeitung Ihres Anliegens). Zwingende gesetzliche Bestimmungen – insbesondere gesetzliche Aufbewahrungsfristen – bleiben unberührt.</p>
|
<p>Die von Ihnen an uns per Kontaktanfragen übersandten Daten verbleiben bei uns, bis Sie uns zur Löschung auffordern, Ihre Einwilligung zur Speicherung widerrufen oder der Zweck für die Datenspeicherung entfällt (z. B. nach abgeschlossener Bearbeitung Ihres Anliegens). Zwingende gesetzliche Bestimmungen – insbesondere gesetzliche Aufbewahrungsfristen – bleiben unberührt.</p>
|
||||||
<div class="space-50"></div>
|
|
||||||
|
|
||||||
<p>Quelle: <a href="https://www.e-recht24.de" target="_blank" rel="noopener noreferrer nofollow">e-recht24.de</a></p>
|
<p>Quelle: <a href="https://www.e-recht24.de" target="_blank" rel="noopener noreferrer nofollow">e-recht24.de</a></p>
|
||||||
|
|
||||||
</div>
|
</main>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@@ -1,128 +1,58 @@
|
|||||||
:root {
|
|
||||||
--blue-1: #001A33;
|
|
||||||
--blue-2: #004D99;
|
|
||||||
--blue-3: #0080FF;
|
|
||||||
--blue-4: #66B3FF;
|
|
||||||
--blue-5: #CCE6FF;
|
|
||||||
--grey-1: #161A1D;
|
|
||||||
--grey-2: #434D56;
|
|
||||||
--grey-3: #708090;
|
|
||||||
--grey-4: #A9B3BC;
|
|
||||||
--grey-5: #E2E6E9;
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
html {
|
||||||
font-size: 18px;
|
|
||||||
line-height: 1.5;
|
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, p {
|
h1, h2, h3, h4, p, ul {
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3 {
|
h1, h2, h3, h4 {
|
||||||
line-height: 1.3;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
line-height: 1.2;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 35px;
|
font-size: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 30px;
|
font-size: 1.75rem;
|
||||||
|
margin-top: 4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 25px;
|
font-size: 1.5rem;
|
||||||
|
margin-top: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
font-size: 20px;
|
font-size: 1.25rem;
|
||||||
|
margin-top: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
margin: 0 0 1em 2.5em;
|
margin-left: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #000;
|
border-bottom: 1px solid var(--blue-medium);
|
||||||
|
color: black;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border-bottom: 1px solid var(--blue-3);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
color: var(--blue-3);
|
color: var(--blue-medium);
|
||||||
}
|
}
|
||||||
|
|
||||||
#container {
|
#container {
|
||||||
padding: 25px;
|
margin: 3rem auto;
|
||||||
margin: 50px auto;
|
max-width: 1200px;
|
||||||
max-width: 1250px;
|
padding: 1.5rem;
|
||||||
}
|
|
||||||
|
|
||||||
.space-10 {
|
|
||||||
height: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.space-25 {
|
|
||||||
height: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.space-50 {
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 1023px) {
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 28px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
font-size: 23px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-size: 19px;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-size: 17px;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 26px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
font-size: 22px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
BIN
static/.DS_Store
vendored
@@ -1,13 +1,5 @@
|
|||||||
Header set Access-Control-Allow-Origin "*"
|
Header set Access-Control-Allow-Origin "*"
|
||||||
|
|
||||||
<Files ~ "^\.(htaccess|htpasswd)$">
|
|
||||||
deny from all
|
|
||||||
</Files>
|
|
||||||
ErrorDocument 403 /index.php
|
|
||||||
ErrorDocument 404 /index.php
|
|
||||||
DirectoryIndex index.php
|
|
||||||
order deny,allow
|
|
||||||
|
|
||||||
<IfModule mod_expires.c>
|
<IfModule mod_expires.c>
|
||||||
ExpiresActive On
|
ExpiresActive On
|
||||||
ExpiresDefault A2592000
|
ExpiresDefault A2592000
|
||||||
|
|||||||
@@ -1,44 +0,0 @@
|
|||||||
Header set Access-Control-Allow-Origin "*"
|
|
||||||
|
|
||||||
Options +Indexes
|
|
||||||
IndexOptions Charset=UTF-8 FancyIndexing HTMLTable IgnoreCase FoldersFirst VersionSort IconsAreLinks IconWidth=25 IconHeight=25 SuppressLastModified SuppressDescription
|
|
||||||
IndexOrderDefault Ascending Name
|
|
||||||
IndexIgnore autoindex
|
|
||||||
IndexHeadInsert "<meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">"
|
|
||||||
IndexStyleSheet /autoindex/style.css
|
|
||||||
HeaderName /autoindex/header.html
|
|
||||||
|
|
||||||
DefaultIcon /autoindex/icon-file.svg
|
|
||||||
AddIcon /autoindex/icon-file-image.svg .png .gif .jpg .jpeg .ico .svg
|
|
||||||
AddIcon /autoindex/icon-file-text.svg .html .css .js .xml .webmanifest
|
|
||||||
AddIcon /autoindex/icon-folder.svg ^^DIRECTORY^^
|
|
||||||
AddIcon /autoindex/icon-back.svg ..
|
|
||||||
|
|
||||||
ErrorDocument 404 /autoindex/redirect.html
|
|
||||||
ErrorDocument 403 /autoindex/redirect.html
|
|
||||||
|
|
||||||
<IfModule mod_expires.c>
|
|
||||||
ExpiresActive On
|
|
||||||
ExpiresDefault A2592000
|
|
||||||
ExpiresByType text/css A604800
|
|
||||||
ExpiresByType text/javascript A604800
|
|
||||||
ExpiresByType application/javascript A604800
|
|
||||||
</IfModule>
|
|
||||||
|
|
||||||
<filesMatch ".(css|js)$">
|
|
||||||
Header set Cache-Control "max-age=604800, public"
|
|
||||||
</filesMatch>
|
|
||||||
|
|
||||||
<filesMatch ".(png|gif|jpg|jpeg|ico|svg|eot|otf|ttf|woff|woff2|xml|webmanifest)$">
|
|
||||||
Header set Cache-Control "max-age=2592000, public"
|
|
||||||
</filesMatch>
|
|
||||||
|
|
||||||
<filesMatch ".(html|css|js|png|gif|jpg|jpeg|ico|svg|eot|otf|ttf|woff|woff2|xml|webmanifest)$">
|
|
||||||
SetOutputFilter DEFLATE
|
|
||||||
</FilesMatch>
|
|
||||||
|
|
||||||
<IfModule mod_headers.c>
|
|
||||||
<FilesMatch ".(html|css|js|png|gif|jpg|jpeg|ico|svg|eot|otf|ttf|woff|woff2|xml|webmanifest)$">
|
|
||||||
Header append Vary: Accept-Encoding
|
|
||||||
</FilesMatch>
|
|
||||||
</IfModule>
|
|
||||||
@@ -1,19 +0,0 @@
|
|||||||
<script src="/js/jquery.min.js"></script>
|
|
||||||
<script>
|
|
||||||
$(document).ready(function() {
|
|
||||||
$("td.indexcolsize").each(function() {
|
|
||||||
$(this).html($(this).html().replace("K", " KB"));
|
|
||||||
$(this).html($(this).html().replace("M", " MB"));
|
|
||||||
$(this).html($(this).html().replace("G", " GB"));
|
|
||||||
$(this).html($(this).html().replace("-", ""));
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<div id="header">
|
|
||||||
<a href="/">
|
|
||||||
<svg id="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 428.703 37.638">
|
|
||||||
<path fill="#168eff" d="M0 34.366l1.6-2.8q1.65 1.3 4.15 2.125 2.5.825 5.2.825 3.6 0 5.325-1.125Q18 32.266 18 30.216q0-1.45-.95-2.275-.95-.825-2.4-1.25-1.45-.425-3.85-.825-3.2-.6-5.15-1.225-1.95-.625-3.325-2.125-1.375-1.5-1.375-4.15 0-3.3 2.75-5.4 2.75-2.1 7.65-2.1 2.55 0 5.1.675 2.55.675 4.2 1.775l-1.55 2.85q-3.25-2.25-7.75-2.25-3.4 0-5.125 1.2-1.725 1.2-1.725 3.15 0 1.5.975 2.4.975.9 2.425 1.325 1.45.425 4 .875 3.15.6 5.05 1.2 1.9.6 3.25 2.05 1.35 1.45 1.35 4 0 3.45-2.875 5.475-2.875 2.025-7.975 2.025-3.2 0-6.125-.925Q1.65 35.766 0 34.366zm40.7-1.15l1.25 2.55q-1 .9-2.475 1.375-1.475.475-3.075.475-3.7 0-5.7-2-2-2-2-5.65v-15.9H24v-3h4.7v-5.75h3.55v5.75h8v3h-8v15.7q0 2.35 1.175 3.575 1.175 1.225 3.375 1.225 1.1 0 2.125-.35 1.025-.35 1.775-1zm27.55-12.15v16.3h-3.4v-4.1q-1.2 2.05-3.525 3.2-2.325 1.15-5.525 1.15-4.4 0-7-2.1-2.6-2.1-2.6-5.55 0-3.35 2.425-5.4 2.425-2.05 7.725-2.05h8.35v-1.6q0-3.4-1.9-5.175-1.9-1.775-5.55-1.775-2.5 0-4.8.825-2.3.825-3.95 2.275l-1.6-2.65q2-1.7 4.8-2.625 2.8-.925 5.9-.925 5.15 0 7.9 2.575 2.75 2.575 2.75 7.625zm-3.55 8.4v-4.3h-8.25q-6.75 0-6.75 4.7 0 2.3 1.75 3.625 1.75 1.325 4.9 1.325 3 0 5.15-1.375 2.15-1.375 3.2-3.975zm25.8 3.75l1.25 2.55q-1 .9-2.475 1.375-1.475.475-3.075.475-3.7 0-5.7-2-2-2-2-5.65v-15.9h-4.7v-3h4.7v-5.75h3.55v5.75h8v3h-8v15.7q0 2.35 1.175 3.575 1.175 1.225 3.375 1.225 1.1 0 2.125-.35 1.025-.35 1.775-1zm7.7 4.15v-26.3h3.55v26.3H98.2zm1.8-32.05q-1.1 0-1.85-.75-.75-.75-.75-1.8 0-1 .75-1.75.75-.75 1.85-.75 1.1 0 1.85.725.75.725.75 1.725 0 1.1-.75 1.85-.75.75-1.85.75zm32.85 10.75l-2.65 1.8q-1.3-1.95-3.3-2.925-2-.975-4.35-.975-2.85 0-5.125 1.275-2.275 1.275-3.55 3.625-1.275 2.35-1.275 5.35 0 3.05 1.275 5.375 1.275 2.325 3.55 3.6 2.275 1.275 5.125 1.275 2.35 0 4.35-.95 2-.95 3.3-2.9l2.65 1.8q-1.55 2.55-4.25 3.875-2.7 1.325-6.05 1.325-3.9 0-6.975-1.7-3.075-1.7-4.825-4.775-1.75-3.075-1.75-6.925 0-3.85 1.75-6.9 1.75-3.05 4.825-4.75 3.075-1.7 6.975-1.7 3.4 0 6.075 1.325 2.675 1.325 4.225 3.875z"/>
|
|
||||||
<path fill="#000" d="M141.15 37.616q-1.1 0-1.875-.8-.775-.8-.775-1.95 0-1.15.775-1.925.775-.775 1.875-.775 1.1 0 1.9.775.8.775.8 1.925 0 1.15-.8 1.95-.8.8-1.9.8zm33.2-13.4l-.05 1.1h-22q.3 4.1 3.15 6.625 2.85 2.525 7.2 2.525 2.45 0 4.5-.875 2.05-.875 3.55-2.575l2 2.3q-1.75 2.1-4.375 3.2-2.625 1.1-5.775 1.1-4.05 0-7.175-1.725-3.125-1.725-4.875-4.775-1.75-3.05-1.75-6.9 0-3.85 1.675-6.9 1.675-3.05 4.6-4.75 2.925-1.7 6.575-1.7 3.65 0 6.55 1.7 2.9 1.7 4.55 4.725 1.65 3.025 1.65 6.925zm-22.05-1.55h18.65q-.35-3.9-2.925-6.325-2.575-2.425-6.425-2.425-3.8 0-6.375 2.425-2.575 2.425-2.925 6.325zm29.3 14.7V.266h3.55v37.1h-3.55zm13.45 0v-26.3h3.55v26.3h-3.55zm1.8-32.05q-1.1 0-1.85-.75-.75-.75-.75-1.8 0-1 .75-1.75.75-.75 1.85-.75 1.1 0 1.85.725.75.725.75 1.725 0 1.1-.75 1.85-.75.75-1.85.75zm31.5 15.75v16.3h-3.4v-4.1q-1.2 2.05-3.525 3.2-2.325 1.15-5.525 1.15-4.4 0-7-2.1-2.6-2.1-2.6-5.55 0-3.35 2.425-5.4 2.425-2.05 7.725-2.05h8.35v-1.6q0-3.4-1.9-5.175-1.9-1.775-5.55-1.775-2.5 0-4.8.825-2.3.825-3.95 2.275l-1.6-2.65q2-1.7 4.8-2.625 2.8-.925 5.9-.925 5.15 0 7.9 2.575 2.75 2.575 2.75 7.625zm-3.55 8.4v-4.3h-8.25q-6.75 0-6.75 4.7 0 2.3 1.75 3.625 1.75 1.325 4.9 1.325 3 0 5.15-1.375 2.15-1.375 3.2-3.975zm9.55 4.9l1.6-2.8q1.65 1.3 4.15 2.125 2.5.825 5.2.825 3.6 0 5.325-1.125 1.725-1.125 1.725-3.175 0-1.45-.95-2.275-.95-.825-2.4-1.25-1.45-.425-3.85-.825-3.2-.6-5.15-1.225-1.95-.625-3.325-2.125-1.375-1.5-1.375-4.15 0-3.3 2.75-5.4 2.75-2.1 7.65-2.1 2.55 0 5.1.675 2.55.675 4.2 1.775l-1.55 2.85q-3.25-2.25-7.75-2.25-3.4 0-5.125 1.2-1.725 1.2-1.725 3.15 0 1.5.975 2.4.975.9 2.425 1.325 1.45.425 4 .875 3.15.6 5.05 1.2 1.9.6 3.25 2.05 1.35 1.45 1.35 4 0 3.45-2.875 5.475-2.875 2.025-7.975 2.025-3.2 0-6.125-.925-2.925-.925-4.575-2.325zm32.15-26.4v3.1h8.1v3h-8v23.3h-3.55v-23.3h-4.7v-3h4.7v-3.25q0-3.6 2.075-5.7Q267.2.016 271 .016q1.5 0 2.9.425 1.4.425 2.35 1.225l-1.2 2.65q-1.55-1.3-3.9-1.3-2.3 0-3.475 1.25-1.175 1.25-1.175 3.7zm16.9 29.4v-26.3h3.55v26.3h-3.55zm1.8-32.05q-1.1 0-1.85-.75-.75-.75-.75-1.8 0-1 .75-1.75.75-.75 1.85-.75 1.1 0 1.85.725.75.725.75 1.725 0 1.1-.75 1.85-.75.75-1.85.75zm35.85 16.8v15.25h-3.55v-14.9q0-4.1-2.05-6.25-2.05-2.15-5.85-2.15-4.25 0-6.725 2.525-2.475 2.525-2.475 6.975v13.8h-3.55v-26.3h3.4v4.85q1.45-2.4 4.025-3.725 2.575-1.325 5.975-1.325 4.95 0 7.875 2.875 2.925 2.875 2.925 8.375zm30 15.25l-10.6-13.2-6.2 5.7v7.5h-3.55V.266h3.55v25.15l15.7-14.35h4.4l-11.25 10.75 12.3 15.55h-4.35zm10.55.25q-1.1 0-1.875-.8-.775-.8-.775-1.95 0-1.15.775-1.925.775-.775 1.875-.775 1.1 0 1.9.775.8.775.8 1.925 0 1.15-.8 1.95-.8.8-1.9.8zM392.3.266h3.55v37.1h-3.4v-5.2q-1.6 2.65-4.225 4.05-2.625 1.4-5.925 1.4-3.7 0-6.7-1.7-3-1.7-4.7-4.75-1.7-3.05-1.7-6.95 0-3.9 1.7-6.95 1.7-3.05 4.7-4.725 3-1.675 6.7-1.675 3.2 0 5.775 1.325 2.575 1.325 4.225 3.875V.266zm-9.7 34.2q2.75 0 4.975-1.275 2.225-1.275 3.5-3.625 1.275-2.35 1.275-5.35 0-3-1.275-5.35-1.275-2.35-3.5-3.625-2.225-1.275-4.975-1.275-2.8 0-5.025 1.275-2.225 1.275-3.5 3.625-1.275 2.35-1.275 5.35 0 3 1.275 5.35 1.275 2.35 3.5 3.625 2.225 1.275 5.025 1.275zm46.1-10.25l-.05 1.1h-22q.3 4.1 3.15 6.625 2.85 2.525 7.2 2.525 2.45 0 4.5-.875 2.05-.875 3.55-2.575l2 2.3q-1.75 2.1-4.375 3.2-2.625 1.1-5.775 1.1-4.05 0-7.175-1.725-3.125-1.725-4.875-4.775-1.75-3.05-1.75-6.9 0-3.85 1.675-6.9 1.675-3.05 4.6-4.75 2.925-1.7 6.575-1.7 3.65 0 6.55 1.7 2.9 1.7 4.55 4.725 1.65 3.025 1.65 6.925zm-22.05-1.55h18.65q-.35-3.9-2.925-6.325-2.575-2.425-6.425-2.425-3.8 0-6.375 2.425-2.575 2.425-2.925 6.325z"/>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 75.32"><polygon fill="#000" points="0,37.66 37.99,75.32 37.99,51.08 122.88,51.08 122.88,24.24 37.99,24.24 37.99,0 0,37.66"></polygon></svg>
|
|
||||||
|
Before Width: | Height: | Size: 199 B |
@@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#90CAF9" d="M40 45L8 45 8 3 30 3 40 13z"></path><path fill="#E1F5FE" d="M38.5 14L29 14 29 4.5z"></path><path fill="#1565C0" d="M21 23L14 33 28 33z"></path><path fill="#1976D2" d="M28 26.4L23 33 33 33zM31.5 23A1.5 1.5 0 1 0 31.5 26 1.5 1.5 0 1 0 31.5 23z"></path></svg>
|
|
||||||
|
Before Width: | Height: | Size: 340 B |
@@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#90CAF9" d="M40 45L8 45 8 3 30 3 40 13z"></path><path fill="#E1F5FE" d="M38.5 14L29 14 29 4.5z"></path><path fill="#1976D2" d="M16 21H33V23H16zM16 25H29V27H16zM16 29H33V31H16zM16 33H29V35H16z"></path></svg>
|
|
||||||
|
Before Width: | Height: | Size: 278 B |
@@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#90CAF9" d="M40 45L8 45 8 3 30 3 40 13z"></path><path fill="#E1F5FE" d="M38.5 14L29 14 29 4.5z"></path></svg>
|
|
||||||
|
Before Width: | Height: | Size: 181 B |
@@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#FFA000" d="M38,12H22l-4-4H8c-2.2,0-4,1.8-4,4v24c0,2.2,1.8,4,4,4h31c1.7,0,3-1.3,3-3V16C42,13.8,40.2,12,38,12z"></path><path fill="#FFCA28" d="M42.2,18H15.3c-1.9,0-3.6,1.4-3.9,3.3L8,40h31.7c1.9,0,3.6-1.4,3.9-3.3l2.5-14C46.6,20.3,44.7,18,42.2,18z"></path></svg>
|
|
||||||
|
Before Width: | Height: | Size: 331 B |
@@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#FFA000" d="M40,12H22l-4-4H8c-2.2,0-4,1.8-4,4v8h40v-4C44,13.8,42.2,12,40,12z"></path><path fill="#FFCA28" d="M40,12H8c-2.2,0-4,1.8-4,4v20c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V16C44,13.8,42.2,12,40,12z"></path></svg>
|
|
||||||
|
Before Width: | Height: | Size: 285 B |
@@ -1 +0,0 @@
|
|||||||
<!DOCTYPE html><html><head><meta http-equiv="refresh" content="0;url=https://static.eliasfink.de/"></head></html>
|
|
||||||
@@ -1,48 +0,0 @@
|
|||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #000;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
#header {
|
|
||||||
margin-top: 7.5vh;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#logo {
|
|
||||||
width: 350px;
|
|
||||||
max-width: 90vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#indexlist {
|
|
||||||
padding: 10px;
|
|
||||||
font-size: 18px;
|
|
||||||
text-align: left;
|
|
||||||
line-height: 1.5;
|
|
||||||
margin: 2.5vh auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.indexcolicon {
|
|
||||||
width: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.indexcolname {
|
|
||||||
width: 315px;
|
|
||||||
padding-right: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.indexcolsize {
|
|
||||||
width: 75px;
|
|
||||||
}
|
|
||||||
|
|
||||||
address {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
BIN
static/fonts/.DS_Store
vendored
BIN
static/img/.DS_Store
vendored
BIN
static/img/favicon/apple-touch-icon.png
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
static/img/favicon/favicon-96x96.png
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
static/img/favicon/favicon.ico
Normal file
|
After Width: | Height: | Size: 15 KiB |
14
static/img/favicon/favicon.svg
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1000"><svg id="SvgjsSvg1050" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<circle cx="500" cy="500" r="500" fill="#0080FF"></circle>
|
||||||
|
<g fill="#FFFFFF">
|
||||||
|
<rect x="425" y="250" width="50" height="500"></rect>
|
||||||
|
<rect x="525" y="250" width="50" height="500"></rect>
|
||||||
|
<rect x="200" y="250" width="250" height="50"></rect>
|
||||||
|
<rect x="200" y="475" width="250" height="50"></rect>
|
||||||
|
<rect x="200" y="700" width="250" height="50"></rect>
|
||||||
|
<rect x="550" y="250" width="250" height="50"></rect>
|
||||||
|
<rect x="550" y="475" width="250" height="50"></rect>
|
||||||
|
</g>
|
||||||
|
</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
|
||||||
|
@media (prefers-color-scheme: dark) { :root { filter: none; } }
|
||||||
|
</style></svg>
|
||||||
|
After Width: | Height: | Size: 886 B |
19
static/img/favicon/site.webmanifest
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
{
|
||||||
|
"icons": [
|
||||||
|
{
|
||||||
|
"src": "https://static.eliasfink.de/img/favicon/web-app-manifest-192x192.png",
|
||||||
|
"sizes": "192x192",
|
||||||
|
"type": "image/png",
|
||||||
|
"purpose": "maskable"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "https://static.eliasfink.de/img/favicon/web-app-manifest-512x512.png",
|
||||||
|
"sizes": "512x512",
|
||||||
|
"type": "image/png",
|
||||||
|
"purpose": "maskable"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"theme_color": "#ffffff",
|
||||||
|
"background_color": "#ffffff",
|
||||||
|
"display": "standalone"
|
||||||
|
}
|
||||||
BIN
static/img/favicon/web-app-manifest-192x192.png
Normal file
|
After Width: | Height: | Size: 5.0 KiB |
BIN
static/img/favicon/web-app-manifest-512x512.png
Normal file
|
After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 7.4 KiB |
|
Before Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 5.8 KiB |
@@ -1,9 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<browserconfig>
|
|
||||||
<msapplication>
|
|
||||||
<tile>
|
|
||||||
<square150x150logo src="mstile-150x150.png"/>
|
|
||||||
<TileColor>#ffffff</TileColor>
|
|
||||||
</tile>
|
|
||||||
</msapplication>
|
|
||||||
</browserconfig>
|
|
||||||
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 5.3 KiB |
@@ -1,24 +0,0 @@
|
|||||||
<?xml version="1.0" standalone="no"?>
|
|
||||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
|
||||||
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
|
||||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width="1000.000000pt" height="1000.000000pt" viewBox="0 0 1000.000000 1000.000000"
|
|
||||||
preserveAspectRatio="xMidYMid meet">
|
|
||||||
<metadata>
|
|
||||||
Created by potrace 1.11, written by Peter Selinger 2001-2013
|
|
||||||
</metadata>
|
|
||||||
<g transform="translate(0.000000,1000.000000) scale(0.100000,-0.100000)"
|
|
||||||
fill="#000000" stroke="none">
|
|
||||||
<path d="M4620 9990 c-1527 -125 -2874 -903 -3744 -2160 -424 -612 -713 -1343
|
|
||||||
-821 -2073 -45 -305 -50 -386 -49 -772 0 -320 3 -395 22 -554 89 -729 314
|
|
||||||
-1391 680 -2001 782 -1304 2130 -2192 3627 -2389 448 -59 1007 -53 1432 14
|
|
||||||
596 94 1189 300 1698 589 158 90 463 294 598 399 714 558 1265 1292 1590 2117
|
|
||||||
236 599 347 1188 347 1840 0 130 -5 297 -10 371 -82 1059 -477 2028 -1165
|
|
||||||
2854 -129 155 -447 474 -600 601 -775 643 -1657 1025 -2650 1145 -192 23 -765
|
|
||||||
34 -955 19z m180 -4990 l0 -2600 -1450 0 -1450 0 0 250 0 250 1200 0 1200 0 0
|
|
||||||
925 0 925 -1200 0 -1200 0 0 250 0 250 1200 0 1200 0 0 925 0 925 -1200 0
|
|
||||||
-1200 0 0 250 0 250 1450 0 1450 0 0 -2600z m3300 2350 l0 -250 -1200 0 -1200
|
|
||||||
0 0 -925 0 -925 1200 0 1200 0 0 -250 0 -250 -1200 0 -1200 0 0 -1175 0 -1175
|
|
||||||
-250 0 -250 0 0 2600 0 2600 1450 0 1450 0 0 -250z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.3 KiB |
@@ -1,19 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "Elias Fink",
|
|
||||||
"short_name": "Elias Fink",
|
|
||||||
"icons": [
|
|
||||||
{
|
|
||||||
"src": "android-chrome-192x192.png",
|
|
||||||
"sizes": "192x192",
|
|
||||||
"type": "image/png"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"src": "android-chrome-512x512.png",
|
|
||||||
"sizes": "512x512",
|
|
||||||
"type": "image/png"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"theme_color": "#ffffff",
|
|
||||||
"background_color": "#ffffff",
|
|
||||||
"display": "standalone"
|
|
||||||
}
|
|
||||||
|
Before Width: | Height: | Size: 9.5 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 4.8 KiB |
@@ -1,12 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8" ?>
|
|
||||||
<svg id="lettering" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1086.2 142.063">
|
|
||||||
<title>Schriftzug dunkel</title>
|
|
||||||
<defs>
|
|
||||||
<linearGradient id="logo-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
||||||
<stop offset="0%" stop-color="rgb(22,232,255)"/>
|
|
||||||
<stop offset="100%" stop-color="rgb(22,52,255)"/>
|
|
||||||
</linearGradient>
|
|
||||||
</defs>
|
|
||||||
<path fill="#000" d="M10.2 131.833h86.4v9.2H0v-140h93.6v9.2H10.2v55.2h74.6v9H10.2v57.4zm123.6 9.2v-140H144v130.8h80.6v9.2h-90.8zm117 0v-140H261v140h-10.2zm163.6 0l-18-39.4h-81.2l-17.8 39.4h-11l64.4-140H361l64.4 140h-11zm-95.2-48h73.4l-36.8-80.8-36.6 80.8zm117.4 30l4.6-7.6q7.4 7.8 19.9 12.7 12.5 4.9 26.3 4.9 20 0 30.2-7.6 10.2-7.6 10.2-19.8 0-9.4-5.4-15-5.4-5.6-13.4-8.6-8-3-21.6-6.2-15.4-3.8-24.7-7.4-9.3-3.6-15.8-11.1-6.5-7.5-6.5-20.1 0-10.2 5.4-18.7 5.4-8.5 16.5-13.5 11.1-5 27.7-5 11.6 0 22.8 3.4 11.2 3.4 19.4 9.2l-3.8 8.2q-8.4-5.8-18.5-8.8-10.1-3-19.9-3-19.4 0-29.4 7.8-10 7.8-10 20.2 0 9.4 5.4 15 5.4 5.6 13.4 8.6 8 3 21.8 6.4 15.4 3.8 24.6 7.4 9.2 3.6 15.7 10.9 6.5 7.3 6.5 19.7 0 10.2-5.5 18.6-5.5 8.4-16.9 13.4-11.4 5-28 5-15.4 0-29.3-5.3-13.9-5.3-21.7-13.7z"/>
|
|
||||||
<path fill="url(#logo-gradient)" d="M717.6 10.233h-83.4v59.8h74.6v9.2h-74.6v61.8H624v-140h93.6v9.2zm32.6 130.8v-140h10.2v140h-10.2zm162.8-140h10.2v140h-8.4l-95.4-121.6v121.6h-10.2v-140h8.6l95.2 121.6V1.033zm160.8 140l-60.2-69-31.4 32.2v36.8H972v-140h10.2v90l87.4-90h12.4l-61.6 63.6 65.8 76.4h-12.4z"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 9.3 KiB |
|
Before Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 4.7 KiB |
@@ -1,12 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8" ?>
|
|
||||||
<svg id="lettering" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1086.2 142.063">
|
|
||||||
<title>Schriftzug hell</title>
|
|
||||||
<defs>
|
|
||||||
<linearGradient id="logo-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
||||||
<stop offset="0%" stop-color="rgb(22,232,255)"/>
|
|
||||||
<stop offset="100%" stop-color="rgb(22,52,255)"/>
|
|
||||||
</linearGradient>
|
|
||||||
</defs>
|
|
||||||
<path fill="#fff" d="M10.2 131.833h86.4v9.2H0v-140h93.6v9.2H10.2v55.2h74.6v9H10.2v57.4zm123.6 9.2v-140H144v130.8h80.6v9.2h-90.8zm117 0v-140H261v140h-10.2zm163.6 0l-18-39.4h-81.2l-17.8 39.4h-11l64.4-140H361l64.4 140h-11zm-95.2-48h73.4l-36.8-80.8-36.6 80.8zm117.4 30l4.6-7.6q7.4 7.8 19.9 12.7 12.5 4.9 26.3 4.9 20 0 30.2-7.6 10.2-7.6 10.2-19.8 0-9.4-5.4-15-5.4-5.6-13.4-8.6-8-3-21.6-6.2-15.4-3.8-24.7-7.4-9.3-3.6-15.8-11.1-6.5-7.5-6.5-20.1 0-10.2 5.4-18.7 5.4-8.5 16.5-13.5 11.1-5 27.7-5 11.6 0 22.8 3.4 11.2 3.4 19.4 9.2l-3.8 8.2q-8.4-5.8-18.5-8.8-10.1-3-19.9-3-19.4 0-29.4 7.8-10 7.8-10 20.2 0 9.4 5.4 15 5.4 5.6 13.4 8.6 8 3 21.8 6.4 15.4 3.8 24.6 7.4 9.2 3.6 15.7 10.9 6.5 7.3 6.5 19.7 0 10.2-5.5 18.6-5.5 8.4-16.9 13.4-11.4 5-28 5-15.4 0-29.3-5.3-13.9-5.3-21.7-13.7z"/>
|
|
||||||
<path fill="url(#logo-gradient)" d="M717.6 10.233h-83.4v59.8h74.6v9.2h-74.6v61.8H624v-140h93.6v9.2zm32.6 130.8v-140h10.2v140h-10.2zm162.8-140h10.2v140h-8.4l-95.4-121.6v121.6h-10.2v-140h8.6l95.2 121.6V1.033zm160.8 140l-60.2-69-31.4 32.2v36.8H972v-140h10.2v90l87.4-90h12.4l-61.6 63.6 65.8 76.4h-12.4z"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 2.1 KiB |
BIN
static/img/logo/logo-1024px.png
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
static/img/logo/logo-128px.png
Normal file
|
After Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
BIN
static/img/logo/logo-256px.png
Normal file
|
After Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 7.7 KiB |
BIN
static/img/logo/logo-512px.png
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
static/img/logo/logo-64px.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
28
static/img/logo/logo.svg
Normal file → Executable file
@@ -1,20 +1,12 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8" ?>
|
<svg id="ef-logo" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg">
|
||||||
<svg id="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
|
<circle cx="500" cy="500" r="500" fill="#0080FF"/>
|
||||||
<title>Logo</title>
|
<g fill="#FFFFFF">
|
||||||
<defs>
|
<rect x="425" y="250" width="50" height="500"/>
|
||||||
<linearGradient id="logo-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
<rect x="525" y="250" width="50" height="500"/>
|
||||||
<stop offset="0%" stop-color="rgb(22,232,255)"/>
|
<rect x="200" y="250" width="250" height="50" />
|
||||||
<stop offset="100%" stop-color="rgb(22,52,255)"/>
|
<rect x="200" y="475" width="250" height="50" />
|
||||||
</linearGradient>
|
<rect x="200" y="700" width="250" height="50" />
|
||||||
</defs>
|
<rect x="550" y="250" width="250" height="50" />
|
||||||
<circle cx="500" cy="500" r="500" fill="url(#logo-gradient)"/>
|
<rect x="550" y="475" width="250" height="50" />
|
||||||
<g fill="#fff">
|
|
||||||
<rect x="430" y="240" width="50" height="520"/>
|
|
||||||
<rect x="190" y="240" width="265" height="50"/>
|
|
||||||
<rect x="190" y="475" width="265" height="50"/>
|
|
||||||
<rect x="190" y="710" width="265" height="50"/>
|
|
||||||
<rect x="520" y="240" width="50" height="520"/>
|
|
||||||
<rect x="545" y="240" width="265" height="50"/>
|
|
||||||
<rect x="545" y="475" width="265" height="50"/>
|
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 885 B After Width: | Height: | Size: 564 B |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 852 B |
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 4.8 KiB |
@@ -1,14 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8" ?>
|
|
||||||
<svg id="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
|
|
||||||
<title>Logo ohne Farbverlauf</title>
|
|
||||||
<circle cx="500" cy="500" r="500" fill="#168eff"/>
|
|
||||||
<g fill="#fff">
|
|
||||||
<rect x="430" y="240" width="50" height="520"/>
|
|
||||||
<rect x="190" y="240" width="265" height="50"/>
|
|
||||||
<rect x="190" y="475" width="265" height="50"/>
|
|
||||||
<rect x="190" y="710" width="265" height="50"/>
|
|
||||||
<rect x="520" y="240" width="50" height="520"/>
|
|
||||||
<rect x="545" y="240" width="265" height="50"/>
|
|
||||||
<rect x="545" y="475" width="265" height="50"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 638 B |
|
Before Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 125 KiB |
|
Before Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 66 KiB |
@@ -3,15 +3,18 @@
|
|||||||
<link rel="stylesheet" href="https://static.eliasfink.de/fonts/montserrat/montserrat.css">
|
<link rel="stylesheet" href="https://static.eliasfink.de/fonts/montserrat/montserrat.css">
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
body {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background-color: var(--blue-1);
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--blue-darkest);
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
margin: 0;
|
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
font-size: 48px;
|
font-size: 48px;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
@@ -21,7 +24,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
color: var(--blue-3);
|
color: var(--blue-medium);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
@@ -31,7 +34,7 @@
|
|||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<title>Static – eliasfink.de</title>
|
<title>Static – Elias Fink</title>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|||||||
40
tools/discord-webhook.php
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
<?php include "html-head.php"; ?>
|
||||||
|
|
||||||
|
<title>Discord Webhook API</title>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<label for="username">Name:</label><br>
|
||||||
|
<input type="text" id="username" name="username" required>
|
||||||
|
<br><br>
|
||||||
|
<label for="avatar_url">Avatar URL:</label><br>
|
||||||
|
<input type="text" id="avatar_url" name="avatar_url" required>
|
||||||
|
<br><br>
|
||||||
|
<label for="message">Nachricht:</label><br>
|
||||||
|
<textarea id="message" name="message" required></textarea>
|
||||||
|
<br><br>
|
||||||
|
<button onclick="sendMessage()">Nachricht senden</button>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function sendMessage() {
|
||||||
|
var request = new XMLHttpRequest();
|
||||||
|
var username = document.getElementById("username").value;
|
||||||
|
var avatar_url = document.getElementById("avatar_url").value;
|
||||||
|
var message = document.getElementById("message").value;
|
||||||
|
request.open("POST", "https://discord.com/api/webhooks/810505594678280203/mnxaBTlCwZJstK_mXevDJ21PbdJdu0a0VtqEv2cyCEMNdO0zXzLnqW8Dk2yRmzl7V67w");
|
||||||
|
request.setRequestHeader('Content-type', 'application/json');
|
||||||
|
var paramaters = {
|
||||||
|
username: username,
|
||||||
|
avatar_url: avatar_url,
|
||||||
|
content: message
|
||||||
|
}
|
||||||
|
request.send(JSON.stringify(paramaters));
|
||||||
|
alert("Nachricht gesendet");
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
29
tools/discord-widget.php
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
<?php include "../html-head.php"; ?>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
|
||||||
|
}
|
||||||
|
iframe {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<title>Discord Widget – Tools – Elias Fink</title>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<iframe src="https://discord.com/widget?id=788054095800827944&theme=dark" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
44
tools/index.php
Normal file
@@ -0,0 +1,44 @@
|
|||||||
|
<?php include "../html-head.php"; ?>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://static.eliasfink.de/fonts/montserrat/montserrat.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
background-color: var(--blue-darkest);
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
margin: 0;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 48px;
|
||||||
|
font-weight: 300;
|
||||||
|
position: absolute;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
font-family: "Montserrat", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: var(--blue-medium);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
h1 {
|
||||||
|
font-size: 32px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<title>Tools – eliasfink.de</title>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<h1><span>tools</span>.eliasfink.de</h1>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
116
tools/mail.php
Normal file
@@ -0,0 +1,116 @@
|
|||||||
|
<?php include "html-head.php"; ?>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.5;
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container {
|
||||||
|
padding: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spacer-10 {
|
||||||
|
height: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<title>PHP Mail GUI – Elias Fink</title>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
|
||||||
|
if ( $_POST ) {
|
||||||
|
|
||||||
|
$from_name = filter_var ( $_POST['from_name'], FILTER_SANITIZE_STRING );
|
||||||
|
$from_email = filter_var ( $_POST['from_email'], FILTER_SANITIZE_STRING );
|
||||||
|
|
||||||
|
$to = filter_var ( $_POST['to'], FILTER_SANITIZE_STRING );
|
||||||
|
|
||||||
|
$subject = filter_var ( $_POST['subject'], FILTER_SANITIZE_STRING );
|
||||||
|
|
||||||
|
$message = '<div>' . nl2br ( htmlspecialchars ( $_POST['message'] ) ) . '</div>';
|
||||||
|
|
||||||
|
$cc = filter_var ( $_POST['cc'], FILTER_SANITIZE_STRING );
|
||||||
|
$bcc = filter_var ( $_POST['bcc'], FILTER_SANITIZE_STRING );
|
||||||
|
$reply_to = filter_var ( $_POST['reply_to'], FILTER_SANITIZE_STRING );
|
||||||
|
|
||||||
|
$headers = 'MIME-Version: 1.0' . "\r\n"
|
||||||
|
.'Content-type: text/html; charset=utf-8' . "\r\n"
|
||||||
|
.'From: ' . $from_name . ' <' . $from_email . '>' . "\r\n"
|
||||||
|
.'Cc: ' . $cc . "\r\n"
|
||||||
|
.'Bcc: ' . $bcc . "\r\n"
|
||||||
|
.'Reply-To: ' . $reply_to . "\r\n";
|
||||||
|
|
||||||
|
if ( mail ( $to, $subject, $message, $headers ) ) {
|
||||||
|
|
||||||
|
echo '<h1 style="color:#0c0;">Nachricht erfolgreich gesendet</h1>';
|
||||||
|
echo '<p><b>Von:</b> ' . $from_name . ' <' . $from_email . '></p>';
|
||||||
|
echo '<p><b>An:</b> ' . $to . '</p>';
|
||||||
|
echo '<p><b>Betreff:</b> ' . $subject . '</p>';
|
||||||
|
echo '<p><b>Nachricht:</b></p>' . $message;
|
||||||
|
echo '<p><b>Cc:</b> ' . $cc . '</p>';
|
||||||
|
echo '<p><b>Bcc:</b> ' . $bcc . '</p>';
|
||||||
|
echo '<p><b>Antwort an:</b> ' . $reply_to . '</p>';
|
||||||
|
|
||||||
|
} else {
|
||||||
|
|
||||||
|
echo '<h1 style="color:red;">Senden der Nachricht fehlgeschlagen</h1>';
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
||||||
|
<div id="container">
|
||||||
|
|
||||||
|
<form action="mail.php" method="post">
|
||||||
|
|
||||||
|
<div id="form-left">
|
||||||
|
|
||||||
|
<label for="from_name">Von:</label>
|
||||||
|
<input type="text" id="from_name" name="from_name" placeholder="Name" required>
|
||||||
|
<input type="text" id="from_email" name="from_email" placeholder="E-Mail" required>
|
||||||
|
<div class="spacer-10"></div>
|
||||||
|
<label for="to">An:</label>
|
||||||
|
<input type="text" id="to" name="to" required>
|
||||||
|
<div class="spacer-10"></div>
|
||||||
|
<label for="subject">Betreff:</label><div class="spacer-10"></div>
|
||||||
|
<input type="text" id="subject" name="subject" required>
|
||||||
|
<div class="spacer-10"></div>
|
||||||
|
<label for="message">Nachricht:</label><div class="spacer-10"></div>
|
||||||
|
<textarea id="message" name="message" required></textarea>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="form-right">
|
||||||
|
|
||||||
|
<label for="cc">Cc:</label>
|
||||||
|
<input type="text" id="cc" name="cc">
|
||||||
|
<div class="spacer-10"></div>
|
||||||
|
<label for="bcc">Bcc:</label>
|
||||||
|
<input type="text" id="bcc" name="bcc">
|
||||||
|
<div class="spacer-10"></div>
|
||||||
|
<label for="reply_to">Antwort an:</label>
|
||||||
|
<input type="text" id="reply_to" name="reply_to">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<input type="submit" value="E-Mail senden">
|
||||||
|
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
47
tools/tools.css
Normal file
@@ -0,0 +1,47 @@
|
|||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
color: #fff;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
font-family: "Montserrat";
|
||||||
|
background-color: #001A33;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container {
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
position: absolute;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
#title {
|
||||||
|
margin-top: 0;
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: 300;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#title span {
|
||||||
|
color: #168eff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 18px;
|
||||||
|
background: none;
|
||||||
|
transition: 0.25s;
|
||||||
|
padding: 15px 30px;
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 2px solid #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button:hover {
|
||||||
|
color: #001A33;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button a {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||