From f6581e35e37371e84d34aba29410964aae23369a Mon Sep 17 00:00:00 2001 From: FlorianSpeicher Date: Wed, 21 May 2025 23:10:01 +0200 Subject: [PATCH] Add Contact page, must be updated later to shop impressum --- 01-frontend/src/App.tsx | 3 + 01-frontend/src/pages/Contact.tsx | 379 ++++++++++++++++++++++++++++++ 01-frontend/src/pages/pages.css | 38 +++ 3 files changed, 420 insertions(+) create mode 100644 01-frontend/src/pages/Contact.tsx diff --git a/01-frontend/src/App.tsx b/01-frontend/src/App.tsx index f7613f0..84f1c29 100644 --- a/01-frontend/src/App.tsx +++ b/01-frontend/src/App.tsx @@ -6,6 +6,7 @@ import Home from './pages/Home'; import NoPage from './pages/NoPage'; import Product from './pages/Product'; import Payment from './pages/Payment'; +import Contact from './pages/Contact'; import { BasketProvider } from './helper/BasketProvider'; export default function App() { @@ -20,6 +21,8 @@ export default function App() { } /> } /> } /> + } /> + } /> diff --git a/01-frontend/src/pages/Contact.tsx b/01-frontend/src/pages/Contact.tsx new file mode 100644 index 0000000..4b970a3 --- /dev/null +++ b/01-frontend/src/pages/Contact.tsx @@ -0,0 +1,379 @@ +import { Box, Divider, Typography } from "@mui/material"; +import "./pages.css"; + +export default function Impressum() { + return ( + + +

Impressum

+

+ Hochschule für Technik und Wirtschaft +
des Saarlandes +
Goebenstraße 40 +
66117 Saarbrücken + +
Telefon: (0681) 58 67 - 0 +
Telefax: (0681) 58 67 - 122 +
E-Mail: info@htwsaar.de + +
Aufsichtsbehörde: +
Ministerium der Finanzen und für Wissenschaft des Saarlandes +

+ + + + + +

Datenschutzerklärung

+

+ Personenbezogene Daten (nachfolgend zumeist nur „Daten“ genannt) werden von uns nur im Rahmen der + Erforderlichkeit + sowie zum Zwecke der Bereitstellung eines funktionsfähigen und nutzerfreundlichen Internetauftritts, inklusive + seiner Inhalte und der dort angebotenen Leistungen, verarbeitet. +

+ +

+ Gemäß Art. 4 Ziffer 1. der Verordnung (EU) 2016/679, also der Datenschutz-Grundverordnung (nachfolgend nur + „DSGVO“ + genannt), gilt als „Verarbeitung“ jeder mit oder ohne Hilfe automatisierter Verfahren ausgeführter Vorgang oder + jede + solche Vorgangsreihe im Zusammenhang mit personenbezogenen Daten, wie das Erheben, das Erfassen, die + Organisation, + das Ordnen, die Speicherung, die Anpassung oder Veränderung, das Auslesen, das Abfragen, die Verwendung, die + Offenlegung durch Übermittlung, Verbreitung oder eine andere Form der Bereitstellung, den Abgleich oder die + Verknüpfung, die Einschränkung, das Löschen oder die Vernichtung. +

+ +

+ Mit der nachfolgenden Datenschutzerklärung informieren wir Sie insbesondere über Art, Umfang, Zweck, Dauer und + Rechtsgrundlage der Verarbeitung personenbezogener Daten, soweit wir entweder allein oder gemeinsam mit anderen + über + die Zwecke und Mittel der Verarbeitung entscheiden. Zudem informieren wir Sie nachfolgend über die von uns zu + Optimierungszwecken sowie zur Steigerung der Nutzungsqualität eingesetzten Fremdkomponenten, soweit hierdurch + Dritte + Daten in wiederum eigener Verantwortung verarbeiten. +

+ +

Unsere Datenschutzerklärung ist wie folgt gegliedert:

+ +

+ I. Informationen über uns als Verantwortliche +
II. Rechte der Nutzer und Betroffenen +
III. Informationen zur Datenverarbeitung +

+ + + +

I. Informationen über uns als Verantwortliche

+ +

Verantwortlicher Anbieter dieses Internetauftritts im datenschutzrechtlichen Sinne ist:

+ +

+ Hochschule für Technik und Wirtschaft +
des Saarlandes +
Goebenstraße 40 +
66117 Saarbrücken + +
Telefon: (0681) 58 67 - 0 +
Telefax: (0681) 58 67 - 122 +
E-Mail: info@htwsaar.de + +
Aufsichtsbehörde: +
Ministerium der Finanzen und für Wissenschaft des Saarlandes +

+ + + +

II. Rechte der Nutzer und Betroffenen

+ +

Mit Blick auf die nachfolgend noch näher beschriebene Datenverarbeitung haben die Nutzer und Betroffenen das + Recht +

+ +
    +
  • + auf Bestätigung, ob sie betreffende Daten verarbeitet werden, auf Auskunft über die verarbeiteten Daten, auf + weitere Informationen über die Datenverarbeitung sowie auf Kopien der Daten (vgl. auch Art. 15 DSGVO); +
    • + +
  • + auf Berichtigung oder Vervollständigung unrichtiger bzw. unvollständiger Daten (vgl. auch Art. 16 DSGVO); +
    • + +
  • + auf unverzügliche Löschung der sie betreffenden Daten (vgl. auch Art. 17 DSGVO), oder, alternativ, soweit + eine + weitere Verarbeitung gemäß Art. 17 Abs. 3 DSGVO erforderlich ist, auf Einschränkung der Verarbeitung nach + Maßgabe von Art. 18 DSGVO; +
    • + +
  • + auf Erhalt der sie betreffenden und von ihnen bereitgestellten Daten und auf Übermittlung dieser Daten an + andere + Anbieter/Verantwortliche (vgl. auch Art. 20 DSGVO); +
    • + +
  • + auf Beschwerde gegenüber der Aufsichtsbehörde, sofern sie der Ansicht sind, dass die sie betreffenden Daten + durch den Anbieter unter Verstoß gegen datenschutzrechtliche Bestimmungen verarbeitet werden (vgl. auch Art. + 77 + DSGVO); +
    • +
+ +

+ Darüber hinaus ist der Anbieter dazu verpflichtet, alle Empfänger, denen gegenüber Daten durch den Anbieter + offengelegt worden sind, über jedwede Berichtigung oder Löschung von Daten oder die Einschränkung der + Verarbeitung, + die aufgrund der Artikel 16, 17 Abs. 1, 18 DSGVO erfolgt, zu unterrichten. Diese Verpflichtung besteht jedoch + nicht, + soweit diese Mitteilung unmöglich oder mit einem unverhältnismäßigen Aufwand verbunden ist. Unbeschadet dessen + hat + der Nutzer ein Recht auf Auskunft über diese Empfänger. +

+ +

+ + Ebenfalls haben die Nutzer und Betroffenen nach Art. 21 DSGVO das Recht auf Widerspruch gegen die künftige + Verarbeitung der sie betreffenden Daten, sofern die Daten durch den Anbieter nach Maßgabe von Art. 6 Abs. 1 + lit. + f) DSGVO verarbeitet werden. Insbesondere ist ein Widerspruch gegen die Datenverarbeitung zum Zwecke der + Direktwerbung statthaft. + +

+ + + + +

III. Informationen zur Datenverarbeitung

+ +

+ Ihre bei Nutzung unseres Internetauftritts verarbeiteten Daten werden gelöscht oder gesperrt, sobald der Zweck + der + Speicherung entfällt, der Löschung der Daten keine gesetzlichen Aufbewahrungspflichten entgegenstehen und + nachfolgend keine anderslautenden Angaben zu einzelnen Verarbeitungsverfahren gemacht werden. +

+ + + + +

Cookies

+ +
a) Sitzungs-Cookies/Session-Cookies
+ +

