From aae37710208472d627a6d7de340e93b93647a9c0 Mon Sep 17 00:00:00 2001
From: Mario <mario.pesch@uni-muenster.de>
Date: Wed, 25 Nov 2020 18:18:45 +0100
Subject: [PATCH] add impressum

---
 src/components/Blockly/generator/logic.js |   3 -
 src/components/Footer.js                  |  16 +-
 src/components/Impressum.js               |  47 ++++++
 src/components/Navbar.js                  |   8 +-
 src/components/Privacy.js                 | 187 ++++++++++++++++++++++
 src/components/Routes.js                  |   4 +
 6 files changed, 250 insertions(+), 15 deletions(-)
 create mode 100644 src/components/Impressum.js
 create mode 100644 src/components/Privacy.js

diff --git a/src/components/Blockly/generator/logic.js b/src/components/Blockly/generator/logic.js
index 5fed20a..5ece01c 100644
--- a/src/components/Blockly/generator/logic.js
+++ b/src/components/Blockly/generator/logic.js
@@ -127,9 +127,6 @@ Blockly.Arduino['logic_negate'] = function (Block) {
 };
 
 
-
-
-
 Blockly.Arduino['switch_case'] = function (block) {
     var n = 0;
     var argument = Blockly.Arduino.valueToCode(this, 'CONDITION',
diff --git a/src/components/Footer.js b/src/components/Footer.js
index fa068da..5c546f3 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -7,14 +7,14 @@ import Typography from '@material-ui/core/Typography';
 class Footer extends Component {
   render() {
     return (
-      <footer style={{position:'absolute', bottom: '0', width: '100%'}}>
-        <div style={{minHeight:'30px', backgroundColor:'#DDDDDD', textAlign: 'center', paddingTop: '2px'}}>
-          <div style={{color: 'grey', height: '100%'}}>
-            <Link to={"/impressum"} style={{textDecoration: 'none', color: 'inherit'}}>Impressum</Link>
-            <Typography style={{margin: '0px 10px 0px 10px', display: 'initial', fontSize: '1rem'}}>|</Typography>
-            <Link to={"/ueberuns"} style={{textDecoration: 'none', color: 'inherit'}}>Über uns</Link>
-            <Typography style={{margin: '0px 10px 0px 10px', display: 'initial', fontSize: '1rem'}}>|</Typography>
-            <Link to={"/faq"} style={{textDecoration: 'none', color: 'inherit'}}>FAQ</Link>
+      <footer style={{ position: 'absolute', bottom: '0', width: '100%' }}>
+        <div style={{ minHeight: '30px', backgroundColor: '#4EAF47', textAlign: 'center', paddingTop: '2px' }}>
+          <div style={{ color: 'white', height: '100%' }}>
+            <Link to={"/impressum"} style={{ textDecoration: 'none', color: 'inherit' }}>Impressum</Link>
+            <Typography style={{ margin: '0px 10px 0px 10px', display: 'initial', fontSize: '1rem' }}>|</Typography>
+            <Link to={"/privacy"} style={{ textDecoration: 'none', color: 'inherit' }}>Privacy</Link>
+            <Typography style={{ margin: '0px 10px 0px 10px', display: 'initial', fontSize: '1rem' }}>|</Typography>
+            <a href="https://sensebox.de" style={{ textDecoration: 'none', color: 'inherit' }}>sensebox.de</a>
           </div>
         </div>
       </footer>
diff --git a/src/components/Impressum.js b/src/components/Impressum.js
new file mode 100644
index 0000000..9fb9f97
--- /dev/null
+++ b/src/components/Impressum.js
@@ -0,0 +1,47 @@
+import React, { Component } from 'react';
+import { withRouter } from 'react-router-dom';
+
+class Impressum extends Component {
+    render() {
+        return (
+            <div style={{ margin: '0px 24px 0px 24px' }}>
+                <h1>Impressum</h1>
+
+                <h2>Angaben gemäß § 5 TMG:</h2>
+          Institut für Geoinformatik<br />
+          Heisenbergstraße 2<br />
+          Geo 1<br />
+          48149 Münster
+
+                <h2>Kontakt:</h2>
+          E-Mail: <a href="mailto:info@mybadges.org!">info@mybadges.org</a>
+
+                <h2>Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV:</h2>
+          Geschäftsführende Direktorin Prof. Dr. Angela Schwering<br />
+          Heisenbergstraße 2<br />
+          Geo 1<br />
+          48149 Münster
+
+                <h2>Streitschlichtung</h2>
+          Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: <a href="https://ec.europa.eu/consumers/odr" target="_blank" rel="noopener noreferrer">https://ec.europa.eu/consumers/odr</a>.<br />
+          Unsere E-Mail-Adresse finden Sie oben im Impressum.<br />
+                <p>Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
+
+                <h3>Haftung für Inhalte</h3>
+            Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.
+                <p>Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.</p>
+
+                <h3>Haftung für Links</h3>
+            Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.
+                <p>Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</p>
+
+                <h3>Urheberrecht</h3>
+            Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.
+                <p>Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.</p>
+
+            </div>
+        );
+    };
+}
+
+export default withRouter(Impressum);
\ No newline at end of file
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index a70d9a4..743a245 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -17,7 +17,7 @@ import ListItem from '@material-ui/core/ListItem';
 import ListItemIcon from '@material-ui/core/ListItemIcon';
 import ListItemText from '@material-ui/core/ListItemText';
 
-import { faBars, faChevronLeft, faBuilding, faIdCard, faEnvelope, faCog, faChalkboardTeacher, faFolderPlus } from "@fortawesome/free-solid-svg-icons";
+import { faBars, faChevronLeft, faBuilding, faIdCard, faEnvelope, faCog, faChalkboardTeacher, faFolderPlus, faTools, faLightbulb } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 const styles = (theme) => ({
@@ -96,7 +96,7 @@ class Navbar extends Component {
             </div>
           </div>
           <List>
-            {[{ text: 'Tutorials', icon: faChalkboardTeacher, link: "/tutorial" }, { text: 'Tutorial-Builder', icon: faFolderPlus, link: "/tutorial/builder" }, { text: 'Gallery', icon: faFolderPlus, link: "/gallery" }, { text: 'Einstellungen', icon: faCog, link: "/settings" }].map((item, index) => (
+            {[{ text: 'Tutorials', icon: faChalkboardTeacher, link: "/tutorial" }, { text: 'Tutorial-Builder', icon: faTools, link: "/tutorial/builder" }, { text: 'Gallery', icon: faLightbulb, link: "/gallery" }, { text: 'Einstellungen', icon: faCog, link: "/settings" }].map((item, index) => (
               <Link to={item.link} key={index} style={{ textDecoration: 'none', color: 'inherit' }}>
                 <ListItem button onClick={this.toggleDrawer}>
                   <ListItemIcon><FontAwesomeIcon icon={item.icon} /></ListItemIcon>
@@ -106,14 +106,14 @@ class Navbar extends Component {
             ))}
           </List>
           <Divider classes={{ root: this.props.classes.appBarColor }} style={{ marginTop: 'auto' }} />
-          <List>
+          {/* <List>
             {[{ text: 'Über uns', icon: faBuilding }, { text: 'Kontakt', icon: faEnvelope }, { text: 'Impressum', icon: faIdCard }].map((item, index) => (
               <ListItem button key={index} onClick={this.toggleDrawer}>
                 <ListItemIcon><FontAwesomeIcon icon={item.icon} /></ListItemIcon>
                 <ListItemText primary={item.text} />
               </ListItem>
             ))}
-          </List>
+          </List> */}
         </Drawer>
       </div>
     );
diff --git a/src/components/Privacy.js b/src/components/Privacy.js
new file mode 100644
index 0000000..ffb8c92
--- /dev/null
+++ b/src/components/Privacy.js
@@ -0,0 +1,187 @@
+import React, { Component } from 'react';
+import { withRouter } from 'react-router-dom';
+
+class Privay extends Component {
+    render() {
+        return (
+            <div style={{ margin: '0px 24px 0px 24px' }}>
+                <h1>Datenschutzerklärung</h1>
+
+                <h2>1. Datenschutz auf einen Blick</h2>
+                <h3>Allgemeine Hinweise</h3>
+        Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie unsere Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können. Ausführliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem Text aufgeführten Datenschutzerklärung.
+                <h3>Datenerfassung auf unserer Website</h3>
+
+                <h4>Wer ist verantwortlich für die Datenerfassung auf dieser Website?</h4>
+
+Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Impressum dieser Website entnehmen.
+
+Wie erfassen wir Ihre Daten?
+
+Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen. Hierbei kann es sich z.B. um Daten handeln, die Sie in ein Kontaktformular eingeben.
+
+Andere Daten werden automatisch beim Besuch der Website durch unsere IT-Systeme erfasst. Das sind vor allem technische Daten (z.B. Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs). Die Erfassung dieser Daten erfolgt automatisch, sobald Sie unsere Website betreten.
+
+                <h4>Wofür nutzen wir Ihre Daten?</h4>
+Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens verwendet werden.
+
+                <h4>Welche Rechte haben Sie bezüglich Ihrer Daten?</h4>
+
+Sie haben jederzeit das Recht unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung, Sperrung oder Löschung dieser Daten zu verlangen. Hierzu sowie zu weiteren Fragen zum Thema Datenschutz können Sie sich jederzeit unter der im Impressum angegebenen Adresse an uns wenden. Des Weiteren steht Ihnen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu.
+
+                <h4>Analyse-Tools und Tools von Drittanbietern</h4>
+Beim Besuch unserer Website kann Ihr Surf-Verhalten statistisch ausgewertet werden. Das geschieht vor allem mit Cookies und mit sogenannten Analyseprogrammen. Die Analyse Ihres Surf-Verhaltens erfolgt in der Regel anonym; das Surf-Verhalten kann nicht zu Ihnen zurückverfolgt werden. Sie können dieser Analyse widersprechen oder sie durch die Nichtbenutzung bestimmter Tools verhindern. Detaillierte Informationen dazu finden Sie in der folgenden Datenschutzerklärung.
+
+Sie können dieser Analyse widersprechen. Über die Widerspruchsmöglichkeiten werden wir Sie in dieser Datenschutzerklärung informieren.
+
+
+
+
+                <h2>2. Allgemeine Hinweise und Pflichtinformationen</h2>
+                <h3>Datenschutz</h3>
+Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst.Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung.
+
+Wenn Sie diese Website benutzen, werden verschiedene personenbezogene Daten erhoben.Personenbezogene Daten sind Daten, mit denen Sie persönlich identifiziert werden können.Die vorliegende Datenschutzerklärung erläutert, welche Daten wir erheben und wofür wir sie nutzen.Sie erläutert auch, wie und zu welchem Zweck das geschieht.
+
+Wir weisen darauf hin, dass die Datenübertragung im Internet(z.B.bei der Kommunikation per E - Mail) Sicherheitslücken aufweisen kann.Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.
+
+Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:
+
+Institut für Geoinformatik
+Heisenbergstraße 2
+48149 Münster
+
+Telefon: +49(251) 83 - 33 083
+E - Mail: info@sensebox.de
+
+Verantwortliche Stelle ist die natürliche oder juristische Person, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten(z.B.Namen, E - Mail - Adressen o.Ä.) entscheidet.
+
+                <h4>Widerruf Ihrer Einwilligung zur Datenverarbeitung</h4>
+Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich.Sie können eine bereits erteilte Einwilligung jederzeit widerrufen.Dazu reicht eine formlose Mitteilung per E - Mail an uns.Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt.
+
+                <h4>Beschwerderecht bei der zuständigen Aufsichtsbehörde</h4>
+Im Falle datenschutzrechtlicher Verstöße steht dem Betroffenen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu.Zuständige Aufsichtsbehörde in datenschutzrechtlichen Fragen ist der Landesdatenschutzbeauftragte des Bundeslandes, in dem unser Unternehmen seinen Sitz hat.Eine Liste der Datenschutzbeauftragten sowie deren Kontaktdaten können folgendem Link entnommen werden: https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html.
+
+                <h4>Recht auf Datenübertragbarkeit</h4>
+Sie haben das Recht, Daten, die wir auf Grundlage Ihrer Einwilligung oder in Erfüllung eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in einem gängigen, maschinenlesbaren Format aushändigen zu lassen.Sofern Sie die direkte Übertragung der Daten an einen anderen Verantwortlichen verlangen, erfolgt dies nur, soweit es technisch machbar ist.
+
+                <h4>SSL - bzw.TLS - Verschlüsselung</h4>
+Diese Seite nutzt aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher Inhalte, wie zum Beispiel Bestellungen oder Anfragen, die Sie an uns als Seitenbetreiber senden, eine SSL - bzw.TLS - Verschlüsselung.Eine verschlüsselte Verbindung erkennen Sie daran, dass die Adresszeile des Browsers von “http://” auf “https://” wechselt und an dem Schloss-Symbol in Ihrer Browserzeile.
+
+Wenn die SSL - bzw.TLS - Verschlüsselung aktiviert ist, können die Daten, die Sie an uns übermitteln, nicht von Dritten mitgelesen werden.
+
+                <h4>Auskunft, Sperrung, Löschung</h4>
+Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf unentgeltliche Auskunft über Ihre gespeicherten personenbezogenen Daten, deren Herkunft und Empfänger und den Zweck der Datenverarbeitung und ggf.ein Recht auf Berichtigung, Sperrung oder Löschung dieser Daten.Hierzu sowie zu weiteren Fragen zum Thema personenbezogene Daten können Sie sich jederzeit unter der im Impressum angegebenen Adresse an uns wenden.
+
+                <h4>Widerspruch gegen Werbe - Mails</h4>
+Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit widersprochen.Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam - E - Mails, vor.
+
+                <h2>3. Datenschutzbeauftragter</h2>
+Gesetzlich vorgeschriebener Datenschutzbeauftragter
+Wir haben für unser Unternehmen einen Datenschutzbeauftragten bestellt.
+
+                <p>Institut für Geoinformatik</p>
+                <p>Heisenbergstraße 2</p>
+                <p>48149 Münster</p>
+
+                <p>Telefon: +49(251) 83 - 33 083</p>
+                <p>E - Mail: info@sensebox.de</p>
+
+                <h2>4. Datenerfassung auf unserer Website</h2>
+                <h3>Cookies</h3>
+Die Internetseiten verwenden teilweise so genannte Cookies.Cookies richten auf Ihrem Rechner keinen Schaden an und enthalten keine Viren.Cookies dienen dazu, unser Angebot nutzerfreundlicher, effektiver und sicherer zu machen.Cookies sind kleine Textdateien, die auf Ihrem Rechner abgelegt werden und die Ihr Browser speichert.
+
+Die meisten der von uns verwendeten Cookies sind so genannte “Session - Cookies”.Sie werden nach Ende Ihres Besuchs automatisch gelöscht.Andere Cookies bleiben auf Ihrem Endgerät gespeichert bis Sie diese löschen.Diese Cookies ermöglichen es uns, Ihren Browser beim nächsten Besuch wiederzuerkennen.
+
+Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und Cookies nur im Einzelfall erlauben, die Annahme von Cookies für bestimmte Fälle oder generell ausschließen sowie das automatische Löschen der Cookies beim Schließen des Browser aktivieren.Bei der Deaktivierung von Cookies kann die Funktionalität dieser Website eingeschränkt sein.
+
+  Cookies, die zur Durchführung des elektronischen Kommunikationsvorgangs oder zur Bereitstellung bestimmter, von Ihnen erwünschter Funktionen(z.B.Warenkorbfunktion) erforderlich sind, werden auf Grundlage von Art. 6 Abs. 1 lit.f DSGVO gespeichert.Der Websitebetreiber hat ein berechtigtes Interesse an der Speicherung von Cookies zur technisch fehlerfreien und optimierten Bereitstellung seiner Dienste.Soweit andere Cookies(z.B.Cookies zur Analyse Ihres Surfverhaltens) gespeichert werden, werden diese in dieser Datenschutzerklärung gesondert behandelt.
+
+                <h4> Server - Log - Dateien</h4>
+Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten Server - Log - Dateien, die Ihr Browser automatisch an uns übermittelt.Dies sind:
+                <ul>
+
+                    <li>Browsertyp und Browserversion</li>
+                    <li>verwendetes Betriebssystem</li>
+                    <li>Referrer URL</li>
+                    <li>Hostname des zugreifenden Rechners</li>
+                    <li>Uhrzeit der Serveranfrage</li>
+                    <li>
+                        IP - Adresse</li>
+                </ul>
+
+Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen.
+
+Grundlage für die Datenverarbeitung ist Art. 6 Abs. 1 lit.b DSGVO, der die Verarbeitung von Daten zur Erfüllung eines Vertrags oder vorvertraglicher Maßnahmen gestattet.
+
+                <h4>Kontaktformular</h4>
+Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns gespeichert.Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.
+
+Die Verarbeitung der in das Kontaktformular eingegebenen Daten erfolgt somit ausschließlich auf Grundlage Ihrer Einwilligung(Art. 6 Abs. 1 lit.a DSGVO).Sie können diese Einwilligung jederzeit widerrufen.Dazu reicht eine formlose Mitteilung per E - Mail an uns.Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitungsvorgänge bleibt vom Widerruf unberührt.
+
+Die von Ihnen im Kontaktformular eingegebenen Daten verbleiben bei uns, bis Sie uns zur Löschung auffordern, Ihre Einwilligung zur Speicherung widerrufen oder der Zweck für die Datenspeicherung entfällt(z.B.nach abgeschlossener Bearbeitung Ihrer Anfrage).Zwingende gesetzliche Bestimmungen – insbesondere Aufbewahrungsfristen – bleiben unberührt.
+
+                <h4>Registrierung auf dieser Website</h4>
+Sie können sich auf unserer Website registrieren, um zusätzliche Funktionen auf der Seite zu nutzen. Die dazu eingegebenen Daten verwenden wir nur zum Zwecke der Nutzung des jeweiligen Angebotes oder Dienstes, für den Sie sich registriert haben.Die bei der Registrierung abgefragten Pflichtangaben müssen vollständig angegeben werden.Anderenfalls werden wir die Registrierung ablehnen.
+
+Für wichtige Änderungen etwa beim Angebotsumfang oder bei technisch notwendigen Änderungen nutzen wir die bei der Registrierung angegebene E - Mail - Adresse, um Sie auf diesem Wege zu informieren.
+
+Die Verarbeitung der bei der Registrierung eingegebenen Daten erfolgt auf Grundlage Ihrer Einwilligung(Art. 6 Abs. 1 lit.a DSGVO).Sie können eine von Ihnen erteilte Einwilligung jederzeit widerrufen.Dazu reicht eine formlose Mitteilung per E - Mail an uns.Die Rechtmäßigkeit der bereits erfolgten Datenverarbeitung bleibt vom Widerruf unberührt.
+
+Die bei der Registrierung erfassten Daten werden von uns gespeichert, solange Sie auf unserer Website registriert sind und werden anschließend gelöscht.Gesetzliche Aufbewahrungsfristen bleiben unberührt.
+
+                <h4>Kommentarfunktion auf dieser Website</h4>
+Für die Kommentarfunktion auf dieser Seite werden neben Ihrem Kommentar auch Angaben zum Zeitpunkt der Erstellung des Kommentars, Ihre E - Mail - Adresse und, wenn Sie nicht anonym posten, der von Ihnen gewählte Nutzername gespeichert.
+
+                <h4>Speicherung der IP - Adresse</h4>
+
+Unsere Kommentarfunktion speichert die IP - Adressen der Nutzer, die Kommentare verfassen.Da wir Kommentare auf unserer Seite nicht vor der Freischaltung prüfen, benötigen wir diese Daten, um im Falle von Rechtsverletzungen wie Beleidigungen oder Propaganda gegen den Verfasser vorgehen zu können.
+
+                <h4>Abonnieren von Kommentaren</h4>
+
+Als Nutzer der Seite können Sie nach einer Anmeldung Kommentare abonnieren.Sie erhalten eine Bestätigungsemail, um zu prüfen, ob Sie der Inhaber der angegebenen E - Mail - Adresse sind.Sie können diese Funktion jederzeit über einen Link in den Info - Mails abbestellen.Die im Rahmen des Abonnierens von Kommentaren eingegebenen Daten werden in diesem Fall gelöscht; wenn Sie diese Daten für andere Zwecke und an anderer Stelle(z.B.Newsletterbestellung) an uns übermittelt haben, verbleiben die jedoch bei uns.
+
+                <h4>Speicherdauer der Kommentare</h4>
+
+Die Kommentare und die damit verbundenen Daten(z.B.IP - Adresse) werden gespeichert und verbleiben auf unserer Website, bis der kommentierte Inhalt vollständig gelöscht wurde oder die Kommentare aus rechtlichen Gründen gelöscht werden müssen(z.B.beleidigende Kommentare).
+
+                <h4>Rechtsgrundlage</h4>
+
+Die Speicherung der Kommentare erfolgt auf Grundlage Ihrer Einwilligung(Art. 6 Abs. 1 lit.a DSGVO).Sie können eine von Ihnen erteilte Einwilligung jederzeit widerrufen.Dazu reicht eine formlose Mitteilung per E - Mail an uns.Die Rechtmäßigkeit der bereits erfolgten Datenverarbeitungsvorgänge bleibt vom Widerruf unberührt.
+
+                <h4>Verarbeiten von Daten(Kunden - und Vertragsdaten)</h4>
+Wir erheben, verarbeiten und nutzen personenbezogene Daten nur, soweit sie für die Begründung, inhaltliche Ausgestaltung oder Änderung des Rechtsverhältnisses erforderlich sind(Bestandsdaten).Dies erfolgt auf Grundlage von Art. 6 Abs. 1 lit.b DSGVO, der die Verarbeitung von Daten zur Erfüllung eines Vertrags oder vorvertraglicher Maßnahmen gestattet.Personenbezogene Daten über die Inanspruchnahme unserer Internetseiten(Nutzungsdaten) erheben, verarbeiten und nutzen wir nur, soweit dies erforderlich ist, um dem Nutzer die Inanspruchnahme des Dienstes zu ermöglichen oder abzurechnen.
+
+Die erhobenen Kundendaten werden nach Abschluss des Auftrags oder Beendigung der Geschäftsbeziehung gelöscht.Gesetzliche Aufbewahrungsfristen bleiben unberührt.
+
+                {/* 5. Analyse Tools und Werbung
+Matomo(ehemals Piwik)
+Diese Website benutzt den Open Source Webanalysedienst Matomo.Matomo verwendet so genannte "Cookies".Das sind Textdateien, die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Website durch Sie ermöglichen.Dazu werden die durch den Cookie erzeugten Informationen über die Benutzung dieser Website auf unserem Server gespeichert.Die IP - Adresse wird vor der Speicherung anonymisiert.
+  Matomo - Cookies verbleiben auf Ihrem Endgerät, bis Sie sie löschen.
+Die Speicherung von Matomo - Cookies erfolgt auf Grundlage von Art. 6 Abs. 1 lit.f DSGVO.Der Websitebetreiber hat ein berechtigtes Interesse an der anonymisierten Analyse des Nutzerverhaltens, um sowohl sein Webangebot als auch seine Werbung zu optimieren.
+Die durch den Cookie erzeugten Informationen über die Benutzung dieser Website werden nicht an Dritte weitergegeben.Sie können die Speicherung der Cookies durch eine entsprechende Einstellung Ihrer Browser - Software verhindern; wir weisen Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website vollumfänglich werden nutzen können.
+Wenn Sie mit der Speicherung und Nutzung Ihrer Daten nicht einverstanden sind, können Sie die Speicherung und Nutzung hier deaktivieren.In diesem Fall wird in Ihrem Browser ein Opt - Out - Cookie hinterlegt, der verhindert, dass Matomo Nutzungsdaten speichert.Wenn Sie Ihre Cookies löschen, hat dies zur Folge, dass auch das Matomo Opt - Out - Cookie gelöscht wird.Das Opt - Out muss bei einem erneuten Besuch unserer Seite wieder aktiviert werden. */}
+
+
+
+                <h2>Plugins und Tools</h2>
+                <h3>YouTube</h3>
+Unsere Website nutzt Plugins der von Google betriebenen Seite YouTube.Betreiber der Seiten ist die YouTube, LLC, 901 Cherry Ave., San Bruno, CA 94066, USA.
+
+Wenn Sie eine unserer mit einem YouTube - Plugin ausgestatteten Seiten besuchen, wird eine Verbindung zu den Servern von YouTube hergestellt.Dabei wird dem YouTube - Server mitgeteilt, welche unserer Seiten Sie besucht haben.
+
+Wenn Sie in Ihrem YouTube - Account eingeloggt sind, ermöglichen Sie YouTube, Ihr Surfverhalten direkt Ihrem persönlichen Profil zuzuordnen.Dies können Sie verhindern, indem Sie sich aus Ihrem YouTube - Account ausloggen.
+
+Die Nutzung von YouTube erfolgt im Interesse einer ansprechenden Darstellung unserer Online - Angebote.Dies stellt ein berechtigtes Interesse im Sinne von Art. 6 Abs. 1 lit.f DSGVO dar.
+
+Weitere Informationen zum Umgang mit Nutzerdaten finden Sie in der Datenschutzerklärung von YouTube unter: https://www.google.de/intl/de/policies/privacy.
+
+            </div>
+        );
+    };
+}
+
+export default withRouter(Privay);
+
+
+
diff --git a/src/components/Routes.js b/src/components/Routes.js
index 35e868a..cf6b559 100644
--- a/src/components/Routes.js
+++ b/src/components/Routes.js
@@ -12,6 +12,8 @@ import Builder from './Tutorial/Builder/Builder';
 import NotFound from './NotFound';
 import GalleryHome from './Gallery/GalleryHome';
 import Settings from './Settings/Settings';
+import Impressum from './Impressum';
+import Privacy from './Privacy';
 
 
 class Routes extends Component {
@@ -29,6 +31,8 @@ class Routes extends Component {
           <Route path="/settings" exact component={Settings} />
           <Route path="/gallery" exact component={GalleryHome} />
           <Route path="/gallery/:galleryId" exact component={Home} />
+          <Route path="/impressum" exact component={Impressum} />
+          <Route path="/privacy" exact component={Privacy} />
           <Route path="/share/:shareId" exact component={Home} />
           <Route path="/tutorial/builder" exact component={Builder} />
           <Route path="/tutorial/:tutorialId" exact component={Tutorial} />