font hinzugefügt

Einladungstext und Kontakt hinzugefügt

ui/package-lock.json

@@ -24,6 +24,7 @@
         "bootstrap": "^4.6.0",
         "rxjs": "~7.4.0",
         "tslib": "^2.3.0",
+        "typeface-josefin-sans": "^1.1.13",
         "zone.js": "~0.11.4"
       },
       "devDependencies": {
@@ -11871,6 +11872,11 @@
       "integrity": "sha512-5NkbXZUlmCE73Fs7gvkp1XXJWHYetPkg60QnQ2NXQmBYNFxbBr2zA8GCtaH4K2s2WhOmSlgiSTmrjrcm5tnM5g==",
       "dev": true
     },
+    "node_modules/typeface-josefin-sans": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/typeface-josefin-sans/-/typeface-josefin-sans-1.1.13.tgz",
+      "integrity": "sha512-RyUjn3ncgiB+MW0LcDTSVSOYKDzuOy5lq0yIdp6XYzlQeLf5PLF4UU4a/4Crjy3sZqkcHUvNq+4HMaapO4sUsA=="
+    },
     "node_modules/typescript": {
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.5.4.tgz",
@@ -21371,6 +21377,11 @@
       "integrity": "sha512-5NkbXZUlmCE73Fs7gvkp1XXJWHYetPkg60QnQ2NXQmBYNFxbBr2zA8GCtaH4K2s2WhOmSlgiSTmrjrcm5tnM5g==",
       "dev": true
     },
