D branch 1 (#10)
* fix: update Umami script source to use HTTPS Change the Umami script source from HTTP to HTTPS to enhance security and ensure that the script is loaded securely. This improves the overall integrity of the application by preventing mixed content issues. * feat: add legal notice page and update footer component Creates a new legal notice page with necessary content and links. Updates the Footer_Back component for improved formatting and consistency. These changes ensure compliance with legal requirements and enhance user experience.
This commit is contained in:
Denshooter
@@ -1,58 +1,80 @@
|
||||
import Link from "next/link";
|
||||
import {useEffect, useState} from "react";
|
||||
import { useEffect, useState } from "react";
|
||||
|
||||
export default function Footer() {
|
||||
const [isVisible, setIsVisible] = useState(false);
|
||||
const [isVisible, setIsVisible] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
setIsVisible(true);
|
||||
}, 450); // Delay to start the animation
|
||||
}, []);
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
setIsVisible(true);
|
||||
}, 450); // Delay to start the animation
|
||||
}, []);
|
||||
|
||||
const scrollToSection = (id: string) => {
|
||||
const element = document.getElementById(id);
|
||||
if (element) {
|
||||
element.scrollIntoView({behavior: "smooth"});
|
||||
}
|
||||
};
|
||||
const scrollToSection = (id: string) => {
|
||||
const element = document.getElementById(id);
|
||||
if (element) {
|
||||
element.scrollIntoView({ behavior: "smooth" });
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<footer
|
||||
className={`p-3 bg-gradient-to-br from-white/60 to-white/30 backdrop-blur-lg rounded-2xl shadow-xl text-center text-gray-800 ${isVisible ? 'animate-fly-in' : 'opacity-0'}`}>
|
||||
<div className={`flex flex-col md:flex-row items-center justify-between`}>
|
||||
<div className={`flex-col items-center`}>
|
||||
<h1 className="md:text-xl font-bold">Thank You for Visiting</h1>
|
||||
<p className="md:mt-1 text-lg">Connect with me on social platforms:</p>
|
||||
<div className="flex justify-center items-center space-x-4 mt-4">
|
||||
<Link href="https://github.com/Denshooter" target="_blank">
|
||||
<svg className="w-10 h-10" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.438 9.8 8.205 11.387.6.11.82-.26.82-.577v-2.17c-3.338.726-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.757-1.333-1.757-1.09-.746.083-.73.083-.73 1.205.084 1.84 1.237 1.84 1.237 1.07 1.835 2.807 1.305 3.492.997.108-.774.42-1.305.763-1.605-2.665-.305-5.466-1.332-5.466-5.93 0-1.31.467-2.38 1.235-3.22-.123-.303-.535-1.527.117-3.18 0 0 1.008-.322 3.3 1.23.957-.266 1.98-.4 3-.405 1.02.005 2.043.14 3 .405 2.29-1.552 3.297-1.23 3.297-1.23.653 1.653.24 2.877.118 3.18.77.84 1.233 1.91 1.233 3.22 0 4.61-2.803 5.62-5.475 5.92.43.37.823 1.1.823 2.22v3.293c0 .32.218.694.825.577C20.565 21.8 24 17.3 24 12c0-6.63-5.37-12-12-12z"/>
|
||||
</svg>
|
||||
</Link>
|
||||
<Link href="https://linkedin.com/in/dkonkol" target="_blank">
|
||||
<svg className="w-10 h-10" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.76 0 5-2.24 5-5v-14c0-2.76-2.24-5-5-5zm-11 19h-3v-10h3v10zm-1.5-11.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5 11.5h-3v-5.5c0-1.38-1.12-2.5-2.5-2.5s-2.5 1.12-2.5 2.5v5.5h-3v-10h3v1.5c.83-1.17 2.17-1.5 3.5-1.5 2.48 0 4.5 2.02 4.5 4.5v5.5z"/>
|
||||
</svg>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-4 md:absolute md:left-1/2 md:transform md:-translate-x-1/2">
|
||||
<button onClick={() => scrollToSection("about")}
|
||||
className="p-4 mt-4 md:px-4 md:my-6 text-white bg-gradient-to-r from-blue-500 to-purple-500 rounded-2xl hover:from-blue-600 hover:to-purple-600 transition">
|
||||
Back to Top
|
||||
</button>
|
||||
</div>
|
||||
<div className="flex-col">
|
||||
<div className="mt-4">
|
||||
<Link href="/privacy-policy" className="text-blue-800 transition-underline">Privacy
|
||||
Policy</Link>
|
||||
</div>
|
||||
<p className="md:mt-4">© Dennis Konkol 2025</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
return (
|
||||
<footer
|
||||
className={`sticky- bottom-0 p-3 bg-gradient-to-br from-white/60 to-white/30 backdrop-blur-lg rounded-2xl shadow-xl text-center text-gray-800 ${isVisible ? "animate-fly-in" : "opacity-0"}`}
|
||||
>
|
||||
<div className={`flex flex-col md:flex-row items-center justify-between`}>
|
||||
<div className={`flex-col items-center`}>
|
||||
<h1 className="md:text-xl font-bold">Thank You for Visiting</h1>
|
||||
<p className="md:mt-1 text-lg">
|
||||
Connect with me on social platforms:
|
||||
</p>
|
||||
<div className="flex justify-center items-center space-x-4 mt-4">
|
||||
<Link href="https://github.com/Denshooter" target="_blank">
|
||||
<svg
|
||||
className="w-10 h-10"
|
||||
fill="currentColor"
|
||||
viewBox="0 0 24 24"
|
||||
>
|
||||
<path d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.438 9.8 8.205 11.387.6.11.82-.26.82-.577v-2.17c-3.338.726-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.757-1.333-1.757-1.09-.746.083-.73.083-.73 1.205.084 1.84 1.237 1.84 1.237 1.07 1.835 2.807 1.305 3.492.997.108-.774.42-1.305.763-1.605-2.665-.305-5.466-1.332-5.466-5.93 0-1.31.467-2.38 1.235-3.22-.123-.303-.535-1.527.117-3.18 0 0 1.008-.322 3.3 1.23.957-.266 1.98-.4 3-.405 1.02.005 2.043.14 3 .405 2.29-1.552 3.297-1.23 3.297-1.23.653 1.653.24 2.877.118 3.18.77.84 1.233 1.91 1.233 3.22 0 4.61-2.803 5.62-5.475 5.92.43.37.823 1.1.823 2.22v3.293c0 .32.218.694.825.577C20.565 21.8 24 17.3 24 12c0-6.63-5.37-12-12-12z" />
|
||||
</svg>
|
||||
</Link>
|
||||
<Link href="https://linkedin.com/in/dkonkol" target="_blank">
|
||||
<svg
|
||||
className="w-10 h-10"
|
||||
fill="currentColor"
|
||||
viewBox="0 0 24 24"
|
||||
>
|
||||
<path d="M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.76 0 5-2.24 5-5v-14c0-2.76-2.24-5-5-5zm-11 19h-3v-10h3v10zm-1.5-11.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5 11.5h-3v-5.5c0-1.38-1.12-2.5-2.5-2.5s-2.5 1.12-2.5 2.5v5.5h-3v-10h3v1.5c.83-1.17 2.17-1.5 3.5-1.5 2.48 0 4.5 2.02 4.5 4.5v5.5z" />
|
||||
</svg>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-4 md:absolute md:left-1/2 md:transform md:-translate-x-1/2">
|
||||
<button
|
||||
onClick={() => scrollToSection("about")}
|
||||
className="p-4 mt-4 md:px-4 md:my-6 text-white bg-gradient-to-r from-blue-500 to-purple-500 rounded-2xl hover:from-blue-600 hover:to-purple-600 transition"
|
||||
>
|
||||
Back to Top
|
||||
</button>
|
||||
</div>
|
||||
<div className="flex-col">
|
||||
<div className="mt-4">
|
||||
<Link
|
||||
href="/privacy-policy"
|
||||
className="text-blue-800 transition-underline"
|
||||
>
|
||||
Privacy Policy
|
||||
</Link>
|
||||
<Link
|
||||
href="/legal-notice"
|
||||
className="ml-4 text-blue-800 transition-underline"
|
||||
>
|
||||
Legal Notice
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<p className="md:mt-4">© Dennis Konkol 2025</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
}
|
||||
@@ -1,50 +1,71 @@
|
||||
import Link from "next/link";
|
||||
import {useEffect, useState} from "react";
|
||||
import { useEffect, useState } from "react";
|
||||
|
||||
export default function Footer_Back() {
|
||||
const [isVisible, setIsVisible] = useState(false);
|
||||
const [isVisible, setIsVisible] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
setIsVisible(true);
|
||||
}, 450); // Delay to start the animation
|
||||
}, []);
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
setIsVisible(true);
|
||||
}, 450); // Delay to start the animation
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<footer
|
||||
className={`p-3 bg-gradient-to-br from-white/60 to-white/30 backdrop-blur-lg rounded-2xl shadow-xl text-center text-gray-800 ${isVisible ? 'animate-fly-in' : 'opacity-0'}`}>
|
||||
<div className={`flex flex-col md:flex-row items-center justify-between`}>
|
||||
<div className={`flex-col items-center`}>
|
||||
<p className="md:mt-1 text-lg">Connect with me on social platforms:</p>
|
||||
<div className="flex justify-center items-center space-x-4 mt-4">
|
||||
<Link href="https://github.com/Denshooter" target="_blank">
|
||||
<svg className="w-10 h-10" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.438 9.8 8.205 11.387.6.11.82-.26.82-.577v-2.17c-3.338.726-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.757-1.333-1.757-1.09-.746.083-.73.083-.73 1.205.084 1.84 1.237 1.84 1.237 1.07 1.835 2.807 1.305 3.492.997.108-.774.42-1.305.763-1.605-2.665-.305-5.466-1.332-5.466-5.93 0-1.31.467-2.38 1.235-3.22-.123-.303-.535-1.527.117-3.18 0 0 1.008-.322 3.3 1.23.957-.266 1.98-.4 3-.405 1.02.005 2.043.14 3 .405 2.29-1.552 3.297-1.23 3.297-1.23.653 1.653.24 2.877.118 3.18.77.84 1.233 1.91 1.233 3.22 0 4.61-2.803 5.62-5.475 5.92.43.37.823 1.1.823 2.22v3.293c0 .32.218.694.825.577C20.565 21.8 24 17.3 24 12c0-6.63-5.37-12-12-12z"/>
|
||||
</svg>
|
||||
</Link>
|
||||
<Link href="https://linkedin.com/in/dkonkol" target="_blank">
|
||||
<svg className="w-10 h-10" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.76 0 5-2.24 5-5v-14c0-2.76-2.24-5-5-5zm-11 19h-3v-10h3v10zm-1.5-11.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5 11.5h-3v-5.5c0-1.38-1.12-2.5-2.5-2.5s-2.5 1.12-2.5 2.5v5.5h-3v-10h3v1.5c.83-1.17 2.17-1.5 3.5-1.5 2.48 0 4.5 2.02 4.5 4.5v5.5z"/>
|
||||
</svg>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-4 md:absolute md:left-1/2 md:transform md:-translate-x-1/2">
|
||||
<Link href={"/"}
|
||||
className="p-4 mt-4 md:px-4 md:my-6 text-white bg-gradient-to-r from-blue-500 to-purple-500 rounded-2xl hover:from-blue-600 hover:to-purple-600 transition">
|
||||
Back to main page
|
||||
</Link>
|
||||
</div>
|
||||
<div className="flex-col">
|
||||
<div className="mt-4">
|
||||
<Link href="/privacy-policy" className="text-blue-800 transition-underline">Privacy
|
||||
Policy</Link>
|
||||
</div>
|
||||
<p className="md:mt-4">© Dennis Konkol 2025</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
return (
|
||||
<footer
|
||||
className={`p-3 bg-gradient-to-br from-white/60 to-white/30 backdrop-blur-lg rounded-2xl shadow-xl text-center text-gray-800 ${isVisible ? "animate-fly-in" : "opacity-0"}`}
|
||||
>
|
||||
<div className={`flex flex-col md:flex-row items-center justify-between`}>
|
||||
<div className={`flex-col items-center`}>
|
||||
<p className="md:mt-1 text-lg">
|
||||
Connect with me on social platforms:
|
||||
</p>
|
||||
<div className="flex justify-center items-center space-x-4 mt-4">
|
||||
<Link href="https://github.com/Denshooter" target="_blank">
|
||||
<svg
|
||||
className="w-10 h-10"
|
||||
fill="currentColor"
|
||||
viewBox="0 0 24 24"
|
||||
>
|
||||
<path d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.438 9.8 8.205 11.387.6.11.82-.26.82-.577v-2.17c-3.338.726-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.757-1.333-1.757-1.09-.746.083-.73.083-.73 1.205.084 1.84 1.237 1.84 1.237 1.07 1.835 2.807 1.305 3.492.997.108-.774.42-1.305.763-1.605-2.665-.305-5.466-1.332-5.466-5.93 0-1.31.467-2.38 1.235-3.22-.123-.303-.535-1.527.117-3.18 0 0 1.008-.322 3.3 1.23.957-.266 1.98-.4 3-.405 1.02.005 2.043.14 3 .405 2.29-1.552 3.297-1.23 3.297-1.23.653 1.653.24 2.877.118 3.18.77.84 1.233 1.91 1.233 3.22 0 4.61-2.803 5.62-5.475 5.92.43.37.823 1.1.823 2.22v3.293c0 .32.218.694.825.577C20.565 21.8 24 17.3 24 12c0-6.63-5.37-12-12-12z" />
|
||||
</svg>
|
||||
</Link>
|
||||
<Link href="https://linkedin.com/in/dkonkol" target="_blank">
|
||||
<svg
|
||||
className="w-10 h-10"
|
||||
fill="currentColor"
|
||||
viewBox="0 0 24 24"
|
||||
>
|
||||
<path d="M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.76 0 5-2.24 5-5v-14c0-2.76-2.24-5-5-5zm-11 19h-3v-10h3v10zm-1.5-11.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5 11.5h-3v-5.5c0-1.38-1.12-2.5-2.5-2.5s-2.5 1.12-2.5 2.5v5.5h-3v-10h3v1.5c.83-1.17 2.17-1.5 3.5-1.5 2.48 0 4.5 2.02 4.5 4.5v5.5z" />
|
||||
</svg>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-4 md:absolute md:left-1/2 md:transform md:-translate-x-1/2">
|
||||
<Link
|
||||
href={"/"}
|
||||
className="p-4 mt-4 md:px-4 md:my-6 text-white bg-gradient-to-r from-blue-500 to-purple-500 rounded-2xl hover:from-blue-600 hover:to-purple-600 transition"
|
||||
>
|
||||
Back to main page
|
||||
</Link>
|
||||
</div>
|
||||
<div className="flex-col">
|
||||
<div className="mt-4">
|
||||
<Link
|
||||
href="/privacy-policy"
|
||||
className="text-blue-800 transition-underline"
|
||||
>
|
||||
Privacy Policy
|
||||
</Link>
|
||||
<Link
|
||||
href="/legal-notice"
|
||||
className="ml-4 text-blue-800 transition-underline"
|
||||
>
|
||||
Legal Notice
|
||||
</Link>
|
||||
</div>
|
||||
<p className="md:mt-4">© Dennis Konkol 2025</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
}
|
||||
68
app/legal-notice/page.tsx
Normal file
68
app/legal-notice/page.tsx
Normal file
@@ -0,0 +1,68 @@
|
||||
"use client";
|
||||
|
||||
import React from "react";
|
||||
import Header from "../components/Header";
|
||||
import Footer_Back from "../components/Footer_Back";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function LegalNotice() {
|
||||
return (
|
||||
<div className="min-h-screen flex flex-col bg-radiant-animated">
|
||||
<Header />
|
||||
<div className="h-10"></div>
|
||||
<main className="flex-grow p-10">
|
||||
<h1 className="text-3xl font-bold">Impressum</h1>
|
||||
<p className="mt-4">
|
||||
<strong>
|
||||
Verantwortlicher für die Inhalte dieser Website (auch Redaktionell):{" "}
|
||||
<br />
|
||||
</strong>
|
||||
<strong>Name:</strong> Dennis Konkol
|
||||
<br />
|
||||
<strong>Adresse:</strong> Auf dem Ziegenbrink 2B, 49082 Osnabrück,
|
||||
Deutschland
|
||||
<br />
|
||||
<strong>E-Mail:</strong>{" "}
|
||||
<Link href={"mailto:info@dki.one"} className="transition-underline">
|
||||
info@dki.one
|
||||
</Link>{" "}
|
||||
<br />
|
||||
<strong>Telefon:</strong>{" "}
|
||||
<Link href={"tel:+4917612669990"} className="transition-underline">
|
||||
+49 176 12669990
|
||||
</Link>
|
||||
<br />
|
||||
<strong>Website:</strong>{" "}
|
||||
<Link href={"https://www.dki.one"} className="transition-underline">
|
||||
{" "}
|
||||
dki.one{" "}
|
||||
</Link>
|
||||
</p>
|
||||
|
||||
<h2 className="text-2xl font-semibold mt-6">Haftung für Links</h2>
|
||||
<p className="mt-2">
|
||||
Meine Website enthält Links auf externe Websites. Ich habe keinen
|
||||
Einfluss auf die Inhalte dieser Websites und kann daher keine Gewähr
|
||||
übernehmen. Für die Inhalte der verlinkten Seiten ist stets der
|
||||
Betreiber oder Anbieter der Seiten verantwortlich.
|
||||
</p>
|
||||
|
||||
<h2 className="text-2xl font-semibold mt-6">Urheberrecht</h2>
|
||||
<p className="mt-2">
|
||||
Alle Inhalte dieser Website, einschließlich Texte, Fotos und Designs,
|
||||
stehen unter Urheberrechtsschutz. Jegliche Nutzung ohne vorherige
|
||||
schriftliche Zustimmung des Urhebers ist verboten.
|
||||
</p>
|
||||
|
||||
<h2 className="text-2xl font-semibold mt-6">Gewährleistung</h2>
|
||||
<p className="mt-2">
|
||||
Die Nutzung der Inhalte dieser Website erfolgt auf eigene Gefahr. Als
|
||||
Diensteanbieter kann ich keine Gewähr übernehmen für Schäden, die
|
||||
entstehen können, durch den Zugriff oder die Nutzung dieser Website.
|
||||
</p>
|
||||
<p className="font-semibold mt-6">Letzte Aktualisierung: 11.02.2025</p>
|
||||
</main>
|
||||
<Footer_Back />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,66 +1,234 @@
|
||||
'use client';
|
||||
"use client";
|
||||
|
||||
import React, { useEffect, useState } from "react";
|
||||
import Header from "../components/Header";
|
||||
import Footer_Back from "../components/Footer_Back";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function PrivacyPolicy() {
|
||||
const [isVisible, setIsVisible] = useState(false);
|
||||
const [isVisible, setIsVisible] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
setIsVisible(true);
|
||||
}, 350);
|
||||
}, []);
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
setIsVisible(true);
|
||||
}, 350);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className={`min-h-screen flex flex-col bg-radiant-animated ${isVisible ? 'animate-fly-in' : 'opacity-0'}`}>
|
||||
<Header />
|
||||
<div className="h-10"></div>
|
||||
<main className="flex-grow p-10">
|
||||
<h1 className="text-3xl font-bold">Privacy Policy</h1>
|
||||
<p className="mt-4">
|
||||
This Privacy Policy explains how I collect, use, and protect your information when you use my
|
||||
website.
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">Information We Collect</h2>
|
||||
<p className="mt-2">
|
||||
I use Umami Web Analytics to collect anonymized data about the usage of my website. This includes
|
||||
information such as page views, time spent on pages, and general interaction metrics. No personally
|
||||
identifiable information is stored or processed.
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">How I Use Your Information</h2>
|
||||
<p className="mt-2">
|
||||
The collected data is used solely to improve the performance, usability, and user experience of my
|
||||
website. Since all data is anonymized, it cannot be linked back to any individual.
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">Third-Party Services</h2>
|
||||
<p className="mt-2">
|
||||
Umami is a privacy-focused analytics tool that does not use cookies or track users across different
|
||||
sites. More information can be found on the official Umami website.
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">Contact Form</h2>
|
||||
<p className="mt-2">
|
||||
If you use the contact form on my website, the submitted information will be sent to me via email.
|
||||
This data is not stored or shared with third parties and is used solely to respond to your inquiry.
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">Social Media Links</h2>
|
||||
<p className="mt-2">
|
||||
My website contains links to GitHub and LinkedIn. Clicking on these links may result in data
|
||||
collection by the respective platforms, subject to their own privacy policies.
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">Your Rights</h2>
|
||||
<p className="mt-2">
|
||||
Since the collected data is fully anonymized, individual deletion requests are not applicable.
|
||||
However, if you have any concerns, you can contact me.
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">Contact Us</h2>
|
||||
<p className="mt-2">
|
||||
If you have any questions about this Privacy Policy, please contact me at info@dki.one or use the
|
||||
contact form.
|
||||
</p>
|
||||
</main>
|
||||
<Footer_Back />
|
||||
</div>
|
||||
);
|
||||
return (
|
||||
<div
|
||||
className={`min-h-screen flex flex-col bg-radiant-animated ${isVisible ? "animate-fly-in" : "opacity-0"}`}
|
||||
>
|
||||
<Header />
|
||||
<div className="h-10"></div>
|
||||
<main className="flex-grow p-10">
|
||||
<h1 className="text-3xl font-bold">Datenschutzerklärung</h1>
|
||||
<p className="mt-4">
|
||||
Der Schutz Ihrer persönlichen Daten ist mir wichtig. In dieser
|
||||
Datenschutzerklärung informiere ich Sie über die Verarbeitung
|
||||
personenbezogener Daten im Rahmen meines Internet-Angebots.
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">
|
||||
Verantwortlicher für die Datenverarbeitung
|
||||
</h2>
|
||||
<p className="mt-2">
|
||||
<strong>Name:</strong> Dennis Konkol <br />
|
||||
<strong>Adresse:</strong> Auf dem Ziegenbrink 2B, 49082 Osnabrück,
|
||||
Deutschland <br />
|
||||
<strong>E-Mail:</strong>{" "}
|
||||
<Link className="transition-underline" href={"mailto:info@dki.one"}>
|
||||
info@dki.one
|
||||
</Link>{" "}
|
||||
<br />
|
||||
<strong>Telefon:</strong>{" "}
|
||||
<Link className="transition-underline" href={"tel:+4917612669990"}>
|
||||
+49 176 12669990
|
||||
</Link>
|
||||
<br />
|
||||
<strong>Website:</strong>{" "}
|
||||
<Link className="transition-underline" href={"https://www.dki.one"}>
|
||||
{" "}
|
||||
dki.one{" "}
|
||||
</Link>{" "}
|
||||
<br />
|
||||
<br />
|
||||
Diese Datenschutzerklärung gilt für die Verarbeitung personenbezogener
|
||||
Daten durch den oben genannten Verantwortlichen.
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">
|
||||
Erfassung allgemeiner Informationen beim Besuch meiner Website
|
||||
</h2>
|
||||
<p className="mt-2">
|
||||
Beim Zugriff auf meiner Website werden automatisch Informationen
|
||||
allgemeiner Natur erfasst. Diese beinhalten unter anderem:
|
||||
<ul className="list-disc list-inside mt-2">
|
||||
<li>IP-Adresse (in anonymisierter Form)</li>
|
||||
<li>Uhrzeit</li>
|
||||
<li>Browsertyp</li>
|
||||
<li>Verwendetes Betriebssystem</li>
|
||||
<li>Referrer-URL (die zuvor besuchte Seite)</li>
|
||||
</ul>
|
||||
<br />
|
||||
Diese Informationen werden anonymisiert erfasst und dienen
|
||||
ausschließlich statistischen Auswertungen. Rückschlüsse auf Ihre
|
||||
Person sind nicht möglich. Diese Daten werden verarbeitet, um:
|
||||
<ul className="list-disc list-inside mt-2">
|
||||
<li>die Inhalte meiner Website korrekt auszuliefern,</li>
|
||||
<li>die Inhalte meiner Website zu optimieren,</li>
|
||||
<li>die Systemsicherheit und -stabilität zu analysiern.</li>
|
||||
</ul>
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">Cookies</h2>
|
||||
<p className="mt-2">
|
||||
Meine Website verwendet keine Cookies. Daher ist kein
|
||||
Cookie-Consent-Banner erforderlich.
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">
|
||||
Analyse- und Tracking-Tools
|
||||
</h2>
|
||||
<p className="mt-2">
|
||||
Die nachfolgend beschriebene Analyse- und Tracking-Methode (im
|
||||
Folgenden „Maßnahme“ genannt) basiert auf Art. 6 Abs. 1 S. 1 lit. f
|
||||
DSGVO. Durch diese Maßnahme möchten ich eine benutzerfreundliche
|
||||
Gestaltung sowie eine kontinuierliche Verbesserung meiner Website
|
||||
sicherstellen. Diese Interessen sind im Sinne der genannten Vorschrift
|
||||
als berechtigt anzusehen.
|
||||
<br />
|
||||
<br />
|
||||
Rechtsgrundlage: Art. 6 Abs. 1 S. 1 lit. f DSGVO (berechtigtes
|
||||
Interesse an der Analyse und Optimierung unserer Website).
|
||||
<br />
|
||||
<br />
|
||||
Detaillierte Informationen zu den erhobenen Daten und deren
|
||||
Verarbeitung finden Sie in den nachfolgenden Abschnitten.
|
||||
<br />
|
||||
<br />
|
||||
Zur Analyse der Nutzung meiner Website setze ich Umami ein. Umami
|
||||
speichert keine IP-Adressen oder Cookies. Alle erfassten Daten sind
|
||||
anonymisiert. Da ich Umami auf meinem eigenen Server betreibe, erfolgt
|
||||
keine Weitergabe an Dritte. Weitere Informationen finden Sie unter{" "}
|
||||
<Link
|
||||
className="text-blue-700 transition-underline"
|
||||
href={"https://umami.is"}
|
||||
>
|
||||
Umami
|
||||
</Link>
|
||||
.
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">Kontaktformular</h2>
|
||||
<p className="mt-2">
|
||||
Wenn Sie das Kontaktformular nutzen, werden Ihre Angaben zur
|
||||
Bearbeitung Ihrer Anfrage gespeichert. Diese Daten werden nicht an
|
||||
Dritte weitergegeben und nach Erfüllung des Zwecks gelöscht. <br />
|
||||
<br />
|
||||
Rechtsgrundlage: Art. 6 Abs. 1 S. 1 lit. a DSGVO (Einwilligung).
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">Social Media Links</h2>
|
||||
<p className="mt-2">
|
||||
Unsere Website enthält Links zu GitHub und LinkedIn. Durch das
|
||||
Anklicken dieser Links gelten die Datenschutzbestimmungen der
|
||||
jeweiligen Anbieter.
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">Weitergabe von Daten</h2>
|
||||
<p className="mt-2">
|
||||
Eine Weitergabe Ihrer personenbezogenen Daten erfolgt nur, wenn:
|
||||
<ul className="list-disc list-inside mt-2">
|
||||
<li>
|
||||
Sie nach Art. 6 Abs. 1 S. 1 lit. a DSGVO ausdrücklich eingewilligt
|
||||
haben,
|
||||
</li>
|
||||
<li>
|
||||
dies zur Vertragserfüllung gemäß Art. 6 Abs. 1 S. 1 lit. b DSGVO
|
||||
erforderlich ist,
|
||||
</li>
|
||||
<li>
|
||||
eine gesetzliche Verpflichtung zur Weitergabe nach Art. 6 Abs. 1
|
||||
S. 1 lit. c DSGVO besteht oder
|
||||
</li>
|
||||
<li>
|
||||
die Verarbeitung nach Art. 6 Abs. 1 S. 1 lit. f DSGVO zur Wahrung
|
||||
berechtigter Interessen erforderlich ist.
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">
|
||||
Speicherdauer und Löschung
|
||||
</h2>
|
||||
<p className="mt-2">
|
||||
Ihre Daten werden nur solange gespeichert, wie dies für die Erfüllung
|
||||
des Verarbeitungszwecks erforderlich ist. Nach Erfüllung des Zwecks
|
||||
werden Ihre Daten gelöscht.
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">Ihre Rechte</h2>
|
||||
<p className="mt-2">
|
||||
Sie haben gemäß DSGVO folgende Rechte:
|
||||
<ul className="list-disc list-inside mt-2">
|
||||
<li>
|
||||
Art. 15 DSGVO: Auskunftsrecht über Ihre von mir gespeicherten
|
||||
Daten
|
||||
</li>
|
||||
<li>
|
||||
Art. 16 DSGVO: Recht auf Berichtigung unrichtiger oder
|
||||
unvollständiger Daten
|
||||
</li>
|
||||
<li>
|
||||
Art. 17 DSGVO: Recht auf Löschung Ihrer bei mir gespeicherten
|
||||
Daten (soweit keine gesetzlichen Aufbewahrungspflichten
|
||||
entgegenstehen)
|
||||
</li>
|
||||
<li>
|
||||
Art. 18 DSGVO: Recht auf Einschränkung der Verarbeitung Ihrer
|
||||
Daten
|
||||
</li>
|
||||
<li>Art. 20 DSGVO: Recht auf Datenübertragbarkeit</li>
|
||||
<li>
|
||||
Art. 21 DSGVO: Widerspruchsrecht gegen die Verarbeitung Ihrer
|
||||
Daten
|
||||
</li>
|
||||
</ul>
|
||||
<br />
|
||||
Falls Sie eine Einwilligung erklärt haben, können Sie diese jederzeit
|
||||
widerrufen.
|
||||
<br />
|
||||
Beschwerden können Sie an die zuständige Datenschutzaufsichtsbehörde
|
||||
richten. Eine Liste der Datenschutzbeauftragten sowie deren
|
||||
Kontaktdaten finden Sie unter:{" "}
|
||||
<Link
|
||||
className="text-blue-700 transition-underline"
|
||||
href={"https://www.bfdi.bund.de/"}
|
||||
>
|
||||
https://www.bfdi.bund.de/
|
||||
</Link>
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">Datensicherheit</h2>
|
||||
<p className="mt-2">
|
||||
Ich setze technische und organisatorische Maßnahmen ein, um Ihre Daten
|
||||
zu schützen. Dazu gehören unter anderem die SSL-Verschlüsselung. Diese
|
||||
Verschlüsselung erkennen Sie an dem Schloss-Symbol in der Adresszeile
|
||||
Ihres Browsers und an der URL, die mit "https://" beginnt.
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">Kontakt</h2>
|
||||
<p className="mt-2">
|
||||
Bei Fragen zur Datenschutzerklärung kontaktieren Sie mich unter{" "}
|
||||
<Link
|
||||
href="mailto:info@dki.one"
|
||||
className="text-blue-700 transition-underline"
|
||||
>
|
||||
info@dki.one
|
||||
</Link>{" "}
|
||||
oder nutzen Sie das Kontaktformular auf meiner Website.
|
||||
</p>
|
||||
<h2 className="text-2xl font-semibold mt-6">
|
||||
Änderungen der Datenschutzerklärung
|
||||
</h2>
|
||||
<p className="mt-2">
|
||||
Diese Datenschutzerklärung wird regelmäßig aktualisiert, um den
|
||||
gesetzlichen Anforderungen zu entsprechen und neue Entwicklungen zu
|
||||
berücksichtigen. Die jeweils aktuelle Datenschutzerklärung finden Sie
|
||||
auf meiner Website.
|
||||
</p>
|
||||
<p className="mt-6 font-bold">Letzte Aktualisierung: 11.02.2025</p>
|
||||
</main>
|
||||
<Footer_Back />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user