added content for legal sites

client/src/app/Main.tsx

@@ -9,10 +9,10 @@ import React, { useEffect, useState } from "react";
 enum AuthState {
 	LoggedIn,
 	LoginScreen,
+	NoLongSite,
 	Unauthorized,
 	Loading,
 }
-
 export default function Main({ children }: { children: React.ReactNode }) {
 	const [auth, setAuth] = useState(AuthState.Loading);
 
@@ -39,19 +39,21 @@ export default function Main({ children }: { children: React.ReactNode }) {
 				zustand.getState().reset();
 			}
 
-			if (pathname === "/login") {
+			switch (pathname) {
-				if (loggedIn) {
+				case "/datenschutz":
-					router.push("/");
+				case "/impressum":
-				} else {
+					setAuth(AuthState.NoLongSite);
-					setAuth(AuthState.LoginScreen);
+					return;
-				}
+				case "/login":
-			} else {
+					if (loggedIn) {
-				if (loggedIn) {
+						router.push("/");
-					setAuth(AuthState.LoggedIn);
+					} else {
-				} else {
+						setAuth(AuthState.LoginScreen);
+					}
+					return;
+				default:
 					setAuth(AuthState.Unauthorized);
 					router.push("/login");
-				}
 			}
 		})();
 	}, [pathname, router]);