+    "typeface-josefin-sans": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/typeface-josefin-sans/-/typeface-josefin-sans-1.1.13.tgz",
+      "integrity": "sha512-RyUjn3ncgiB+MW0LcDTSVSOYKDzuOy5lq0yIdp6XYzlQeLf5PLF4UU4a/4Crjy3sZqkcHUvNq+4HMaapO4sUsA=="
+    },
     "typescript": {
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.5.4.tgz",

ui/package.json

@@ -26,6 +26,7 @@
     "bootstrap": "^4.6.0",
     "rxjs": "~7.4.0",
     "tslib": "^2.3.0",
+    "typeface-josefin-sans": "^1.1.13",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {

ui/src/app/app-routing.module.ts

@@ -1,12 +1,16 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { BesucherComponent } from './besucher/besucher.component';
+import { ContactComponent } from './contact/contact.component';
 import { HomeComponent } from './home/home.component';
+import { LocationComponent } from './location/location.component';
 
 const routes: Routes = [
   { path: '', redirectTo: '/home',pathMatch:'full'},
   { path: 'home', component: HomeComponent},
-  { path: 'besucher',component: BesucherComponent}
+  { path: 'besucher',component: BesucherComponent},
+  { path: 'unserfest',component: LocationComponent},
+  { path:'contact', component: ContactComponent}
 ];
 
 @NgModule({

ui/src/app/app.module.ts

@@ -13,6 +13,9 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { CountdownComponent } from './countdown/countdown.component';
 import { NavbarComponent } from './navbar/navbar.component';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
+import { LocationComponent } from './location/location.component';
+import { ContactComponent } from './contact/contact.component';
+import { DisclaimerComponent } from './disclaimer/disclaimer.component';
 
 @NgModule({
   declarations: [
@@ -20,7 +23,10 @@ import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
     HomeComponent,
     BesucherComponent,
     CountdownComponent,
-    NavbarComponent
+    NavbarComponent,
+    LocationComponent,
+    ContactComponent,
+    DisclaimerComponent
   ],
   imports: [
     BrowserModule,

ui/src/app/contact/contact.component.html

@@ -0,0 +1,20 @@
+<h3>Zum An und Abmelden</h3>
+<p>
+    <br />
+    Telefonisch: 01512 - 7124430<br />
+    <span style="font-size: 16px;">gerne auch über Whatsapp oder SMS</span><br />    
+    Email: hochzeit@cosysda.de<br />
+    <a routerLink="/besucher">Online</a>
+</p>
+<br />
+<br />
+
+<h3>Bei Fragen zur organisatorische Ablauf</h3>
+<p>
+    von den Feierlichkeiten<br />
+    steht gerne<br />
+    Jenny<br />
+    unter der Nummer<br />
+    0176 - 81224197<br />
+    zur Verfügung.
+</p>

ui/src/app/contact/contact.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ContactComponent } from './contact.component';
+
+describe('ContactComponent', () => {
+  let component: ContactComponent;
+  let fixture: ComponentFixture<ContactComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ContactComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ContactComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

ui/src/app/contact/contact.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-contact',
+  templateUrl: './contact.component.html',
+  styleUrls: ['./contact.component.css']
+})
+export class ContactComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

ui/src/app/disclaimer/disclaimer.component.html

@@ -0,0 +1 @@
+<p>disclaimer works!</p>

ui/src/app/disclaimer/disclaimer.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DisclaimerComponent } from './disclaimer.component';
+
+describe('DisclaimerComponent', () => {
+  let component: DisclaimerComponent;
+  let fixture: ComponentFixture<DisclaimerComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ DisclaimerComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DisclaimerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

ui/src/app/disclaimer/disclaimer.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-disclaimer',
+  templateUrl: './disclaimer.component.html',
+  styleUrls: ['./disclaimer.component.css']
+})
+export class DisclaimerComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

ui/src/app/location/location.component.html

@@ -0,0 +1,30 @@
+<h3>Unser Fest</h3>
+<p>
+    Wir heiraten am 20.08.2022<br />
+    und würden uns freuen,<br />
+    wenn Ihr diesen besonderen Tag<br />
+    mit uns feiern würdet.
+</p>
+
+
+<p>
+    Wir werden gemeinsam in<br />
+    Landgasthof Dockemeyer<br />
+    Hauptstraße 433<br />
+    26683 Ramsloh<br />
+    um 19 Uhr auf diesen Tag anstoßen.<br />
+    <a href="#">Wegbeschreibung</a>
+</p>
+
+<p>
+    Die Standesamtliche Trauung<br />
+    findet um 13 Uhr in der<br />Mühle Scharrel statt.<br />
+    <a href="#">Wegbeschreibung</a>
+</p>
+
+<p>
+    Bitte lasst uns bis zum <br /><b>20.06.2022</b><br /> wissen, ob wir Euch als unsere Gäste<br /> empfangen dürfen<br /><a href="#">Kontaktmöglichkeiten</a>
+</p>
+
+<br />
+<p>Wir freuen uns auf Euch</p>

ui/src/app/location/location.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LocationComponent } from './location.component';
+
+describe('LocationComponent', () => {
+  let component: LocationComponent;
+  let fixture: ComponentFixture<LocationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ LocationComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LocationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

ui/src/app/location/location.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-location',
+  templateUrl: './location.component.html',
+  styleUrls: ['./location.component.css']
+})
+export class LocationComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

ui/src/app/navbar/navbar.component.html

@@ -4,10 +4,13 @@
       <a class="nav-link" routerLink="/home">Home</a>
     </li>
     <li class="nav-item">
-        <a class="nav-link disabled" href="#">Unser Fest</a>
+      <a class="nav-link" routerLink="/unserfest">Unser Fest</a>
     </li>
     <li class="nav-item">
-        <a class="nav-link disabled" routerLink="/besucher">Anmeldung zum Fest</a>
+      <a class="nav-link" routerLink="/contact">Kontaktdaten</a>
+    </li>
+    <li class="nav-item">
+      <a class="nav-link" routerLink="/besucher">Anmeldung zum Fest</a>
     </li>
   </ul>
 </nav>

ui/src/styles.css

@@ -1,10 +1,14 @@
 /* You can add global styles to this file, and also import other style files */
-
+@import "~typeface-josefin-sans/index.css";
 html {
     width: 100%;
+    
 }
 body {
     
-    font-family: Roboto, "Helvetica Neue", sans-serif;
+    /*font-family: Roboto, "Helvetica Neue", sans-serif;*/
-    font-size: 15px;
+    font-family: 'Josefin Sans';
+    font-size: 22px;
+    background-color: #c6ac87;
 }
+