107 lines
5.8 KiB
HTML
107 lines
5.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<link rel="icon" type="image/png" href="favicon.png">
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Schnappix - Datenschutzerklärung</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@500;700;800&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Header Navigation -->
|
|
<header class="main-header">
|
|
<div class="container nav-container">
|
|
<div class="logo">
|
|
<a href="index.html" style="text-decoration: none;"><span class="logo-glow">Schnappix</span></a>
|
|
</div>
|
|
<nav class="nav-links">
|
|
<a href="features.html">Features</a>
|
|
<a href="upload.html">Upload</a>
|
|
<a href="faq.html">FAQ</a>
|
|
<a href="feedback.html">Feedback Hub</a>
|
|
<a href="#" id="admin-login-trigger"><i class="fa-solid fa-user-gear"></i> Admin</a>
|
|
</nav>
|
|
<button class="menu-toggle" aria-label="Menu öffnen">
|
|
<i class="fa-solid fa-bars"></i>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Content Section -->
|
|
<section style="padding: 160px 0 100px;">
|
|
<div class="container" style="max-width: 800px;">
|
|
<div class="glass" style="padding: 40px; border-radius: 20px;">
|
|
<h1 class="text-gradient" style="font-family: var(--font-titles); font-size: 36px; margin-bottom: 24px; border-bottom: 1px solid var(--border-color); padding-bottom: 12px;">Datenschutzerklärung</h1>
|
|
|
|
<div class="modal-scroll-area" style="overflow-y: visible; max-height: none;">
|
|
<h3>1. Datenschutz auf einen Blick</h3>
|
|
<h4>Allgemeine Hinweise</h4>
|
|
<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.</p>
|
|
|
|
<h3>2. Datenerfassung auf unserer Website</h3>
|
|
<h4>Cookies & Local Storage</h4>
|
|
<p>Diese Webseite nutzt den lokalen Speicher (Local Storage) Ihres Browsers, um die von Ihnen geschriebenen Feedbacks sowie Ihre Stimmen (Upvotes) zu speichern. Dies geschieht ausschließlich auf Ihrem Endgerät und wird nicht an externe Server übertragen, es sei denn, Sie senden explizit ein Feedback ab.</p>
|
|
|
|
<h4>Server-Logfiles</h4>
|
|
<p>Der Provider der Seiten erhebt und speichert automatisch Informationen in sogenannten Server-Logfiles, die Ihr Browser automatisch an uns übermittelt. Dies sind Browsertyp, Betriebssystem, Referrer URL, Hostname des zugreifenden Rechners und Uhrzeit der Serveranfrage. Diese Daten sind nicht bestimmten Personen zuzuordnen.</p>
|
|
|
|
<h3>3. Feedback Hub</h3>
|
|
<p>Wenn Sie den Feedback Hub nutzen, werden Ihre Eingaben (Name, Titel, Text, Kategorie) gespeichert, um die Funktionalität der Feedback-Plattform bereitzustellen. Bitte geben Sie keine sensiblen personenbezogenen Daten im Freitextfeld an.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="main-footer">
|
|
<div class="container footer-container">
|
|
<p>© 2026 Schnappix. Alle Rechte vorbehalten.</p>
|
|
<div class="footer-links">
|
|
<a href="impressum.html">Impressum</a>
|
|
<a href="datenschutz.html">Datenschutzerklärung</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Admin Modals -->
|
|
<div id="admin-login-modal" class="modal-overlay">
|
|
<div class="modal-content glass">
|
|
<button class="modal-close" aria-label="Schließen">×</button>
|
|
<h2>Admin Login</h2>
|
|
<form id="admin-login-form">
|
|
<div class="form-group">
|
|
<label for="admin-password">Admin Passwort</label>
|
|
<input type="password" id="admin-password" placeholder="Passwort eingeben" required>
|
|
</div>
|
|
<div id="admin-login-error" style="color: #ff4466; font-size: 14px; margin-bottom: 15px; display: none;">Falsches Passwort!</div>
|
|
<button type="submit" class="btn btn-primary btn-block">Anmelden</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="admin-panel-modal" class="modal-overlay">
|
|
<div class="modal-content glass">
|
|
<button class="modal-close" aria-label="Schließen">×</button>
|
|
<h2>Admin Panel</h2>
|
|
<div class="modal-scroll-area">
|
|
<p>Sie sind als Administrator angemeldet. Sie können nun Einträge im Feedback Hub löschen.</p>
|
|
<div style="margin-top: 20px; display: flex; gap: 15px;">
|
|
<button id="admin-logout-btn" class="btn btn-secondary">Abmelden</button>
|
|
<button id="admin-export-btn" class="btn btn-primary">Einträge-Code exportieren</button>
|
|
</div>
|
|
<div id="export-container" style="display: none; margin-top: 20px;">
|
|
<textarea id="export-textarea" rows="6" readonly style="width: 100%; font-family: monospace; font-size: 12px; background: rgba(5,5,16,0.8); border: 1px solid var(--border-color); color: var(--accent-color); padding: 10px; border-radius: 8px;"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|