From 67f1077a36bc42d0f9c6561805413d4ef71753fc Mon Sep 17 00:00:00 2001
From: Lea <lea@rainbow-hat.de>
Date: Mon, 14 Oct 2024 20:10:55 +0200
Subject: [PATCH] layout in DSE

---
 app.py                 |  1 -
 templates/privacy.html | 58 +++++++++++++++++++++---------------------
 2 files changed, 29 insertions(+), 30 deletions(-)

diff --git a/app.py b/app.py
index 22024ef..8ef987d 100644
--- a/app.py
+++ b/app.py
@@ -76,7 +76,6 @@ def about():
     return render_template("about.html")
 
 
-# TODO: Fix layout of privacy
 @app.route('/privacy')
 def privacy():
     return render_template("privacy.html")
diff --git a/templates/privacy.html b/templates/privacy.html
index 7089448..aa8a5eb 100644
--- a/templates/privacy.html
+++ b/templates/privacy.html
@@ -3,10 +3,10 @@
 {% block content %}
     <div class="container mx-auto px-4 py-6">
         <div class="flex flex-col">
-            <div class="w-full mb-3 my-6">
+            <div class="w-full my-6">
                 <h2 class="text-2xl font-bold mb-4">Allgemeines</h2>
             </div>
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 „Öffentliche Daten nützen, private Daten schützen.“
                 (siehe <a href="https://www.ccc.de/de/hackerethics" class="text-purple-500 underline">https://www.ccc.de/de/hackerethics</a>)
                 Nach diesem Grundsatz verfahren wir mit euren persönlichen - oder personenbeziehbaren - Daten.
@@ -14,50 +14,50 @@
                 allem auf, welche wir überhaupt erheben.
             </p>
 
-            <div class="w-full mb-3 my-6">
-                <h2 class="text-2xl font-bold mb-4">Kontakts</h2>
+            <div class="w-full my-6">
+                <h2 class="text-2xl font-bold mb-4">Kontakt</h2>
             </div>
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Wir - das ist die Binary Kitchen, kontaktieren könnt ihr uns zum Thema Datenschutz gerne unter:
                 vorstand@binary-kitchen.de oder per Post.
             </p>
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Binary Kitchen e.V., Walderdorffstr. 13b, 93053 Regensburg
             </p>
 
             <h3 class="text-2xl font-bold mb-4">Rechte</h3>
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Die Datenschutzbestimmungen - insbesondere die DSGVO - geben Betroffenen Rechte, die sich für uns von
                 selbst verstehen:
             </p>
 
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Das Recht, Auskunft über die eigenen verarbeiteten Daten zu erhalten, sie berichtigen oder löschen zu
                 lassen, gemäß Art. 15, 16 und 17 DSGVO.
             </p>
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Das Recht, dass die Verarbeitung der personenbezogenen Daten gemäß Art. 18 DSGVO eingeschränkt wird.
             </p>
 
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Das Recht, die Daten, die ihr uns bereitgestellt habt, in einem strukturierten, gängigen und
                 maschinenlesbaren Format zu erhalten, soweit die Voraussetzungen nach Art. 20 DSGVO gegeben sind.
             </p>
 
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Das Recht, einmal abgegebene Einwilligungen in die Verarbeitung eigener personenbezogenen Daten
                 jederzeit mit Wirkung für die Zukunft zu widerrufen, Art. 21 DSGVO.
             </p>
 
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Das Recht, Beschwerde bei einer Aufsichtsbehörde einzulegen, Art. 77 DSGVO.
             </p>
 
 
-            <div class="w-full mb-3 my-6">
+            <div class="w-full my-6">
                 <h2 class="text-2xl font-bold mb-4">Ort der Datenverarbeitung</h2>
             </div>
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Wir verarbeiten eure personenbezogenen Daten grundsätzlich nur in Deutschland und in der Europäischen
                 Union.
 
@@ -70,27 +70,27 @@
                 deswegen speichern wir eure Daten nicht so gerne und nur wenn es sein muss.
             </p>
 
-            <div class="w-full mb-3 my-6">
+            <div class="w-full my-6">
                 <h2 class="text-2xl font-bold mb-4">Änderungen dieser Erklärung</h2>
             </div>
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Wir versuchen, diese Datenschutzhinweise aktuell zu halten, Neuerungen werden wir dokumentieren, und an
                 dieser Stelle veröffentlichen. Schaut also öfter mal rein.
             </p>
 
-            <div class="w-full mb-3 my-6">
+            <div class="w-full my-6">
                 <h2 class="text-2xl font-bold mb-4">Besuch unserer Webseite</h2>
             </div>
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Um unsere Webseite anbieten zu können, müssen personenbezogene Daten verarbeitet werden. Zum Teil
                 geschieht das im Hintergrund und automatisch, damit die Seite überhaupt funktioniert. Rechtsgrundlage
                 hierfür ist Art. 6 Abs. 1 lit. b) DSGVO.
             </p>
 
