privacy policy filled with content
This commit is contained in:
Chneemann
parent
143b71a047
commit
8e43b7f13f
5 changed files with 272 additions and 6 deletions
|
|
@ -1,14 +1,13 @@
|
||||||
import { Routes } from '@angular/router';
|
import { Routes } from '@angular/router';
|
||||||
import { SummaryComponent } from './components/summary/summary.component';
|
import { SummaryComponent } from './components/summary/summary.component';
|
||||||
import { HelpComponent } from './shared/components/help/help.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';
|
import { ImprintComponent } from './shared/components/imprint/imprint.component';
|
||||||
|
import { PrivacyPolicyComponent } from './shared/components/privacy-policy/privacy-policy.component';
|
||||||
|
|
||||||
export const routes: Routes = [
|
export const routes: Routes = [
|
||||||
{ path: '', component: SummaryComponent },
|
{ path: '', component: SummaryComponent },
|
||||||
{ path: 'summary', component: SummaryComponent },
|
{ path: 'summary', component: SummaryComponent },
|
||||||
{ path: 'help', component: HelpComponent },
|
{ path: 'help', component: HelpComponent },
|
||||||
{ path: 'imprint', component: ImprintComponent },
|
{ path: 'imprint', component: ImprintComponent },
|
||||||
|
|
||||||
{ path: 'privacy-policy', component: PrivacyPolicyComponent },
|
{ path: 'privacy-policy', component: PrivacyPolicyComponent },
|
||||||
];
|
];
|
||||||
|
|
|
||||||
|
|
@ -1 +1,208 @@
|
||||||
<p>privacy-policy works!</p>
|
<section>
|
||||||
|
<div>
|
||||||
|
<div class="header">
|
||||||
|
<h1>{{ "privacy-policy.headline" | translate }}</h1>
|
||||||
|
<img
|
||||||
|
(click)="backClicked()"
|
||||||
|
src="./../../../../assets/img/arrow-left.svg"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<h2 id="'content0">
|
||||||
|
{{ "privacy-policy.preambleHeadline" | translate }}
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
{{ "privacy-policy.preambleDescription" | translate }}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2>{{ "privacy-policy.ContentHeadline" | translate }}</h2>
|
||||||
|
<ul class="index">
|
||||||
|
<li>
|
||||||
|
<a href="privacy-policy/#content0">{{
|
||||||
|
"privacy-policy.Content0" | translate
|
||||||
|
}}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="privacy-policy#content1">{{
|
||||||
|
"privacy-policy.Content1" | translate
|
||||||
|
}}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="privacy-policy#content2">{{
|
||||||
|
"privacy-policy.Content2" | translate
|
||||||
|
}}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="privacy-policy#content3">{{
|
||||||
|
"privacy-policy.Content3" | translate
|
||||||
|
}}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="privacy-policy#content4">{{
|
||||||
|
"privacy-policy.Content4" | translate
|
||||||
|
}}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="privacy-policy#content5">{{
|
||||||
|
"privacy-policy.Content5" | translate
|
||||||
|
}}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="privacy-policy#content6">{{
|
||||||
|
"privacy-policy.Content6" | translate
|
||||||
|
}}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="privacy-policy#content7">{{
|
||||||
|
"privacy-policy.Content7" | translate
|
||||||
|
}}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="privacy-policy#content8">{{
|
||||||
|
"privacy-policy.Content8" | translate
|
||||||
|
}}</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h2 id="content1">{{ "privacy-policy.Content1" | translate }}</h2>
|
||||||
|
<p>Andre Kempf</p>
|
||||||
|
<p>Großschneidersweg 2a</p>
|
||||||
|
<p>76149 Karlsruhe</p>
|
||||||
|
<br />
|
||||||
|
<p>
|
||||||
|
{{ "imprint.tel" | translate }}:
|
||||||
|
<a href="tel:01724180328">0172-4180328</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
{{ "imprint.mail" | translate }}:
|
||||||
|
<a href="mailto:mail@andre-kempf.com">mail@andre-kempf.com</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2 id="content2">{{ "privacy-policy.Content2" | translate }}</h2>
|
||||||
|
<p>
|
||||||
|
{{ "privacy-policy.Content2Description" | translate }}
|
||||||
|
</p>
|
||||||
|
<h3>{{ "privacy-policy.Content2Section0" | translate }}</h3>
|
||||||
|
<ul>
|
||||||
|
<li>{{ "privacy-policy.Content2Section0List" | translate }}</li>
|
||||||
|
</ul>
|
||||||
|
<h3>{{ "privacy-policy.Content2Section1" | translate }}</h3>
|
||||||
|
<ul>
|
||||||
|
<li>{{ "privacy-policy.Content2Section1List" | translate }}</li>
|
||||||
|
</ul>
|
||||||
|
<h3>{{ "privacy-policy.Content2Section2" | translate }}</h3>
|
||||||
|
<ul>
|
||||||
|
<li>{{ "privacy-policy.Content2Section2List" | translate }}</li>
|
||||||
|
</ul>
|
||||||
|
<h2 id="content3">{{ "privacy-policy.Content3" | translate }}</h2>
|
||||||
|
<p>
|
||||||
|
<strong>{{ "privacy-policy.Content3Header0" | translate }}</strong
|
||||||
|
><br />
|
||||||
|
{{ "privacy-policy.Content3Description0" | translate }}
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<strong>{{ "privacy-policy.Content3Header1" | translate }}</strong
|
||||||
|
><br />
|
||||||
|
{{ "privacy-policy.Content3Description1" | translate }}
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
<strong>{{ "privacy-policy.Content3Header2" | translate }}</strong
|
||||||
|
><br />
|
||||||
|
{{ "privacy-policy.Content3Description2" | translate }}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2 id="content4">{{ "privacy-policy.Content4" | translate }}</h2>
|
||||||
|
<p>
|
||||||
|
{{ "privacy-policy.Content4Description0" | translate }}
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
{{ "privacy-policy.Content4Description1" | translate }}
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
{{ "privacy-policy.Content4Description2" | translate }}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2 id="content5">{{ "privacy-policy.Content5" | translate }}</h2>
|
||||||
|
<p>
|
||||||
|
{{ "privacy-policy.Content5Description" | translate }}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2 id="content6">{{ "privacy-policy.Content6" | translate }}</h2>
|
||||||
|
<p>
|
||||||
|
{{ "privacy-policy.Content6Description0" | translate }}
|
||||||
|
</p>
|
||||||
|
<strong>{{ "privacy-policy.Content6Description1" | translate }}</strong>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<strong>{{ "privacy-policy.Content6Section0" | translate }}</strong
|
||||||
|
><br />
|
||||||
|
{{ "privacy-policy.Content6Section0List" | translate }}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>{{ "privacy-policy.Content6Section1" | translate }}</strong>
|
||||||
|
<br />
|
||||||
|
{{ "privacy-policy.Content6Section1List" | translate }}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>{{ "privacy-policy.Content6Section2" | translate }}</strong
|
||||||
|
><br />
|
||||||
|
{{ "privacy-policy.Content6Section2List" | translate }}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>{{ "privacy-policy.Content6Section3" | translate }}</strong
|
||||||
|
><br />
|
||||||
|
{{ "privacy-policy.Content6Section3List" | translate }}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>{{ "privacy-policy.Content6Section4" | translate }}</strong
|
||||||
|
><br />
|
||||||
|
{{ "privacy-policy.Content6Section4List" | translate }}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>{{ "privacy-policy.Content6Section5" | translate }}</strong
|
||||||
|
><br />
|
||||||
|
{{ "privacy-policy.Content6Section5List" | translate }}
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2 id="content7">{{ "privacy-policy.Content7" | translate }}</h2>
|
||||||
|
<p>
|
||||||
|
{{ "privacy-policy.Content7Description0" | translate }}
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
{{ "privacy-policy.Content7Description1" | translate }}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2 id="content8">{{ "privacy-policy.Content8" | translate }}</h2>
|
||||||
|
<p>
|
||||||
|
{{ "privacy-policy.Content8Description0" | translate }}
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<strong>{{ "privacy-policy.Content8Section0" | translate }}</strong
|
||||||
|
><br />
|
||||||
|
{{ "privacy-policy.Content8Section0List" | translate }}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>{{ "privacy-policy.Content8Section1" | translate }}</strong
|
||||||
|
><br />
|
||||||
|
{{ "privacy-policy.Content8Section1List" | translate }}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>{{ "privacy-policy.Content8Section2" | translate }}</strong
|
||||||
|
><br />
|
||||||
|
{{ "privacy-policy.Content8Section2List" | translate }}
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<br />
|
||||||
|
<p>
|
||||||
|
<a
|
||||||
|
href="https://datenschutz-generator.de/"
|
||||||
|
title="Rechtstext von Dr. Schwenke - für weitere Informationen bitte anklicken."
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer nofollow"
|
||||||
|
>{{ "privacy-policy.sourceText" | translate }}</a
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,12 +1,18 @@
|
||||||
import { Component } from '@angular/core';
|
import { Component } from '@angular/core';
|
||||||
|
import { Location } from '@angular/common';
|
||||||
|
import { TranslateModule } from '@ngx-translate/core';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-privacy-policy',
|
selector: 'app-privacy-policy',
|
||||||
standalone: true,
|
standalone: true,
|
||||||
imports: [],
|
imports: [TranslateModule],
|
||||||
templateUrl: './privacy-policy.component.html',
|
templateUrl: './privacy-policy.component.html',
|
||||||
styleUrl: './privacy-policy.component.scss'
|
styleUrl: './privacy-policy.component.scss',
|
||||||
})
|
})
|
||||||
export class PrivacyPolicyComponent {
|
export class PrivacyPolicyComponent {
|
||||||
|
constructor(private location: Location) {}
|
||||||
|
|
||||||
|
backClicked() {
|
||||||
|
this.location.back();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
|
|
||||||
<div class="reference">
|
<div class="reference">
|
||||||
<div routerLink="privacy-policy">Privacy Policy</div>
|
<div routerLink="privacy-policy">Privacy Policy</div>
|
||||||
<div>Legal Notice</div>
|
<div routerLink="imprint">Legal Notice</div>
|
||||||
<div onclick="logout()">Log out</div>
|
<div onclick="logout()">Log out</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue