diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts index e8428c2..b958199 100644 --- a/src/app/app.routes.ts +++ b/src/app/app.routes.ts @@ -2,10 +2,13 @@ import { Routes } from '@angular/router'; import { SummaryComponent } from './components/summary/summary.component'; import { HelpComponent } from './shared/components/help/help.component'; import { PrivacyPolicyComponent } from './shared/components/privacy-policy/privacy-policy.component'; +import { ImprintComponent } from './shared/components/imprint/imprint.component'; export const routes: Routes = [ { path: '', component: SummaryComponent }, { path: 'summary', component: SummaryComponent }, { path: 'help', component: HelpComponent }, + { path: 'imprint', component: ImprintComponent }, + { path: 'privacy-policy', component: PrivacyPolicyComponent }, ]; diff --git a/src/app/shared/components/imprint/imprint.component.html b/src/app/shared/components/imprint/imprint.component.html new file mode 100644 index 0000000..1f459bf --- /dev/null +++ b/src/app/shared/components/imprint/imprint.component.html @@ -0,0 +1,54 @@ +
+
+
+

{{ "imprint.headline" | translate }}

+ +
+ {{ "imprint.tmg" | translate }} +

+

Andre Kempf

+

Großschneidersweg 2a

+

76149 Karlsruhe

+

{{ "imprint.contact" | translate }}

+

+ {{ "imprint.tel" | translate }}: + 0172-4180328 +

+

+ {{ "imprint.mail" | translate }}: + mail@andre-kempf.com +

+
+

{{ "imprint.disclaimer" | translate }}:

+ +

{{ "imprint.liabilityContentHeadline" | translate }}

+ +

{{ "imprint.liabilityContentDescription" | translate }}

+ +

{{ "imprint.liabilityLinksHeadline" | translate }}

+ +

{{ "imprint.liabilityLinksDescription" | translate }}

+ +

{{ "imprint.copyrightHeadline" | translate }}

+ +

{{ "imprint.copyrightDescription" | translate }}

+ +

{{ "imprint.dataProtectionHeadline" | translate }}

+ +

{{ "imprint.dataProtectionDescription" | translate }}

+
+

+ {{ "imprint.sourceText0" | translate }} + {{ + "imprint.sourceLink0" | translate + }} + {{ "imprint.sourceText1" | translate }} + {{ + "imprint.sourceLink1" | translate + }} +