-            <div class="w-full mb-3 my-6">
+            <div class="w-full my-6">
                 <h2 class="text-2xl font-bold mb-4">Logfiles</h2>
             </div>
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Bei Aufruf unserer Website werden folgende Daten in einer Protokolldatei gespeichert: Die angeforderte
                 Website-URL sowie die Website, von der aus die Datei angefordert wurde, die gespeicherten Cookies des
                 Besuchers für die aufgerufene Domain, der Status des Zugriffs (Datei übertragen, Datei nicht gefunden,
@@ -112,10 +112,10 @@
                 Logs (s.o.).
             </p>
 
-            <div class="w-full mb-3 my-6">
+            <div class="w-full my-6">
                 <h2 class="text-2xl font-bold mb-4">Abfrage von Gesundheitsdaten</h2>
             </div>
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Zum anderen Teil - und dafür seid ihr vermutlich hier - könnt ihr diese Website auch nutzen, um euch die
                 Kontaktdaten von therapierenden Personen anzuzeigen. Um diese Abfrage durchführen zu können, müsst ihr
                 neben eurer Postleitzahl auch Angaben zur Therapieform und eurem Alter machen. Diese können
@@ -128,7 +128,7 @@
             <div class="w-ful  mb-3 my-6">
                 <h2 class="text-2xl font-bold mb-4">Kontaktaufnahme</h2>
             </div>
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Schließlich könnt ihr mit uns in Kontakt treten, wenn technische Probleme auftreten oder ihr weitere
                 Anliegen habt. Zu diesem Zweck verarbeiten wir zumindest eure E-Mail-Adresse. Je nach Inhalt kann es
                 auch hier sein, dass Gesundheitsdaten verarbeitet werden. Rechtsgrundlage hierfür ist ausschließlich
@@ -137,28 +137,28 @@
                 widerrufen. Auch dann werden eure personenbezogenen Daten unverzüglich gelöscht.
             </p>
 
-            <div class="w-full mb-3 my-6">
+            <div class="w-full my-6">
                 <h2 class="text-2xl font-bold mb-4">Links auf Websites anderer Anbieter</h2>
             </div>
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Wir haben auf unserer Website Links auf Websites anderer Anbieter gesetzt. Wir sind für die
                 Datenverarbeitung auf diesen anderen Websites zum Glück nicht verantwortlich. Wie die jeweiligen
                 Anbieter den Datenschutz handhaben, müsst ihr bitte deren Datenschutzbestimmungen entnehmen.
             </p>
 
-            <div class="w-full mb-3 my-6">
+            <div class="w-full my-6">
                 <h2 class="text-2xl font-bold mb-4">Werbung, Tracking, Surf-Analyse</h2>
             </div>
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Gibt es bei uns alles nicht. Wir speichern und verarbeiten keine Daten zu anderen Zwecken, als die
                 genannten Dienste zur verfügung zu stellen, wir nutzen sie nicht zu Werbezwecken und wir geben sie auch
                 nicht dafür weiter. Nicht mal wenn ihr wollen würdet.
             </p>
 
-            <div class="w-full mb-3 my-6">
+            <div class="w-full my-6">
                 <h2 class="text-2xl font-bold mb-4">Datenweiterleitung</h2>
             </div>
-            <p class="mb-3 text-lg md:text-xl dark:text-gray-400">
+            <p class="mb-6 text-lg md:text-xl dark:text-gray-400">
                 Wir geben eure Daten weder an Dritte weiter, noch übermitteln wir sie in Länder außerhalb der
                 Europäischen Union. Die Daten werden auch nicht für einen anderen Zweck weiterverarbeitet.
             </p>