+ Wir verwenden mit unserem Internetauftritt sog. Cookies. Cookies sind kleine Textdateien oder andere + Speichertechnologien, die durch den von Ihnen eingesetzten Internet-Browser auf Ihrem Endgerät ablegt und + gespeichert werden. Durch diese Cookies werden im individuellen Umfang bestimmte Informationen von Ihnen, wie + beispielsweise Ihre Browser- oder Standortdaten oder Ihre IP-Adresse, verarbeitet. +

+ +

+ Durch diese Verarbeitung wird unser Internetauftritt benutzerfreundlicher, effektiver und sicherer, da die + Verarbeitung bspw. die Wiedergabe unseres Internetauftritts in unterschiedlichen Sprachen oder das Angebot einer + Warenkorbfunktion ermöglicht. +

+ +

+ Rechtsgrundlage dieser Verarbeitung ist Art. 6 Abs. 1 lit b.) DSGVO, sofern diese Cookies Daten zur + Vertragsanbahnung + oder Vertragsabwicklung verarbeitet werden. +

+ +

+ Falls die Verarbeitung nicht der Vertragsanbahnung oder Vertragsabwicklung dient, liegt unser berechtigtes + Interesse + in der Verbesserung der Funktionalität unseres Internetauftritts. Rechtsgrundlage ist in dann Art. 6 Abs. 1 lit. + f) + DSGVO. +

+ + + +
b) Drittanbieter-Cookies
+ +