+
+
diff --git a/src/app/shared/components/imprint/imprint.component.scss b/src/app/shared/components/imprint/imprint.component.scss new file mode 100644 index 0000000..7157eea --- /dev/null +++ b/src/app/shared/components/imprint/imprint.component.scss @@ -0,0 +1,54 @@ +section { + word-wrap: break-word; +} + +.header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 32px; + img { + width: 32px; + height: 32px; + cursor: pointer; + margin-left: 48px; + &:hover { + width: 36px; + height: 36px; + background-color: var(--light-gray); + border-radius: 18px; + } + } +} + +h1 { + padding-bottom: 24px; + font-size: 90px; + font-weight: 700; +} + +h2 { + font-size: 44px; + font-weight: 700; + padding: 48px 0 24px 0; +} + +h3 { + font-size: 28px; + font-weight: 700; + padding: 24px 0; +} + +p { + font-size: 16px; + font-weight: 400; + padding-bottom: 10px; +} + +a { + color: var(--light-blue); + text-decoration: none; + &:hover { + text-decoration: underline; + } +} diff --git a/src/app/shared/components/imprint/imprint.component.spec.ts b/src/app/shared/components/imprint/imprint.component.spec.ts new file mode 100644 index 0000000..f2b9c25 --- /dev/null +++ b/src/app/shared/components/imprint/imprint.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { ImprintComponent } from './imprint.component'; + +describe('Imprint', () => { + let component: ImprintComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [ImprintComponent], + }).compileComponents(); + + fixture = TestBed.createComponent(ImprintComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/shared/components/imprint/imprint.component.ts b/src/app/shared/components/imprint/imprint.component.ts new file mode 100644 index 0000000..d44a7d8 --- /dev/null +++ b/src/app/shared/components/imprint/imprint.component.ts @@ -0,0 +1,18 @@ +import { Component } from '@angular/core'; +import { Location } from '@angular/common'; +import { TranslateModule } from '@ngx-translate/core'; + +@Component({ + selector: 'app-imprint', + standalone: true, + imports: [TranslateModule], + templateUrl: './imprint.component.html', + styleUrl: './imprint.component.scss', +}) +export class ImprintComponent { + constructor(private location: Location) {} + + backClicked() { + this.location.back(); + } +} diff --git a/src/app/shared/components/privacy-policy/privacy-policy.component.html b/src/app/shared/components/privacy-policy/privacy-policy.component.html index 1f459bf..a8869ff 100644 --- a/src/app/shared/components/privacy-policy/privacy-policy.component.html +++ b/src/app/shared/components/privacy-policy/privacy-policy.component.html @@ -1,54 +1 @@ -
-
-
-

{{ "imprint.headline" | translate }}

- -
- {{ "imprint.tmg" | translate }} -

-

Andre Kempf

-

Großschneidersweg 2a

-

76149 Karlsruhe

-

{{ "imprint.contact" | translate }}

-

- {{ "imprint.tel" | translate }}: - 0172-4180328 -

-

- {{ "imprint.mail" | translate }}: - mail@andre-kempf.com -

-
-

{{ "imprint.disclaimer" | translate }}:

- -

{{ "imprint.liabilityContentHeadline" | translate }}

- -

{{ "imprint.liabilityContentDescription" | translate }}

- -

{{ "imprint.liabilityLinksHeadline" | translate }}

- -

{{ "imprint.liabilityLinksDescription" | translate }}

- -

{{ "imprint.copyrightHeadline" | translate }}

- -

{{ "imprint.copyrightDescription" | translate }}

- -

{{ "imprint.dataProtectionHeadline" | translate }}

- -

{{ "imprint.dataProtectionDescription" | translate }}

-
-

- {{ "imprint.sourceText0" | translate }} - {{ - "imprint.sourceLink0" | translate - }} - {{ "imprint.sourceText1" | translate }} - {{ - "imprint.sourceLink1" | translate - }} -

-
-
+

privacy-policy works!

diff --git a/src/app/shared/components/privacy-policy/privacy-policy.component.scss b/src/app/shared/components/privacy-policy/privacy-policy.component.scss index 7157eea..e69de29 100644 --- a/src/app/shared/components/privacy-policy/privacy-policy.component.scss +++ b/src/app/shared/components/privacy-policy/privacy-policy.component.scss @@ -1,54 +0,0 @@ -section { - word-wrap: break-word; -} - -.header { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 32px; - img { - width: 32px; - height: 32px; - cursor: pointer; - margin-left: 48px; - &:hover { - width: 36px; - height: 36px; - background-color: var(--light-gray); - border-radius: 18px; - } - } -} - -h1 { - padding-bottom: 24px; - font-size: 90px; - font-weight: 700; -} - -h2 { - font-size: 44px; - font-weight: 700; - padding: 48px 0 24px 0; -} - -h3 { - font-size: 28px; - font-weight: 700; - padding: 24px 0; -} - -p { - font-size: 16px; - font-weight: 400; - padding-bottom: 10px; -} - -a { - color: var(--light-blue); - text-decoration: none; - &:hover { - text-decoration: underline; - } -} diff --git a/src/app/shared/components/privacy-policy/privacy-policy.component.ts b/src/app/shared/components/privacy-policy/privacy-policy.component.ts index 65292d0..38f178a 100644 --- a/src/app/shared/components/privacy-policy/privacy-policy.component.ts +++ b/src/app/shared/components/privacy-policy/privacy-policy.component.ts @@ -1,18 +1,12 @@ import { Component } from '@angular/core'; -import { Location } from '@angular/common'; -import { TranslateModule } from '@ngx-translate/core'; @Component({ selector: 'app-privacy-policy', standalone: true, - imports: [TranslateModule], + imports: [], templateUrl: './privacy-policy.component.html', - styleUrl: './privacy-policy.component.scss', + styleUrl: './privacy-policy.component.scss' }) export class PrivacyPolicyComponent { - constructor(private location: Location) {} - backClicked() { - this.location.back(); - } }