@@ -61,6 +63,7 @@ export default function Main({ children }: { children: React.ReactNode }) {
 			return <Loading />;
 		case AuthState.LoggedIn:
 		case AuthState.LoginScreen:
+		case AuthState.NoLongSite:
 			return children;
 		case AuthState.Unauthorized:
 			return "";

client/src/app/datenschutz/page.tsx

@@ -1,9 +1,133 @@
 export default function Datenschutz() {
 	return (
-		<div>
+		<div className="mx-auto max-w-3xl">
-			<h2 className="text-center font-headline text-4xl text-highlight">
+			<h2 className="mb-8 text-center text-4xl font-bold">
-				Datenschutz
+				Datenschutzerklärung
 			</h2>
+			<div className="mb-4">
+				<div className="font-semibold">Simon Ziegler</div>
+				<div>
+					Moose Straße 57
+					<br />
+					77815 Bühl
+				</div>
+			</div>
+			<p>
+				Der Schutz Ihrer persönlichen Daten ist uns ein besonderes Anliegen. Wir
+				verarbeiten Ihre Daten daher ausschließlich auf Grundlage der
+				gesetzlichen Bestimmungen (DSGVO, TKG 2003). In diesen
+				Datenschutzinformationen informieren wir Sie über die wichtigsten
+				Aspekte der Datenverarbeitung im Rahmen unserer Website.
+			</p>
+			<h3 className="mt-4 text-xl font-semibold">Verantwortlicher</h3>
+			<p>
+				Verantwortlicher für die Datenverarbeitung ist die Person Simon Ziegler
+				mit Sitz in Moose Straße 57, 77815 Bühl. Sie erreichen uns telefonisch
+				unter +49 1577 037 9441, per Mail unter{" "}
+				<a href="mailto:simon.ziegler.1998+ref-eng@pm.me" className="font-mono">
+					{" "}
+					simon.ziegler.1998+ref-eng@pm.me
+				</a>
+				oder postalisch unter der Anschrift Moose Straße 57, 77815 Bühl.
+			</p>
+			<h3 className="mt-4 text-xl font-semibold">Datensicherheit</h3>
+			<p>
+				Wir treffen nach Maß des Art 32 DSGVO entsprechende Vorkehrungen zum
+				Schutz Ihrer personenbezogenen Daten. Diese betreffen insbesondere den
+				Schutz vor unerlaubtem, rechtswidrigem oder auch zufälligem Zugriff,
+				Verarbeitung, Verlust, Verwendung und Manipulation.
+			</p>
+			<h3 className="mt-4 text-xl font-semibold">Webseite</h3>
+			<h4 className="mt-2 text-lg font-semibold">
+				Personenbezogene Daten, Zweck der Datenverarbeitung und Rechtsgrundlage
+			</h4>
+			<p>
+				Personenbezogene Daten sind Angaben, die eindeutig einer Person
+				zugeordnet werden können. Dazu gehören unter anderem Angaben wie
+				vollständiger Name, Anschrift, E-Mail und Telefonnummer.
+			</p>
+			<p>
+				Wenn Sie per E-Mail Kontakt mit uns aufnehmen, werden Ihre angegebenen
+				Daten (Vorname, Nachname, Adresse, Telefonnummer, E-Mail) zwecks
+				Bearbeitung der Anfrage und für den Fall von Anschlussfragen sechs
+				Monate bei uns gespeichert. Diese Daten geben wir nicht ohne Ihre
+				Einwilligung weiter. Sie können Ihre Einwilligung mit Wirkung für die
+				Zukunft jederzeit widerrufen. Dies gilt auch für den Widerruf von
+				Einwilligungserklärungen, die vor der Geltung der DSGVO, uns gegenüber
+				erteilt worden sind.
+			</p>
+			<p>
+				Zur Erfüllung von Verträgen bzw. vorvertragliche Maßnahmen und darüber
+				hinaus verarbeiten wir Ihre Daten (Vorname, Nachname, Adresse,
+				Telefonnummer, E-Mail) gegebenenfalls, wenn es erforderlich ist, um
+				berechtigte Interessen von uns oder Dritten zu wahren, insbesondere für
+				folgende Zwecke:
+			</p>
+			<ul className="ml-6 list-disc">
+				<li>Beantwortung von Anfragen</li>
+				<li>Technische Administration</li>
+				<li>
+					der Weiterentwicklung von Dienstleistungen und Produkten sowie
+					bestehenden Systemen und Prozessen
+				</li>
+				<li>
+					der Geltendmachung rechtlicher Ansprüche &amp; Verteidigung bei
+					rechtlichen Streitigkeiten, die nicht unmittelbar dem
+					Vertragsverhältnis zuzuordnen sind
+				</li>
+				<li>
+					der Verhinderung und Aufklärung von Straftaten, soweit nicht
+					ausschließlich zur Erfüllung gesetzlicher Vorgaben
+				</li>
+			</ul>
+			<p>Die Rechtsgrundlagen der Datenverarbeitung sind:</p>
+			<ul className="ml-6 list-disc">
+				<li>Vertragsabwicklung gemäß Art 6 Abs 1 lit b DSGVO</li>
+				<li>Ihre allfällige Einwilligung gemäß Art 6 Abs 1 lit a DSGVO</li>
+				<li>berechtigtes Interesse Art 6 Abs 1 lit f DSGVO</li>
+			</ul>
+			<h4 className="font-lg mt-2 font-semibold">Speicherdauer</h4>
+			<p>
+				Die Löschung der gespeicherten personenbezogenen Daten erfolgt, wenn Sie
+				als Nutzer unserer Website und/oder Kunde die Einwilligung zur
+				Speicherung widerrufen, wenn Ihre Daten zur Erfüllung des mit der
+				Speicherung verfolgten Zwecks nicht mehr erforderlich sind und nach
+				Ablauf der gesetzlichen Aufbewahrungspflichten bzw. nach Ablauf der
+				Dauer allfälliger darüber hinaus andauernden Rechtsstreitigkeiten oder
+				wenn Ihre Speicherung aus sonstigen gesetzlichen Gründen unzulässig ist
+				bzw. wird.
+			</p>
+			<h4 className="font-lg mt-2 font-semibold">
+				Weitergabe von Daten / Empfänger bzw. Kategorien von Empfängern
+			</h4>
+			<p>
+				Eine Weitergabe Ihrer Daten an externe Stellen erfolgt ausschließlich im
+				Zusammenhang mit der Vertragsabwicklung, zu Zwecken der Erfüllung
+				gesetzlicher Vorgaben, nach denen wir zur Auskunft, Meldung oder
+				Weitergabe von Daten verpflichtet sind oder sofern die Datenweitergabe
+				im öffentlichen Interesse liegt. Sie haben das Recht, eine erteilte
+				Einwilligung mit Wirkung auf die Zukunft jederzeit zu widerrufen.
+			</p>
+			<p>
+				Personenbezogene Daten werden von uns nicht weitergegeben bzw.
+				übermittelt.
+			</p>
+			<h3 className="mt-4 text-xl font-semibold">Ihre Rechte</h3>
+			<p>
+				Ihnen stehen grundsätzlich die Rechte auf Auskunft, Berichtigung,
+				Löschung, Einschränkung, Datenübertragbarkeit, Widerruf und Widerspruch
+				zu.
+			</p>
+			<p>
+				Wenn Sie glauben, dass die Verarbeitung Ihrer Daten gegen das
+				Datenschutzrecht verstößt oder Ihre datenschutzrechtlichen Ansprüche
+				sonst in einer Weise verletzt worden sind, können Sie sich bei uns{" "}
+				<a href="mailto:simon.ziegler.1998+ref-eng@pm.me" className="font-mono">
+					{" "}
+					simon.ziegler.1998+ref-eng@pm.me
+				</a>
+				oder der Datenschutzbehörde beschweren.
+			</p>
 		</div>
 	);
 }

client/src/app/impressum/page.tsx

@@ -1,10 +1,30 @@
 export default function Impressum() {
 	return (
-		<div>
+		<div className="mx-auto max-w-3xl">
-			{" "}
+			<h2 className="mb-8 text-center font-headline text-4xl font-bold text-highlight">
-			<h2 className="text-center font-headline text-4xl text-highlight">
 				Impressum
 			</h2>
+			<div className="mb-4 grid gap-2">
+				<div>Simon Ziegler</div>
+				<div>
+					Moose Straße 57
+					<br />
+					77815 Bühl
+				</div>
+				<div className="grid grid-cols-[min-content_1fr] gap-x-2">
+					<div>Telefon:</div>
+					<div className="font-mono">+49 1577 037 9441</div>
+					<div>E-Mail:</div>
+					<div>
+						<a
+							href="mailto:simon.ziegler.1998+ref-eng@pm.me"
+							className="font-mono"
+						>
+							simon.ziegler.1998+ref-eng@pm.me
+						</a>
+					</div>
+				</div>
+			</div>
 		</div>
 	);
 }

client/tailwind.config.ts

@@ -52,6 +52,7 @@ export default {
 			subheadline: ["uncut-sans"],
 			body: ["uncut-sans"],
 			numbers: ["space-mono"],
+			mono: ["space-mono"],
 		},
 	},
 	safelist: [