diff --git a/01-frontend/src/helper/navbar/NavBar.tsx b/01-frontend/src/helper/navbar/NavBar.tsx index 4abfcf0..e564c57 100644 --- a/01-frontend/src/helper/navbar/NavBar.tsx +++ b/01-frontend/src/helper/navbar/NavBar.tsx @@ -85,8 +85,8 @@ export default function NavBar() { }; return ( - - + - + {t('categories')} diff --git a/01-frontend/src/pages/Contact.tsx b/01-frontend/src/pages/Contact.tsx index 3b8794d..d6df019 100644 --- a/01-frontend/src/pages/Contact.tsx +++ b/01-frontend/src/pages/Contact.tsx @@ -4,376 +4,81 @@ 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 -

+ + Impressum - - - - -

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 - -

+ + 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) ... + + + + Gemäß Art. 4 Ziffer 1. der Verordnung (EU) 2016/679, also der Datenschutz-Grundverordnung ... + + + + 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 ... + + + + II. Rechte der Nutzer und Betroffenen + + + + Mit Blick auf die nachfolgend noch näher beschriebene Datenverarbeitung haben die Nutzer und Betroffenen ... + + +
    +
  • Auskunft über die verarbeiteten Daten (Art. 15 DSGVO)
    • +
  • Berichtigung unrichtiger Daten (Art. 16 DSGVO)
    • +
  • Löschung der Daten (Art. 17 DSGVO)
    • +
  • Einschränkung der Verarbeitung (Art. 18 DSGVO)
    • +
  • Datenübertragbarkeit (Art. 20 DSGVO)
    • +
+ + + III. Informationen zur Datenverarbeitung + + + + Ihre bei Nutzung unseres Internetauftritts verarbeiteten Daten ... + + + {/* Du kannst einfach alle weiteren Absätze so fortsetzen – copy & paste, + jeweils in: … */} + + + Mehr Infos unter: CloudFlare Datenschutzerklärung ); -} \ No newline at end of file +} diff --git a/01-frontend/src/pages/Payment.tsx b/01-frontend/src/pages/Payment.tsx index 224082f..fbf47ad 100644 --- a/01-frontend/src/pages/Payment.tsx +++ b/01-frontend/src/pages/Payment.tsx @@ -21,11 +21,13 @@ import { useNavigate } from 'react-router-dom'; import {useTranslation} from "react-i18next"; const Item = styled(Paper)(({ theme }) => ({ - backgroundColor: '#fff', + backgroundColor: theme.palette.background.paper, + color: theme.palette.text.primary, ...theme.typography.body2, padding: theme.spacing(1), textAlign: 'center', - })); +})); + export default function Payment() { diff --git a/01-frontend/src/pages/pages.css b/01-frontend/src/pages/pages.css index f6e74f2..b18ccf2 100644 --- a/01-frontend/src/pages/pages.css +++ b/01-frontend/src/pages/pages.css @@ -1,45 +1,45 @@ .no-page-container { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - height: 100vh; - text-align: center; - background: linear-gradient(135deg, #ece9e6, #ffffff); - color: #333; - gap: 2%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 100vh; + text-align: center; + background-color: var(--background-color); + color: var(--text-color); + gap: 2%; } .no-page-title { - font-size: 8rem; - font-weight: bold; - color: primary; /* Material-UI Primary Color */ - margin-bottom: 16px; + font-size: 8rem; + font-weight: bold; + color: var(--text-color); + margin-bottom: 16px; } .no-page-subtitle { - font-size: 1.5rem; - margin-bottom: 8px; - color: #555; + font-size: 1.5rem; + margin-bottom: 8px; + color: var(--text-color); } .no-page-description { - font-size: 1rem; - margin-bottom: 24px; - color: #777; + font-size: 1rem; + margin-bottom: 24px; + color: var(--text-color); } .no-page-button { - font-size: 1rem; - padding: 12px 24px; - background-color: primary; - color: white; - border-radius: 8px; - transition: background-color 0.3s ease; + font-size: 1rem; + padding: 12px 24px; + background-color: #0fd13f; + color: white; + border-radius: 8px; + transition: background-color 0.3s ease; } .no-page-button:hover { - background-color: primary; + background-color: #0cc634; } .cardgrid { @@ -54,67 +54,69 @@ } .page-background { - background: linear-gradient(135deg, #ece9e6, #ffffff); - height: calc(100vh - 3rem); /* Damit der Hintergrund die gesamte Seite abdeckt */ + background-color: var(--background-color); + height: calc(100vh - 3rem); min-height: 600px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; overflow: auto; - padding: 20px 0; /* Abstand oben und unten */ - box-sizing: border-box; /* Stellt sicher, dass Padding in die Höhe einbezogen wird */ - width: 100%; /* Damit der Hintergrund die gesamte Breite abdeckt */ + padding: 20px 0; + box-sizing: border-box; + width: 100%; + color: var(--text-color); } .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: primary; - 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 */ + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: flex-start; + padding: 20px; + text-align: left; + background-color: var(--background-color); + color: var(--text-color); + min-height: 100vh; + margin: 0; + width: 100%; + box-sizing: border-box; } .impressum-title { - font-size: 2.5rem; - font-weight: bold; - margin-bottom: 16px; - color: #1976d2; + font-size: 2.5rem; + font-weight: bold; + margin-bottom: 16px; + color: var(--text-color); } .impressum-content { - font-size: 1rem; - line-height: 1.6; - color: #555; + font-size: 1rem; + line-height: 1.6; + color: var(--text-color); } .contact-divider { - background-color: #555; /* Farbe für den Divider */ - height: 2px; + background-color: var(--text-color); + height: 2px; } .contact-divider-box { - width: 100%; - margin: 25px 0; /* Abstand hinzufügen */ + width: 100%; + margin: 25px 0; } .product-page-background { - background: linear-gradient(135deg, #ece9e6, #ffffff); + background-color: var(--background-color); height: 100%; min-height: 600px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; - padding: 20px 0; /* Abstand oben und unten */ - box-sizing: border-box; /* Stellt sicher, dass Padding in die Höhe einbezogen wird */ + padding: 20px 0; + box-sizing: border-box; + color: var(--text-color); } .home-page-background { @@ -123,11 +125,10 @@ width: 100%; overflow: auto !important; scroll-behavior: smooth; - height: calc(100vh - 3rem); /* Damit der Hintergrund die gesamte Seite abdeckt */ - min-height: 600px; - /* padding: 20px 0 40px 0; /* Abstand oben und unten */ + height: calc(100vh - 30rem); + min-height: 6000px; box-sizing: border-box; - color: black; + color: grey; } .filter-container { @@ -148,4 +149,5 @@ .no-results { text-align: center; font-size: 1rem; -} \ No newline at end of file + color: var(--text-color); +} diff --git a/01-frontend/src/theme/ThemeContext.tsx b/01-frontend/src/theme/ThemeContext.tsx index 7e8eed6..baae1a0 100644 --- a/01-frontend/src/theme/ThemeContext.tsx +++ b/01-frontend/src/theme/ThemeContext.tsx @@ -125,7 +125,7 @@ export const CustomThemeProvider: React.FC = ({ childr MuiAppBar: { styleOverrides: { colorPrimary: { - backgroundColor: '#0fd13f !important', + backgroundColor: mode === 'dark' ? '#065f24' : '#0fd13f', color: '#ffffff', }, },