From 08c04bd263a3bddfcf3f3f6d66ff59250a211271 Mon Sep 17 00:00:00 2001
From: thilo <thilo.billerbeck@officerent.de>
Date: Mon, 23 Mar 2020 18:26:27 +0100
Subject: [PATCH] added imprint

---
 src/router/index.js     |  6 ++++
 src/views/Home.vue      | 14 ++++++---
 src/views/Impressum.vue | 67 +++++++++++++++++++++++++++++++++++++++++
 3 files changed, 82 insertions(+), 5 deletions(-)
 create mode 100644 src/views/Impressum.vue

diff --git a/src/router/index.js b/src/router/index.js
index a2d3388..b64a491 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -5,6 +5,7 @@ import Warning from '../views/Warning'
 import Questionnaire from "@/views/Questionnaire";
 import Results from "@/views/Results";
 import HelpPage from "@/views/HelpPage";
+import Impressum from "@/views/Impressum";
 
 Vue.use(VueRouter)
 
@@ -33,6 +34,11 @@ const routes = [
     path: '/results',
     name: 'Ergebnisse',
     component: Results
+  },
+  {
+    path: '/impressum',
+    name: 'Impressum',
+    component: Impressum
   }
 ]
 
diff --git a/src/views/Home.vue b/src/views/Home.vue
index dbfe641..21784e8 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -27,14 +27,17 @@
     width: 85%;
   }
   
-  #information {
+  .info-link {
     display: block;
-    margin-top: 5%;
-    padding: 5%;
+    padding: 0.4em;
     font-size: 0.8em;
     text-align: center;
   }
 
+  .main-box {
+    margin-bottom: 5%;
+  }
+
   #title {
     font-size: 1.2em;
     color: #23286B;
@@ -44,7 +47,7 @@
 <template>
   <div class="home">
     <img id="welcome-image" alt="Welcome" src="../assets/welcome.png">
-    <div>
+    <div class="main-box">
       <h1 id="title"><b>COVID</b>assist</h1>
       <p>Die COVID-19 Verhaltensdiagnose, die keine Daten speichert.</p>
       <div class="button-wrapper">
@@ -54,7 +57,8 @@
       </div>
     </div>
 
-    <a id="information" href="https://www.rki.de/SharedDocs/FAQ/NCOV2019/FAQ_Liste.html"><b>Informationen zu COVID-19 vom Robert-Koch-Institut</b></a>
+    <a class="info-link" href="https://www.rki.de/SharedDocs/FAQ/NCOV2019/FAQ_Liste.html"><b>Informationen zu COVID-19 vom Robert-Koch-Institut</b></a>
+    <router-link class="info-link" to="/impressum" >Impressum</router-link>
   </div>
 </template>
 
diff --git a/src/views/Impressum.vue b/src/views/Impressum.vue
new file mode 100644
index 0000000..bb66be9
--- /dev/null
+++ b/src/views/Impressum.vue
@@ -0,0 +1,67 @@
+<template>
+    <div class="impressum">
+        <br>
+        <router-link to="/"> &lArr; Zurück zur Startseite</router-link>
+        <h2>Impressum</h2>
+        <p><small>Angaben gemäß § 5 TMG:</small></p>
+        <p><span>Billerbeck, Thilo<br>
+         Unterm Rain 15<br>
+         64823 Groß-Umstadt, Hessen<br>
+            <h3>Kontakt</h3> <b>E-Mail:</b> thilo.billerbeck@officerent.de<br>
+        </span></p>
+        <h3>Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV:</h3>
+        <p>Thilo Billerbeck, Lennar Mischnaewski, Tim Ktitarev</p>
+        <h2>Hinweis auf EU-Streitschlichtung</h2>
+        <p>Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: <a
+                href="http://ec.europa.eu/consumers/odr">http://ec.europa.eu/consumers/odr</a><br> Unsere E-Mail-Adresse
+            finden sie oben im Impressum. </p>
+        <p>Quelle: <em><a href="https://www.e-recht24.de">https://www.e-recht24.de</a></em></p>
+        <h2>Haftungsausschluss (Disclaimer)</h2>
+        <p><strong>Haftung für Inhalte</strong></p>
+        <p>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. 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>
+        <p><strong>Haftung für Links</strong></p>
+        <p>Unser Angebot enthält Links zu externen Webseiten 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. 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>
+        <p><strong>Urheberrecht</strong></p>
+        <p>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. 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>
+        <p></p></div>
+</template>
+
+<script>
+    export default {
+        name: "Impressum"
+    }
+</script>
+
+<style scoped>
+    @media screen and (min-width: 906px) {
+        .impressum {
+            width: 600px;
+            margin-left: auto;
+            margin-right: auto;
+            padding: 0;
+        }
+    }
+
+    .impressum {
+        padding: 0 0.5em;
+    }
+</style>