android version

client/src/views/PrivacyView.vue

@@ -0,0 +1,141 @@
+<template>
+  <div class="chat-container">
+    <header class="header">
+      <router-link to="/" class="app-brand app-brand-link">
+        <span class="app-brand-mark">S</span>
+        <div class="app-brand-copy">
+          <span class="app-brand-eyebrow">SingleChat</span>
+          <h1>Datenschutz</h1>
+        </div>
+      </router-link>
+      <HeaderAdBanner />
+    </header>
+
+    <main class="content-page">
+      <h2>Datenschutzerklärung für Website und App</h2>
+      <p>
+        Diese Datenschutzerklärung gilt für die Website und die Android-App von SingleChat beziehungsweise YPChat unter
+        der Domain <strong>www.ypchat.net</strong>.
+      </p>
+
+      <h3>1. Verantwortlicher</h3>
+      <p>
+        Torsten Schulz<br>
+        Friedrich-Stampfer-Str. 21<br>
+        60437 Frankfurt<br>
+        E-Mail: <a href="mailto:tsschulz@tsschulz.de">tsschulz@tsschulz.de</a>
+      </p>
+
+      <h3>2. Welche Daten verarbeitet werden</h3>
+      <p>Im Rahmen der Nutzung können insbesondere folgende Daten verarbeitet werden:</p>
+      <ul>
+        <li>frei gewählter Nickname</li>
+        <li>Alter, Geschlecht und Land</li>
+        <li>Chat-Nachrichten</li>
+        <li>hochgeladene Bilder</li>
+        <li>Feedback-Nachrichten</li>
+        <li>technische Sitzungs- und Verbindungsdaten</li>
+      </ul>
+
+      <h3>3. Zweck der Verarbeitung</h3>
+      <p>Die Verarbeitung erfolgt, um die Chat-Funktionen bereitzustellen und sicher zu betreiben, insbesondere für:</p>
+      <ul>
+        <li>Login und Wiedererkennung einer Sitzung</li>
+        <li>Darstellung von Profilangaben im Chat</li>
+        <li>Versand und Empfang von Nachrichten</li>
+        <li>Versand und Abruf von Bildern</li>
+        <li>Suche, Verlauf, Posteingang und Blockierfunktionen</li>
+        <li>Bearbeitung von Feedback und Missbrauchshinweisen</li>
+      </ul>
+
+      <h3>4. Chat-Nachrichten und Profilangaben</h3>
+      <p>
+        Wenn du den Dienst nutzt, werden von dir eingegebene Profilangaben wie Nickname, Alter, Geschlecht und Land für
+        die Chat-Funktion verwendet. Chat-Nachrichten werden technisch verarbeitet, damit Unterhaltungen in Echtzeit
+        zugestellt werden können.
+      </p>
+
+      <h3>5. Bilder</h3>
+      <p>
+        Bilder werden nur verarbeitet, wenn du sie aktiv auswählst und hochlädst. Nach aktuellem Systemstand werden
+        hochgeladene Bilder serverseitig temporär gespeichert und nach Ablauf einer begrenzten Zeit wieder entfernt.
+      </p>
+
+      <h3>6. Sitzungen, Cookies und technische Protokolle</h3>
+      <p>
+        Für den Betrieb des Dienstes werden Sitzungsdaten verwendet. Dazu gehören insbesondere technisch notwendige
+        Session-Informationen, damit ein Login erhalten bleibt und Socket- sowie API-Anfragen korrekt zugeordnet werden
+        können. Zusätzlich können im Rahmen des Serverbetriebs technische Protokolldaten anfallen.
+      </p>
+
+      <h3>7. Feedback und Missbrauchsmeldungen</h3>
+      <p>
+        Wenn du Feedback sendest, werden die von dir eingetragenen Inhalte verarbeitet, um Hinweise, Fehlermeldungen oder
+        Missbrauchsmeldungen zu bearbeiten.
+      </p>
+
+      <h3>8. Weitergabe an Dritte</h3>
+      <p>
+        Eine Weitergabe personenbezogener Daten an Dritte erfolgt nicht zu Werbezwecken. Soweit externe technische
+        Dienstleister oder Hosting-Anbieter eingebunden sind, kann eine Verarbeitung im Rahmen des technischen Betriebs
+        erforderlich sein.
+      </p>
+
+      <h3>9. Verschlüsselung</h3>
+      <p>
+        Die produktive Bereitstellung der Website und der App erfolgt über verschlüsselte Verbindungen, damit Daten bei der
+        Übertragung geschützt sind.
+      </p>
+
+      <h3>10. Deine Rechte</h3>
+      <p>
+        Du hast im Rahmen der gesetzlichen Vorschriften insbesondere das Recht auf Auskunft, Berichtigung, Löschung,
+        Einschränkung der Verarbeitung sowie Beschwerde bei einer zuständigen Aufsichtsbehörde.
+      </p>
+
+      <h3>11. Kontakt zum Datenschutz</h3>
+      <p>
+        Bei Fragen zum Datenschutz oder wenn du eine datenschutzbezogene Anfrage stellen möchtest, kontaktiere bitte:
+        <a href="mailto:tsschulz@tsschulz.de">tsschulz@tsschulz.de</a>.
+      </p>
+
+      <h3>12. Stand</h3>
+      <p>Stand dieser Datenschutzerklärung: 22. April 2026</p>
+    </main>
+
+    <ImprintContainer />
+  </div>
+</template>
+
+<script setup>
+import HeaderAdBanner from '../components/HeaderAdBanner.vue';
+import ImprintContainer from '../components/ImprintContainer.vue';
+</script>
+
+<style scoped>
+.content-page {
+  max-width: 980px;
+  margin: 0 auto;
+  padding: 20px 14px 36px;
+  line-height: 1.6;
+  color: #344038;
+}
+
+.content-page h2 {
+  margin: 0 0 10px;
+  color: #18201b;
+}
+
+.content-page h3 {
+  margin: 18px 0 6px;
+  color: #18201b;
+}
+
+.content-page a {
+  color: #245c3a;
+}
+
+.app-brand-link {
+  text-decoration: none;
+}
+</style>

client/src/views/SafetyView.vue

@@ -35,8 +35,8 @@
 
       <h3>Datenschutz</h3>
       <p>
-        Details findest du im Impressum/Datenschutz-Hinweis unten auf der Seite. Wenn du Fragen hast, kontaktiere uns
-        gern über Feedback. Für den respektvollen Umgang im Chat beachte zusätzlich unsere
+        Details findest du auf der Seite <router-link to="/datenschutz">Datenschutz</router-link>. Wenn du Fragen hast,
+        kontaktiere uns gern über Feedback. Für den respektvollen Umgang im Chat beachte zusätzlich unsere
         <router-link to="/regeln">Chat-Regeln</router-link>.
       </p>
     </main>
@@ -77,4 +77,3 @@ import ImprintContainer from '../components/ImprintContainer.vue';
   text-decoration: none;
 }
 </style>
-