feat: add Datenschutzerklärung and Konto löschen pages
- Created datenschutz.vue for the privacy policy with sections on data protection, responsible entity, data processing, rights, and contact information. - Created konto-loeschen.vue for account deletion requests, detailing the process, affected data, and processing time. - Added anonymize-playstore-screenshot.sh script for image anonymization using ImageMagick. - Introduced playstore-assets.mjs for generating Play Store assets, including icons and feature graphics, using sharp. - Added playstore-assets.sh script to execute the asset generation script.
This commit is contained in:
110
pages/datenschutz.vue
Normal file
110
pages/datenschutz.vue
Normal file
@@ -0,0 +1,110 @@
|
||||
<template>
|
||||
<div class="min-h-full py-16 px-4 sm:px-6 lg:px-8 bg-gray-50">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h1 class="text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-6">
|
||||
Datenschutzerklärung
|
||||
</h1>
|
||||
<div class="w-24 h-1 bg-primary-600 mb-8" />
|
||||
|
||||
<div class="bg-white p-8 rounded-xl shadow-lg space-y-6 text-gray-700">
|
||||
<section>
|
||||
<h2 class="text-xl font-display font-bold text-gray-900 mb-2">
|
||||
1. Datenschutz auf einen Blick
|
||||
</h2>
|
||||
<p>
|
||||
Der Schutz Ihrer personenbezogenen Daten hat für den Harheimer TC 1954 e.V. einen hohen Stellenwert.
|
||||
Wir verarbeiten personenbezogene Daten vertraulich und entsprechend den gesetzlichen Datenschutzvorschriften.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-xl font-display font-bold text-gray-900 mb-2">
|
||||
2. Verantwortliche Stelle
|
||||
</h2>
|
||||
<p>
|
||||
Harheimer TC 1954 e.V.<br>
|
||||
Kontakt über die Angaben im
|
||||
<NuxtLink
|
||||
to="/impressum"
|
||||
class="text-primary-600 hover:underline"
|
||||
>
|
||||
Impressum
|
||||
</NuxtLink>
|
||||
.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-xl font-display font-bold text-gray-900 mb-2">
|
||||
3. Verarbeitung personenbezogener Daten
|
||||
</h2>
|
||||
<p class="mb-3">
|
||||
Wir verarbeiten personenbezogene Daten insbesondere in folgenden Fällen:
|
||||
</p>
|
||||
<ul class="list-disc pl-6 space-y-1">
|
||||
<li>Kontaktanfragen über Formulare oder E-Mail</li>
|
||||
<li>Mitgliedschaftsanträge</li>
|
||||
<li>Nutzung des Mitgliederbereichs (Login, Profilfunktionen)</li>
|
||||
<li>Newsletter-Anmeldung und -Abmeldung</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-xl font-display font-bold text-gray-900 mb-2">
|
||||
4. Technische und organisatorische Maßnahmen
|
||||
</h2>
|
||||
<p>
|
||||
Für besonders schützenswerte Daten setzen wir technische Schutzmaßnahmen ein,
|
||||
darunter Verschlüsselung, rollenbasierte Zugriffssteuerung und abgesicherte
|
||||
Authentifizierungsverfahren.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-xl font-display font-bold text-gray-900 mb-2">
|
||||
5. Ihre Rechte
|
||||
</h2>
|
||||
<p class="mb-3">
|
||||
Sie haben im Rahmen der gesetzlichen Vorgaben insbesondere folgende Rechte:
|
||||
</p>
|
||||
<ul class="list-disc pl-6 space-y-1">
|
||||
<li>Auskunft über gespeicherte Daten</li>
|
||||
<li>Berichtigung unrichtiger Daten</li>
|
||||
<li>Löschung oder Einschränkung der Verarbeitung</li>
|
||||
<li>Widerspruch gegen die Verarbeitung</li>
|
||||
<li>Datenübertragbarkeit</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-xl font-display font-bold text-gray-900 mb-2">
|
||||
6. Kontakt zum Datenschutz
|
||||
</h2>
|
||||
<p>
|
||||
Bei Fragen zum Datenschutz nutzen Sie bitte die Kontaktangaben im
|
||||
<NuxtLink
|
||||
to="/impressum"
|
||||
class="text-primary-600 hover:underline"
|
||||
>
|
||||
Impressum
|
||||
</NuxtLink>
|
||||
oder unser
|
||||
<NuxtLink
|
||||
to="/kontakt"
|
||||
class="text-primary-600 hover:underline"
|
||||
>
|
||||
Kontaktformular
|
||||
</NuxtLink>
|
||||
.
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
useHead({
|
||||
title: 'Datenschutzerklärung - Harheimer TC',
|
||||
})
|
||||
</script>
|
||||
Reference in New Issue
Block a user