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 { 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';
|
||||
import { PrivacyPolicyComponent } from './shared/components/privacy-policy/privacy-policy.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 },
|
||||
];
|
||||
|
|
|
|||
|
|
@ -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 { Location } from '@angular/common';
|
||||
import { TranslateModule } from '@ngx-translate/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-privacy-policy',
|
||||
standalone: true,
|
||||
imports: [],
|
||||
imports: [TranslateModule],
|
||||
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();
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
|
||||
<div class="reference">
|
||||
<div routerLink="privacy-policy">Privacy Policy</div>
|
||||
<div>Legal Notice</div>
|
||||
<div routerLink="imprint">Legal Notice</div>
|
||||
<div onclick="logout()">Log out</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Reference in a new issue