From 015db530f264cb8426564d03b366a215bad0aea6 Mon Sep 17 00:00:00 2001 From: Tobias Leuschner Date: Sun, 22 Feb 2026 11:26:04 +0100 Subject: [PATCH] =?UTF-8?q?F=C3=BCge=20Impressum=20und=20Datenschutzerkl?= =?UTF-8?q?=C3=A4rung=20hinzu=20sowie=20Anpassungen=20im=20CSS=20f=C3=BCr?= =?UTF-8?q?=20das=20Layout?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/style.css | 25 +++++++++- datenschutz.html | 122 +++++++++++++++++++++++++++++++++++++++++++++++ impressum.html | 72 ++++++++++++++++++++++++++++ index.html | 6 +++ 4 files changed, 224 insertions(+), 1 deletion(-) create mode 100644 datenschutz.html create mode 100644 impressum.html diff --git a/css/style.css b/css/style.css index 2f407b9..d388a25 100644 --- a/css/style.css +++ b/css/style.css @@ -1,5 +1,5 @@ /* ── Reset & base ── */ -html,body,#stage { height:100%; margin:0; padding:0; } +html,body { height:100%; margin:0; padding:0; } html,body { -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; } body { @@ -7,6 +7,8 @@ body { background: #0c0c14; color: #fff; overflow: hidden; + display: flex; + flex-direction: column; } /* Subtle ambient background */ @@ -23,6 +25,8 @@ body::before { /* ── Stage ── */ #stage { + flex: 1; + min-height: 0; position: relative; overflow: hidden; touch-action: none; @@ -31,6 +35,25 @@ body::before { z-index: 1; } +/* ── Legal footer ── */ +#legal-bar { + flex-shrink: 0; + text-align: center; + padding: 7px 16px; + background: rgba(255,255,255,0.02); + border-top: 1px solid rgba(255,255,255,0.06); + z-index: 100; +} +#legal-bar a { + color: rgba(255,255,255,0.3); + font-size: 11px; + text-decoration: none; + margin: 0 6px; + transition: color 150ms ease; +} +#legal-bar a:hover { color: rgba(255,255,255,0.65); } +#legal-bar span { color: rgba(255,255,255,0.15); font-size: 11px; } + /* ── Overlay card ── */ #overlay { position: absolute; diff --git a/datenschutz.html b/datenschutz.html new file mode 100644 index 0000000..f8326ab --- /dev/null +++ b/datenschutz.html @@ -0,0 +1,122 @@ + + + + + + Datenschutzerklärung – Finger Chooser + + + + +
+ ← Zurück zur App + +

Datenschutzerklärung

+

Gemäß DSGVO / Art. 13 DSGVO — Stand: Februar 2026

+ +
+
Keine Cookies · Kein Tracking
+

Überblick

+

+ Diese Website erhebt und verarbeitet keine personenbezogenen Daten über die Nutzung der Anwendung. + Es werden keine Cookies gesetzt, keine Tracking-Tools verwendet und keine Daten an Dritte weitergegeben. + Die App läuft vollständig im Browser — alle Berechnungen finden lokal auf deinem Gerät statt. +

+
+ +
+

Verantwortlicher

+

+ [Vorname Nachname]
+ [Straße Hausnummer, PLZ Ort]
+ E-Mail: [E-Mail-Adresse] +

+
+ +
+

Server-Logfiles

+

+ Beim Abrufen dieser Website speichert der Webserver automatisch Zugriffsdaten in sogenannten Server-Logfiles. + Dies umfasst: +

+
    +
  • IP-Adresse des anfragenden Geräts
    • +
  • Datum und Uhrzeit des Zugriffs
    • +
  • Aufgerufene URL
    • +
  • Verwendeter Browser und Betriebssystem
    • +
  • HTTP-Statuscode und übertragene Datenmenge
    • +
+

+ Diese Daten werden vom Hosting-Anbieter [Name des Hosters, z. B. GitHub Pages / Netlify / Hetzner] + erhoben und dienen der technischen Bereitstellung der Website sowie der Abwehr von Missbrauch. + Rechtsgrundlage ist Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse). + Die Logfiles werden nach spätestens [z. B. 7 / 30] Tagen gelöscht. +

+

+ Zur Datenschutzerklärung des Hosters: [Link zur Datenschutzerklärung des Hosters] +

+
+ +
+

Keine Cookies

+

+ Diese Website verwendet keinerlei Cookies — weder technisch notwendige noch analytische oder Marketing-Cookies. + Es wird kein Cookie-Banner benötigt. +

+
+ +
+

Keine externen Dienste

+

+ Es werden keine externen Dienste, Schriften, Skripte oder Ressourcen von Drittanbietern eingebunden + (kein Google Analytics, keine Google Fonts, kein Facebook Pixel o. Ä.). + Alle Ressourcen werden direkt vom eigenen Server ausgeliefert. +

+
+ +
+

Deine Rechte (Art. 15–22 DSGVO)

+

Du hast das Recht auf:

+
    +
  • Auskunft über gespeicherte Daten (Art. 15)
    • +
  • Berichtigung unrichtiger Daten (Art. 16)
    • +
  • Löschung deiner Daten (Art. 17)
    • +
  • Einschränkung der Verarbeitung (Art. 18)
    • +
  • Widerspruch gegen die Verarbeitung (Art. 21)
    • +
  • Beschwerde bei einer Aufsichtsbehörde (Art. 77)
    • +
+

+ Für Anfragen wende dich per E-Mail an: + [E-Mail-Adresse] +

+
+ +
+

Aufsichtsbehörde

+

+ Du hast das Recht, dich bei der für dich zuständigen Datenschutz-Aufsichtsbehörde zu beschweren. + In Deutschland findest du die zuständige Behörde unter + www.bfdi.bund.de. +

+
+
+ + diff --git a/impressum.html b/impressum.html new file mode 100644 index 0000000..5d44bff --- /dev/null +++ b/impressum.html @@ -0,0 +1,72 @@ + + + + + + Impressum – Finger Chooser + + + + +
+ ← Zurück zur App + +

Impressum

+

Angaben gemäß § 5 TMG

+ +
+ Hinweis: Bitte ersetze alle rot markierten Platzhalter mit deinen echten Angaben, bevor du die Seite veröffentlichst. +
+ +
+

Verantwortlich

+
+ [Vorname Nachname]
+ [Straße Hausnummer]
+ [PLZ Ort]
+ [Land] +
+
+ +
+

Kontakt

+

+ E-Mail: [E-Mail-Adresse]
+ Telefon: [+49 xxx xxxxxxx] (optional) +

+
+ +
+

Inhaltlich Verantwortlicher

+

+ Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV:
+ [Vorname Nachname, Adresse wie oben] +

+
+ +
+

Haftungsausschluss

+

+ Die Inhalte dieser Website wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte kann keine Gewähr übernommen werden. +

+
+
+ + diff --git a/index.html b/index.html index f237bea..9244d72 100644 --- a/index.html +++ b/index.html @@ -53,6 +53,12 @@ + +