+ Gegebenenfalls werden mit unserem Internetauftritt auch Cookies von Partnerunternehmen, mit denen wir zum Zwecke + der + Werbung, der Analyse oder der Funktionalitäten unseres Internetauftritts zusammenarbeiten, verwendet. +

+ +

+ Die Einzelheiten hierzu, insbesondere zu den Zwecken und den Rechtsgrundlagen der Verarbeitung solcher + Drittanbieter-Cookies, entnehmen Sie bitte den nachfolgenden Informationen. +

+ + + +
c) Beseitigungsmöglichkeit
+ +

+ Sie können die Installation der Cookies durch eine Einstellung Ihres Internet-Browsers verhindern oder + einschränken. + Ebenfalls können Sie bereits gespeicherte Cookies jederzeit löschen. Die hierfür erforderlichen Schritte und + Maßnahmen hängen jedoch von Ihrem konkret genutzten Internet-Browser ab. Bei Fragen benutzen Sie daher bitte die + Hilfefunktion oder Dokumentation Ihres Internet-Browsers oder wenden sich an dessen Hersteller bzw. Support. Bei + sog. Flash-Cookies kann die Verarbeitung allerdings nicht über die Einstellungen des Browsers unterbunden + werden. + Stattdessen müssen Sie insoweit die Einstellung Ihres Flash-Players ändern. Auch die hierfür erforderlichen + Schritte + und Maßnahmen hängen von Ihrem konkret genutzten Flash-Player ab. Bei Fragen benutzen Sie daher bitte ebenso die + Hilfefunktion oder Dokumentation Ihres Flash-Players oder wenden sich an den Hersteller bzw. Benutzer-Support. +

+ +

+ Sollten Sie die Installation der Cookies verhindern oder einschränken, kann dies allerdings dazu führen, dass + nicht + sämtliche Funktionen unseres Internetauftritts vollumfänglich nutzbar sind. +

+ + + +

Kundenkonto / Registrierungsfunktion

+ +

+ Falls Sie über unseren Internetauftritt ein Kundenkonto bei uns anlegen, werden wir die von Ihnen bei der + Registrierung eingegebenen Daten (also bspw. Ihren Namen oder Ihre E-Mail-Adresse) ausschließlich + für vorvertragliche Leistungen, für die Vertragserfüllung oder zum Zwecke der Kundenpflege (bspw. um Ihnen eine + Übersicht über Ihre bisherigen Schreibstatistiken bei uns zur Verfügung zu stellen oder um Ihnen die sog. + Merkzettelfunktion anbieten zu können) erheben und speichern. Gleichzeitig speichern wir dann die IP-Adresse und + das + Datum Ihrer Registrierung nebst Uhrzeit. Eine Weitergabe dieser Daten an Dritte erfolgt natürlich nicht. +

+ +

+ Im Rahmen des weiteren Anmeldevorgangs wird Ihre Einwilligung in diese Verarbeitung eingeholt und auf diese + Datenschutzerklärung verwiesen. Die dabei von uns erhobenen Daten werden ausschließlich für die + Zurverfügungstellung + des Kundenkontos verwendet. +

+ +

Soweit Sie in diese Verarbeitung einwilligen, ist Art. 6 Abs. 1 lit. a) DSGVO Rechtsgrundlage für die + Verarbeitung. +

+ +

+ Sofern die Eröffnung des Kundenkontos zusätzlich auch vorvertraglichen Maßnahmen oder der Vertragserfüllung + dient, + so + ist Rechtsgrundlage für diese Verarbeitung auch noch Art. 6 Abs. 1 lit. b) DSGVO. +

+ +

+ Die uns erteilte Einwilligung in die Eröffnung und den Unterhalt des Kundenkontos können Sie gemäß Art. 7 Abs. 3 + DSGVO jederzeit mit Wirkung für die Zukunft widerrufen. Hierzu müssen Sie uns lediglich über Ihren Widerruf in + Kenntnis setzen. +

+ +

+ Die insoweit erhobenen Daten werden gelöscht, sobald die Verarbeitung nicht mehr erforderlich ist. Hierbei + müssen + wir + aber steuer- und handelsrechtliche Aufbewahrungsfristen beachten. +

+ + + +

Serverdaten

+ +

+ Aus technischen Gründen, insbesondere zur Gewährleistung eines sicheren und stabilen Internetauftritts, werden + Daten + durch Ihren Internet-Browser an uns bzw. an unseren Webspace-Provider übermittelt. Mit diesen sog. + Server-Logfiles + werden u.a. Typ und Version Ihres Internetbrowsers, das Betriebssystem, die Website, von der aus Sie auf unseren + Internetauftritt gewechselt haben (Referrer URL), die Website(s) unseres Internetauftritts, die Sie besuchen, + Datum + und Uhrzeit des jeweiligen Zugriffs sowie die IP-Adresse des Internetanschlusses, von dem aus die Nutzung + unseres + Internetauftritts erfolgt, erhoben. +

