feat: header

src/app/app.module.ts

@@ -14,14 +14,16 @@ import {StoreModule} from "@ngrx/store";
 import {sygotchiReducer} from "./store/sygotchi.reducer";
 import { DsgvoPageComponent } from './dsgvo-page/dsgvo-page.component';
 import { ImpressumComponent } from './impressum/impressum.component';
+import { HeaderComponent } from './header/header.component';
 
 @NgModule({
   declarations: [
     AppComponent,
     AuthPageComponent,
     CreationPageComponent,
     DsgvoPageComponent,
-    ImpressumComponent
+    ImpressumComponent,
+    HeaderComponent
   ],
   imports: [
     BrowserModule,

src/app/dsgvo-page/dsgvo-page.component.html

@@ -1,3 +1,4 @@
+ <app-header></app-header>
  <div class="container">
  <h1>Datenschutzerklärung</h1>
     <p>Wir freuen uns sehr über Ihr Interesse an unserem Unternehmen. Datenschutz hat einen besonders hohen Stellenwert für uns. Eine Nutzung der Internetseiten der Sybit GmbH ist grundsätzlich ohne jede Angabe personenbezogener Daten möglich. Sofern eine betroffene Person besondere Services unseres Unternehmens über unsere Internetseite in Anspruch nehmen möchte, könnte jedoch eine Verarbeitung personenbezogener Daten erforderlich werden. Ist die Verarbeitung personenbezogener Daten erforderlich und besteht für eine solche Verarbeitung keine gesetzliche Grundlage, holen wir generell eine Einwilligung der betroffenen Person ein.<br><br>
@@ -151,6 +152,5 @@ <h3>23. Gesetzliche oder vertragliche Vorschriften zur Bereitstellung der person
         <p>Wir klären Sie darüber auf, dass die Bereitstellung personenbezogener Daten zum Teil gesetzlich vorgeschrieben ist (z.B. Steuervorschriften) oder sich auch aus vertraglichen Regelungen (z.B. Angaben zum Vertragspartner) ergeben kann. Mitunter kann es zu einem Vertragsschluss erforderlich sein, dass eine betroffene Person uns personenbezogene Daten zur Verfügung stellt, die in der Folge durch uns verarbeitet werden müssen. Die betroffene Person ist beispielsweise verpflichtet uns personenbezogene Daten bereitzustellen, wenn unser Unternehmen mit ihr einen Vertrag abschließt. Eine Nichtbereitstellung der personenbezogenen Daten hätte zur Folge, dass der Vertrag mit dem Betroffenen nicht geschlossen werden könnte. Vor einer Bereitstellung personenbezogener Daten durch den Betroffenen muss sich der Betroffene an unseren Datenschutzbeauftragten wenden. Unser Datenschutzbeauftragter klärt den Betroffenen einzelfallbezogen darüber auf, ob die Bereitstellung der personenbezogenen Daten gesetzlich oder vertraglich vorgeschrieben oder für den Vertragsabschluss erforderlich ist, ob eine Verpflichtung besteht, die personenbezogenen Daten bereitzustellen, und welche Folgen die Nichtbereitstellung der personenbezogenen Daten hätte.</p>
         <h3>24. Bestehen einer automatisierten Entscheidungsfindung</h3>
         <p>Als verantwortungsbewusstes Unternehmen verzichten wir auf eine automatische Entscheidungsfindung oder ein Profiling.
-        <br><br>
-            Diese Muster Datenschutzerklärung wurde durch den Datenschutzerklärungs-Generator der DGD Deutsche Gesellschaft für Datenschutz GmbH, die Datenschutzaudit durchführt, in Kooperation mit der Medienrechtskanzlei WILDE BEUGER SOLMECKE erstellt.</p>
+            </p>
             </div>

src/app/header/header.component.html

@@ -0,0 +1,24 @@
+<nav class="navbar navbar-expand-ng navbar-light bg-light">  
+    <div class="container-fluid">
+        <a>
+            <img alt="Sygotchi-logo" class="logo" src="assets/images/sygotchi-logo.png">
+        </a>
+        <ul class="navbar-nav ms-auto flex-row justify-content-between">
+            <div ngbDropdown class="d-inline-blog" display="dynamic"> 
+                <a type="butoon" class="d-flex align-items-center nav-link" id="dropdownConfig" ngbDropdownToggle>
+                    Sonstige
+                </a>
+                <div ngbDropdownMenu aria-labelledby="dropdownConfig">
+                    <a ngbDropdownItem routerLink="/impressum">
+                        <i class="fa-solid fa-stamp"></i>
+                        <span>Impressum</span>
+                    </a>
+                    <a ngbDropdownItem routerLink="/dsgvo">
+                        <i class="fa-solid fa-server"></i>
+                        <span>Datenschutz</span>
+                    </a>
+                </div>
+            </div>
+        </ul>
+    </div>
+</nav>

src/app/header/header.component.scss

@@ -0,0 +1,21 @@
+.nav-item {
+    margin-right: 15px;
+
+}
+
+span {
+    margin-left:  10px;
+    font-size: 1.5rem;
+}
+
+a {
+    font-size: 1.5rem;
+}
+
+.logo {
+    max-width: 150px;
+
+    @media only screen and (max-width: 600px) {
+        max-width: 50px;
+    }
+}

src/app/header/header.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-header',
+  templateUrl: './header.component.html',
+  styleUrls: ['./header.component.scss']
+})
+export class HeaderComponent {
+
+}

src/app/impressum/impressum.component.html

@@ -1,3 +1,4 @@
+<app-header></app-header>
 <header>
     <h1><strong>Impressum</strong></h1>
     <img alt="sygotchi-logo" src="../../assets/images/sygotchi-logo.png">