Chneemann/videoflix
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

privacy policy & imprint no longer opens on new page

Browse source
This commit is contained in:
Chneemann 2024-08-07 21:56:26 +02:00
parent 01f98753cc
commit fb3f040bff
7 changed files with 98 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/app/shared/components/footer/footer.component.html
View file

@ -1,4 +1,4 @@
<footer> <footer>
<a routerLink="/privacy-policy" target="_blank">Privacy policy</a> <a routerLink="/privacy-policy">Privacy policy</a>
<a routerLink="/imprint" target="_blank">Imprint</a> <a routerLink="/imprint">Imprint</a>
</footer> </footer>

10
frontend/src/app/shared/components/legal-information/imprint/imprint.component.html
View file

@ -1,6 +1,14 @@
<section> <section>
<div class="content">
<div class="header"> <div class="header">
<div class="logo">
<img src="./../../../../../assets/img/logo_full.svg" alt="Logo" />
</div>
<div class="back-button" (click)="backClicked()">
<img src="./../../../../assets/img/back.svg" alt="Back" />
</div>
</div>
<div class="content">
<div class="headline">
<h1>Legal Notice (Imprint)</h1> <h1>Legal Notice (Imprint)</h1>
</div> </div>
Information according to §5 TMG Information according to §5 TMG

39
frontend/src/app/shared/components/legal-information/imprint/imprint.component.scss
View file

@ -1,15 +1,38 @@
@import "./../../../../../assets/style/colors.scss";
section { section {
display: flex; display: flex;
justify-content: center; flex-direction: column;
padding: 24px; align-items: center;
word-wrap: break-word; word-wrap: break-word;
overflow-wrap: break-word; overflow-wrap: break-word;
white-space: normal; white-space: normal;
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), background-color: $black;
url(./../../../../../assets/img/backgrounds/home.png); }
background-size: cover;
background-position: center; .header {
background-repeat: no-repeat; display: flex;
justify-content: space-between;
align-items: center;
height: 88px;
padding: 10px 96px;
width: calc(100% - 192px);
}
.back-button {
cursor: pointer;
background: none;
border: none;
padding: 0;
transition: filter 300ms ease-in-out;
img {
width: 32px;
height: 32px;
&:hover {
filter: brightness(0) saturate(100%) invert(26%) sepia(77%)
saturate(2342%) hue-rotate(228deg) brightness(83%) contrast(115%);
}
}
} }
.content { .content {
@ -17,7 +40,7 @@ section {
max-width: 1024px; max-width: 1024px;
} }
.header { .headline {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-bottom: 32px; margin-bottom: 32px;

10
frontend/src/app/shared/components/legal-information/imprint/imprint.component.ts
View file

@ -1,5 +1,5 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
import { CommonModule } from '@angular/common'; import { CommonModule, Location } from '@angular/common';
@Component({ @Component({
selector: 'app-imprint', selector: 'app-imprint',
standalone: true, standalone: true,
@ -7,4 +7,10 @@ import { CommonModule } from '@angular/common';
templateUrl: './imprint.component.html', templateUrl: './imprint.component.html',
styleUrl: './imprint.component.scss', styleUrl: './imprint.component.scss',
}) })
export class ImprintComponent {} export class ImprintComponent {
constructor(private location: Location) {}
backClicked() {
this.location.back();
}
}

10
frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.html
View file

@ -1,6 +1,14 @@
<section> <section>
<div class="content">
<div class="header"> <div class="header">
<div class="logo">
<img src="./../../../../../assets/img/logo_full.svg" alt="Logo" />
</div>
<div class="back-button" (click)="backClicked()">
<img src="./../../../../assets/img/back.svg" alt="Back" />
</div>
</div>
<div class="content">
<div class="headline">
<h1>Privacy Policy</h1> <h1>Privacy Policy</h1>
</div> </div>
<h2 id="content0">Preamble</h2> <h2 id="content0">Preamble</h2>

39
frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.scss
View file

@ -1,22 +1,45 @@
@import "./../../../../../assets/style/colors.scss";
section { section {
display: flex; display: flex;
justify-content: center; flex-direction: column;
padding: 24px; align-items: center;
word-wrap: break-word; word-wrap: break-word;
overflow-wrap: break-word; overflow-wrap: break-word;
white-space: normal; white-space: normal;
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), background-color: $black;
url(./../../../../../assets/img/backgrounds/home.png); }
background-size: cover;
background-position: center; .header {
background-repeat: no-repeat; display: flex;
justify-content: space-between;
align-items: center;
height: 88px;
padding: 10px 96px;
width: calc(100% - 192px);
}
.back-button {
cursor: pointer;
background: none;
border: none;
padding: 0;
transition: filter 300ms ease-in-out;
img {
width: 32px;
height: 32px;
&:hover {
filter: brightness(0) saturate(100%) invert(26%) sepia(77%)
saturate(2342%) hue-rotate(228deg) brightness(83%) contrast(115%);
}
}
} }
.content { .content {
max-width: 1024px; max-width: 1024px;
} }
.header { .headline {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-bottom: 32px; margin-bottom: 32px;

10
frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.ts
View file

@ -1,5 +1,5 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
import { CommonModule } from '@angular/common'; import { CommonModule, Location } from '@angular/common';
@Component({ @Component({
selector: 'app-privacy-policy', selector: 'app-privacy-policy',
@ -8,4 +8,10 @@ import { CommonModule } from '@angular/common';
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();
}
}