BETTERZON-36: Adding imprint and privacy policy

Frontend/src/app/components/footer/footer.component.css

@@ -5,7 +5,6 @@
     width: 100%;
     background-color: dimgrey;
     color: white;
-    text-align: center;
 }
 
 .icon-3d {
@@ -13,5 +12,23 @@
     color: #fff;
 }
 
+#footer-icons {
+    text-align: center;
+}
+
+#imprintSection {
+    position: fixed;
+    right: 1em;
+    bottom: 1em;
+    width: 100%;
+    text-align: right;
+    padding-right: 1em;
+}
+
+#imprintSection a {
+    color: white;
+    text-decoration: none;
+}
+
 
 

Frontend/src/app/components/footer/footer.component.html

@@ -3,12 +3,16 @@
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
 <footer class="footer">
-    <div class='wrap'>
+    <div class='wrap' id="footer-icons">
         <div class="icons">
             <a href="https://github.com/Mueller-Patrick/Betterzon" class="fa fa-github fa-4x icon-3d"></a>
             <a href="https://twitter.com/elonmusk" class="fa fa-twitter fa-4x icon-3d"></a>
             <a href="https://www.facebook.com/TheElonmusk/" class="fa fa-facebook fa-4x icon-3d"></a>
         </div>
-        <div class = "blocks" id="copyright">© COPYRIGHT 2020 </div>
+        <div class = "blocks" id="copyright">© COPYRIGHT 2020</div>
+    </div>
+    <div id="imprintSection">
+        <a href="/impressum" >Imprint</a><br>
+        <a href="/datenschutz">Privacy Policy</a>
     </div>
 </footer>

Frontend/src/app/components/footer/footer.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import {ActivatedRoute, Router} from '@angular/router';
 
 @Component({
   selector: 'app-footer',
@@ -7,9 +8,16 @@ import { Component, OnInit } from '@angular/core';
 })
 export class FooterComponent implements OnInit {
 
-  constructor() { }
+  constructor(
+      private router: Router,
+      private route: ActivatedRoute
+  ) {}
 
   ngOnInit(): void {
   }
 
+  navigateImprint(): void {
+      this.router.navigate([('/impressum/')]);
+  }
+
 }