changed imprint and impressum

This commit is contained in:
Ludwig Lehnert 2025-04-16 15:33:57 +02:00
parent 4b2e543f07
commit cfd4637f4a
5 changed files with 176 additions and 139 deletions

View File

@ -1,82 +1,98 @@
<?php
require_once __DIR__ . '/../lib/_index.php';
?><!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="/favicon.svg" type="image/x-icon">
<title>Privacy Policy</title>
<title>Imprint</title>
<style>
<?= default_styles() ?>
<?= common_styles() ?>
main {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 80vh;
color: white;
font-family: "Inter", sans-serif;
text-align: center;
body {
margin: 0;
padding: 2rem;
}
h1 {
font-size: 2.5rem;
background: linear-gradient(90deg, #00ffff, #ff00ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 1rem;
animation: glitch 2s infinite;
}
.legal-section {
text-align: left;
max-width: 700px;
margin: 2rem auto;
padding: 1rem 2rem;
background: rgba(255, 255, 255, 0.05);
border-left: 4px solid #00ffff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.legal-section p {
background-color: #000000;
color: white;
font-family: 'Courier New', Courier, monospace;
font-size: 1rem;
margin-bottom: 1rem;
color: #ccc;
line-height: 1.6;
zoom: 0.9;
}
.prompt::before {
content: "ludwig@laptop:~$ ";
color: #00ff88;
}
a {
color: #00ffff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.comment {
color: #666;
font-style: italic;
margin-bottom: 0;
}
.comment+* {
margin-top: 0;
}
.cursor {
display: inline-block;
color: white;
background-color: white;
animation: blink 1s steps(1) infinite;
margin-left: 6px;
user-select: none;
}
@keyframes blink {
50% {
color: transparent;
background-color: transparent;
}
}
</style>
</head>
<body>
<main>
<h1>Impressum<br />Imprint</h1>
<div class="legal-section">
<p><b>Angaben gemäß § 5 TMG:</b></p>
<p>
Ludwig Lehnert <br />
Zedernstr. 41 <br />
90441 Nürnberg <br />
Deutschland
</p>
<p>
<b>Kontakt:</b> <br />
<!-- Telefon: [Ihre Telefonnummer] <br /> -->
E-Mail: info@lehnert.dev
</p>
</div>
</main>
<div class="prompt">cat impressum.txt</div>
<p class="comment"># Angaben gemäß §5 TMG</p>
<p>Ludwig Lehnert<br>Zedernstr. 41<br>90441 Nürnberg</p>
<p class="comment"># Kontaktdaten</p>
<p>E-Mail: <a href="mailto:info@lehnert.dev">info@lehnert.dev</a></p>
<p class="comment"># Verantwortlich für die Inhalte (§ 55 Abs. 2 RStV)</p>
<p>Ludwig Lehnert<br>Gleiche Adresse wie oben</p>
<p class="comment"># Haftungsausschluss</p>
<p>Dies ist eine persönliche Webseite ohne kommerzielle Absichten.</p>
<div class="prompt">cat imprint.txt</div>
<p class="comment"># Legal info required by § 5 TMG</p>
<p>Ludwig Lehnert<br>Zedernstr. 41<br>90441 Nuremberg<br>Germany</p>
<p class="comment"># Contact details</p>
<p>Email: <a href="mailto:info@lehnert.dev">info@lehnert.dev</a></p>
<p class="comment"># Content responsibility (§ 55 Abs. 2 RStV)</p>
<p>Ludwig Lehnert<br>Same address as above</p>
<p class="comment"># Disclaimer</p>
<p>This is a personal website with no commercial intent.</p>
<div class="prompt"><a href="/">exit</a><span class="cursor">I</span></div>
</body>
</html>

View File

@ -38,7 +38,6 @@ usort($blogs, function ($a, $b) {
main {
color: white;
font-family: "Inter", sans-serif;
pointer-events: none;
}
@ -121,11 +120,12 @@ usort($blogs, function ($a, $b) {
.blog-entry {
width: min(90vw, 600px);
background: #303050;
background: rgba(32, 32, 54, 0.49);
border-left: 4px solid #00ffff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
padding: 1rem;
backdrop-filter: blur(3px);
}
.blog-entry * {

View File

@ -2,6 +2,7 @@ html,
body {
/* min-width: 100vw; */
min-height: max(100%, 100vh);
font-family: 'Noto Sans', 'Inter', sans-serif;
}
* {

View File

@ -22,7 +22,7 @@
#stars-container>* {
animation: fadeIn 1s forwards;
transition-duration: 500ms;
/* transition-duration: 500ms; */
}

View File

@ -1,107 +1,127 @@
<?php
require_once __DIR__ . '/../lib/_index.php';
?><!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/favicon.svg" type="image/x-icon">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Privacy Policy</title>
<style>
<?= default_styles() ?>
<?= common_styles() ?>
main {
body {
margin: 0;
padding: 3rem 1.5rem;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #10111a, #000010);
color: #e0e0e0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 80vh;
color: white;
font-family: "Inter", sans-serif;
text-align: center;
padding: 2rem;
gap: 2rem;
}
.glass-box {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1rem;
padding: 2rem 2.5rem;
max-width: 720px;
width: 100%;
backdrop-filter: blur(12px);
box-shadow: 0 0 30px rgba(0, 255, 255, 0.05);
}
h1 {
font-size: 2.5rem;
background: linear-gradient(90deg, #00ffff, #ff00ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #00ffe0;
font-size: 1.6rem;
margin-bottom: 1rem;
animation: glitch 2s infinite;
}
.legal-section {
text-align: left;
max-width: 700px;
margin: 2rem auto;
padding: 1rem 2rem;
background: rgba(255, 255, 255, 0.05);
border-left: 4px solid #00ffff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
h2 {
color: #ff79c6;
font-size: 1.2rem;
margin-top: 2rem;
}
.legal-section p {
font-size: 1rem;
margin-bottom: 1rem;
color: #ccc;
line-height: 1.6;
p {
line-height: 1.7;
margin: 0.8rem 0;
}
a {
color: white;
color: #00ffff;
text-decoration: none;
}
a:hover {
opacity: 0.8;
text-decoration: underline;
}
.footer-note {
font-size: 0.85rem;
color: #999;
text-align: right;
margin-top: 2rem;
}
</style>
</head>
<body>
<main>
<h1>Datenschutzerklärung<br />Privacy Policy</h1>
<div class="legal-section">
<p><strong>Deutsch:</strong></p>
<p>
Wir nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Beim
Besuch dieser Website werden automatisch Server-Logfiles erfasst
(z.B. IP-Adresse, Uhrzeit des Zugriffs), die zur Gewährleistung des
Betriebs und zur Sicherheit der Website notwendig sind. Diese Daten
werden für maximal 90 Tage gespeichert und danach automatisch
gelöscht.
</p>
<p>
Diese Website wird über die Hetzner Cloud gehostet. Es gelten
zusätzlich die Datenschutzbestimmungen der Hetzner Online GmbH: <a
href="https://www.hetzner.com/de/legal/privacy-policy/" target="_blank">Hetzner
Datenschutzerklärung</a>.
</p>
<p><strong>English:</strong></p>
<p>
We take the protection of your personal data very seriously. When
visiting this website, server log files (e.g. IP address, access
time) are automatically collected for the purpose of operation and
security. These logs are stored for a maximum of 90 days and then
automatically deleted.
</p>
<p>
This website is hosted via Hetzner Cloud. The privacy policy of
Hetzner Online GmbH also applies: <a href="https://www.hetzner.com/legal/privacy-policy"
target="_blank">Hetzner Privacy Policy</a>.
</p>
<div class="glass-box">
<h1>Datenschutzerklärung</h1>
<h2>Verantwortliche Stelle</h2>
<p>Ludwig Lehnert<br>Zedernstr. 41<br>90441 Nürnberg<br><br>E-Mail: <a
href="mailto:privacy@lehnert.dev">privacy@lehnert.dev</a></p>
<h2>Erhobene Daten</h2>
<p>Diese Website erhebt keine personenbezogenen Daten über Formulare oder Tracking-Dienste. Es werden keine
Cookies verwendet und keine Drittanbieter-Analyse-Tools eingebunden.</p>
<h2>Server-Hosting</h2>
<p>Die Website wird auf einem Server der Hetzner Online GmbH (Industriestr. 25, 91710 Gunzenhausen, Deutschland)
gehostet. Es besteht ein Auftragsverarbeitungsvertrag gemäß Art. 28 DSGVO.</p>
<h2>Zugriffsprotokolle</h2>
<p>Beim Zugriff auf die Website speichert der Webserver automatisch technische Protokolle (sogenannte Logfiles),
die Ihre IP-Adresse und den Zeitpunkt des Zugriffs enthalten. Diese Daten werden ausschließlich zur
Fehlererkennung, Sicherheit und statistischen Zwecken verwendet und nach spätestens 90 Tagen automatisch
gelöscht.</p>
<h2>Ihre Rechte</h2>
<p>Sie haben das Recht auf Auskunft, Berichtigung, Löschung und Einschränkung der Verarbeitung Ihrer
personenbezogenen Daten sowie ein Widerspruchsrecht gegen die Verarbeitung. Kontaktieren Sie mich gerne per
E-Mail.</p>
<div class="footer-note">Stand: 16. April 2025</div>
</div>
</main>
<div class="glass-box">
<h1>Privacy Policy</h1>
<h2>Controller</h2>
<p>Ludwig Lehnert<br>Zedernstr. 41<br>90441 Nuremberg<br>Germany<br><br>Email: <a
href="mailto:privacy@lehnert.dev">privacy@lehnert.dev</a></p>
<h2>Data Collected</h2>
<p>This website does not collect personal data via forms, cookies, or third-party tracking tools. No analytics
services are used.</p>
<h2>Server Hosting</h2>
<p>The site is hosted on infrastructure provided by Hetzner Online GmbH (Industriestr. 25, 91710 Gunzenhausen,
Germany). A data processing agreement in accordance with Art. 28 GDPR is in place.</p>
<h2>Access Logs</h2>
<p>When visiting the site, the server automatically stores access logs containing your IP address and timestamp.
These logs are only used for debugging, security, and statistical purposes, and are automatically deleted
after a maximum of 90 days.</p>
<h2>Your Rights</h2>
<p>You have the right to request information about your data, have it corrected or deleted, or restrict its
processing. You may also object to certain uses. Feel free to reach out via email.</p>
<div class="footer-note">Last updated: April 16, 2025</div>
</div>
</body>