+ +

Diese so erhobenen Daten werden vorrübergehend gespeichert, dies jedoch nicht gemeinsam mit anderen Daten von + Ihnen. +

+ +

+ Diese Speicherung erfolgt auf der Rechtsgrundlage von Art. 6 Abs. 1 lit. f) DSGVO. Unser berechtigtes Interesse + liegt + in der Verbesserung, Stabilität, Funktionalität und Sicherheit unseres Internetauftritts. +

+ +

+ Die Daten werden spätestens nach sieben Tage wieder gelöscht, soweit keine weitere Aufbewahrung zu Beweiszwecken + erforderlich ist. Andernfalls sind die Daten bis zur endgültigen Klärung eines Vorfalls ganz oder teilweise von + der + Löschung ausgenommen. +

+ + + +

CloudFlare

+ +

+ Zur Absicherung unseres Internetauftritts sowie zur Optimierung der Ladezeiten setzen wir den Dienst CloudFlare + als + sog. CDN (Content-Delivery-Network) ein. Es handelt sich hierbei um einen Dienst der Cloudflare Inc., 101 + Townsend + Street, San Francisco, California 94107, USA, nachfolgend nur „CloudFlare“ genannt. +

+ +

+ Rechtsgrundlage ist Art. 6 Abs. 1 lit. f) DSGVO. Unser berechtigtes Interesse liegt in dem sicheren Betrieb + unseres + Internetauftritts sowie in dessen Optimierung. +

+ +

+ Sofern Sie unseren Internetauftritt aufrufen, werden Ihre Anfragen über den Server von CloudFlare geleitet. + Hierbei + werden statistische Zugriffsdaten über den Besuch unseres Internetauftritts erhoben und durch CloudFlare ein + Cookie + über Ihren Internet-Browser auf Ihrem Endgerät gespeichert. Zu den Zugriffsdaten zählen +

+ +

– Ihre IP-Adresse,

+

– die von Ihnen aufgerufene(n) Internetseite(n) unseres Internetauftritts,

+

– Typ und Version des von Ihnen genutzten Internet – Browsers,

+

– das von Ihnen genutzte Betriebssystem,

+

– die Internetseite, von der sie auf unseren Internetauftritt gewechselt haben (Referrer- URL),

+

– Ihre Verweildauer auf unserem Internetauftritt und

+

– die Häufigkeit des Aufrufs unserer Internetseiten.

+ +

+ Die Daten werden durch CloudFlare zum Zwecke statistischer Auswertungen der Zugriffe sowie zur Sicherheit und + Optimierung des Angebots verwendet. +

+ +

+ Sofern Sie mit dieser Verarbeitung nicht einverstanden sind, haben Sie die Möglichkeit, die Installation der + Cookies + durch die entsprechenden Einstellungen in Ihrem Internet-Browser zu verhindern. Einzelheiten hierzu finden Sie + vorstehend unter dem Punkt „Cookies“. +

+ +

CloudFlare bietet unter

+ +

+ https://www.cloudflare.com/privacypolicy/ +

+ +

+ weitere Informationen zur Erhebung und Nutzung der Daten sowie zu Ihren Rechten und Möglichkeiten zum Schutz + Ihrer + Privatsphäre an. +

+ +

+ + Aufbauend auf der Muster-Datenschutzerklärung der + Anwaltskanzlei Weiß & Partner + +

+ + + + ); +} \ No newline at end of file diff --git a/01-frontend/src/pages/pages.css b/01-frontend/src/pages/pages.css index 2044d4e..26d991b 100644 --- a/01-frontend/src/pages/pages.css +++ b/01-frontend/src/pages/pages.css @@ -71,4 +71,42 @@ display: flex; justify-content: center; flex-shrink: 0; +} + +.impressum-container { + display: flex; + flex-direction: column; + align-items: flex-start; /* Elemente links ausrichten */ + justify-content: flex-start; + padding: 20px; + text-align: left; + background: linear-gradient(135deg, #ece9e6, #ffffff); + color: #333; + min-height: 100vh; + margin: 0; /* Entferne zentrierende Margins */ + width: 100%; /* Container nimmt die gesamte Breite ein */ + box-sizing: border-box; /* Padding wird in die Breite einbezogen */ +} + +.impressum-title { + font-size: 2.5rem; + font-weight: bold; + margin-bottom: 16px; + color: #1976d2; +} + +.impressum-content { + font-size: 1rem; + line-height: 1.6; + color: #555; +} + +.contact-divider { + background-color: #555; /* Farbe für den Divider */ + height: 2px; +} + +.contact-divider-box { + width: 100%; + margin: 25px 0; /* Abstand hinzufügen */ } \ No newline at end of file