added translate service & privacy policy

package-lock.json

@@ -17,6 +17,8 @@
         "@angular/platform-browser": "^17.2.0",
         "@angular/platform-browser-dynamic": "^17.2.0",
         "@angular/router": "^17.2.0",
+        "@ngx-translate/core": "^15.0.0",
+        "@ngx-translate/http-loader": "^8.0.0",
         "rxjs": "~7.8.0",
         "tslib": "^2.3.0",
         "zone.js": "~0.14.3"
@@ -3610,6 +3612,33 @@
         "webpack": "^5.54.0"
       }
     },
+    "node_modules/@ngx-translate/core": {
+      "version": "15.0.0",
+      "resolved": "https://registry.npmjs.org/@ngx-translate/core/-/core-15.0.0.tgz",
+      "integrity": "sha512-Am5uiuR0bOOxyoercDnAA3rJVizo4RRqJHo8N3RqJ+XfzVP/I845yEnMADykOHvM6HkVm4SZSnJBOiz0Anx5BA==",
+      "engines": {
+        "node": "^16.13.0 || >=18.10.0"
+      },
+      "peerDependencies": {
+        "@angular/common": ">=16.0.0",
+        "@angular/core": ">=16.0.0",
+        "rxjs": "^6.5.5 || ^7.4.0"
+      }
+    },
+    "node_modules/@ngx-translate/http-loader": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@ngx-translate/http-loader/-/http-loader-8.0.0.tgz",
+      "integrity": "sha512-SFMsdUcmHF5OdZkL1CHEoSAwbP5EbAOPTLLboOCRRoOg21P4GJx+51jxGdJeGve6LSKLf4Pay7BkTwmE6vxYlg==",
+      "engines": {
+        "node": "^16.13.0 || >=18.10.0"
+      },
+      "peerDependencies": {
+        "@angular/common": ">=16.0.0",
+        "@angular/core": ">=16.0.0",
+        "@ngx-translate/core": ">=15.0.0",
+        "rxjs": "^6.5.5 || ^7.4.0"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",

package.json

@@ -19,6 +19,8 @@
     "@angular/platform-browser": "^17.2.0",
     "@angular/platform-browser-dynamic": "^17.2.0",
     "@angular/router": "^17.2.0",
+    "@ngx-translate/core": "^15.0.0",
+    "@ngx-translate/http-loader": "^8.0.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.14.3"
@@ -36,4 +38,4 @@
     "karma-jasmine-html-reporter": "~2.1.0",
     "typescript": "~5.3.2"
   }
-}
+}

src/app/app.component.ts

@@ -1,7 +1,8 @@
 import { Component } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
+import { Router, RouterOutlet } from '@angular/router';
 import { HeaderComponent } from './shared/components/header/header.component';
 import { SidebarComponent } from './shared/components/sidebar/sidebar.component';
+import { LanguageService } from './services/language.service';
 
 @Component({
   selector: 'app-root',
@@ -12,4 +13,8 @@ import { SidebarComponent } from './shared/components/sidebar/sidebar.component'
 })
 export class AppComponent {
   title = 'join';
+
+  constructor(public langService: LanguageService, private router: Router) {
+    this.router.events.subscribe((event) => {});
+  }
 }

src/app/app.config.ts

@@ -4,7 +4,53 @@ import { provideRouter } from '@angular/router';
 import { routes } from './app.routes';
 import { initializeApp, provideFirebaseApp } from '@angular/fire/app';
 import { getFirestore, provideFirestore } from '@angular/fire/firestore';
+import {
+  HttpClient,
+  HttpClientModule,
+  provideHttpClient,
+} from '@angular/common/http';
+import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
+import { IMAGE_CONFIG } from '@angular/common';
+import { TranslateHttpLoader } from '@ngx-translate/http-loader';
+
+export function createTranslateLoader(http: HttpClient) {
+  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
+}
 
 export const appConfig: ApplicationConfig = {
-  providers: [provideRouter(routes), importProvidersFrom(provideFirebaseApp(() => initializeApp({"projectId":"join-c681c","appId":"1:400675412426:web:cb85b11123b40713ad5733","storageBucket":"join-c681c.appspot.com","apiKey":"AIzaSyCflbtIlrAaEW9GUrkeEnSBJdqVwtPYquQ","authDomain":"join-c681c.firebaseapp.com","messagingSenderId":"400675412426"}))), importProvidersFrom(provideFirestore(() => getFirestore()))]
+  providers: [
+    importProvidersFrom(
+      HttpClientModule,
+      TranslateModule.forRoot({
+        defaultLanguage: 'en',
+        loader: {
+          provide: TranslateLoader,
+          useFactory: createTranslateLoader,
+          deps: [HttpClient],
+        },
+      })
+    ),
+    provideHttpClient(),
+    provideRouter(routes),
+    importProvidersFrom(
+      provideFirebaseApp(() =>
+        initializeApp({
+          projectId: 'join-c681c',
+          appId: '1:400675412426:web:cb85b11123b40713ad5733',
+          storageBucket: 'join-c681c.appspot.com',
+          apiKey: 'AIzaSyCflbtIlrAaEW9GUrkeEnSBJdqVwtPYquQ',
+          authDomain: 'join-c681c.firebaseapp.com',
+          messagingSenderId: '400675412426',
+        })
+      )
+    ),
+    importProvidersFrom(provideFirestore(() => getFirestore())),
+    {
+      provide: IMAGE_CONFIG,
+      useValue: {
+        disableImageSizeWarning: true,
+        disableImageLazyLoadWarning: true,
+      },
+    },
+  ],
 };

src/app/app.routes.ts

@@ -1,8 +1,11 @@
 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';
 
 export const routes: Routes = [
   { path: '', component: SummaryComponent },
+  { path: 'summary', component: SummaryComponent },
   { path: 'help', component: HelpComponent },
+  { path: 'privacy-policy', component: PrivacyPolicyComponent },
 ];

src/app/services/language.service.ts

@@ -0,0 +1,20 @@
+import { Injectable } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class LanguageService {
+  currentLang = 'en';
+  currentFlag = 'de';
+
+  constructor(private translate: TranslateService) {
+    this.translate.setDefaultLang(this.currentLang);
+  }
+
+  switchLanguage() {
+    this.currentLang = this.currentLang === 'en' ? 'de' : 'en';
+    this.currentFlag = this.currentLang === 'en' ? 'de' : 'en';
+    this.translate.use(this.currentLang);
+  }
+}

src/app/shared/components/help/help.component.html

@@ -1,109 +1,80 @@
 <section>
   <div class="header">
-    <h1>Help</h1>
+    <h1>{{ "help.header" | translate }}</h1>
     <img
       (click)="backClicked()"
       src="./../../../../assets/img/arrow-left.svg"
     />
   </div>
   <p>
-    Welcome to the help page for <span class="color">Join</span>, your guide to
-    using our kanban project management tool. Here, we'll provide an overview of
-    what <span class="color">Join</span> is, how it can benefit you, and how to
-    use it.
+    {{ "help.welcome" | translate }}
   </p>
-  <h2>What is Join?</h2>
+  <h2>{{ "help.question0" | translate }}</h2>
   <p>
-    Join is a kanban-based project management tool designed and built by a group
-    of dedicated students as part of their web development bootcamp at the
-    Developer Akademie.
+    {{ "help.question0answer0" | translate }}
     <br />
     <br />
-    Kanban, a Japanese term meaning "billboard", is a highly effective method to
-    visualize work, limit work-in-progress, and maximize efficiency (or flow).
-    <span class="color">Join</span> leverages the principles of kanban to help
-    users manage their tasks and projects in an intuitive, visual interface.
+    {{ "help.question0answer1" | translate }}
     <br />
     <br />
-    It is important to note that <span class="color">Join</span> is designed as
-    an educational exercise and is not intended for extensive business usage.
-    While we strive to ensure the best possible user experience, we cannot
-    guarantee consistent availability, reliability, accuracy, or other aspects
-    of quality regarding <span class="color">Join</span>.
+    {{ "help.question0answer2" | translate }}
   </p>
 
-  <h2>How to use it</h2>
+  <h2>{{ "help.question1" | translate }}</h2>
   <p>
-    Here is a step-by-step guide on how to use
-    <span class="color">Join</span>:
+    {{ "help.question1description" | translate }}
   </p>
   <table class="content-table">
     <tr>
       <td>1.</td>
       <td>
-        <h3>Exploring the Board</h3>
+        <h3>{{ "help.question1header0" | translate }}</h3>
         <p>
-          When you log in to <span class="color">Join</span>, you'll find a
-          default board. This board represents your project and contains four
-          default lists: "To Do", "In Progress", “Await feedback” and "Done".
+          {{ "help.question1header0description" | translate }}
         </p>
       </td>
     </tr>
     <tr>
       <td>2.</td>
       <td>
-        <h3>Creating Contacts</h3>
+        <h3>{{ "help.question1header1" | translate }}</h3>
         <p>
-          In <span class="color">Join</span>, you can add contacts to
-          collaborate on your projects. Go to the "Contacts" section, click on
-          "New contact", and fill in the required information. Once added, these
-          contacts can be assigned tasks and they can interact with the tasks on
-          the board.
+          {{ "help.question1header1description" | translate }}
         </p>
       </td>
     </tr>
     <tr>
       <td>3.</td>
       <td>
-        <h3>Adding Cards</h3>
+        <h3>{{ "help.question1header2" | translate }}</h3>
         <p>
-          Now that you've added your contacts, you can start adding cards. Cards
-          represent individual tasks. Click the "+" button under the appropriate
-          list to create a new card. Fill in the task details in the card, like
-          task name, description, due date, assignees, etc.
+          {{ "help.question1header2description" | translate }}
         </p>
       </td>
     </tr>
     <tr>
       <td>4.</td>
       <td>
-        <h3>Moving Cards</h3>
+        <h3>{{ "help.question1header3" | translate }}</h3>
         <p>
-          As the task moves from on stage to another, xou can reflect that on
-          the board by dragging and dropping the card from one list to another.
+          {{ "help.question1header3description" | translate }}
         </p>
       </td>
     </tr>
     <tr>
       <td>5.</td>
       <td>
-        <h3>Deleting Cards</h3>
+        <h3>{{ "help.question1header4" | translate }}</h3>
         <p>
-          Once a task is completed, you can either move it to the "Done" list or
-          delete it. Deleting a card will permanently remove it from the board.
-          Please exercise caution when deleting cards, as this action is
-          irreversible.
-          <br />
-          Remember that using <span class="color">Join</span> effectively
-          requires consistent updates from you and your team to ensure the board
-          reflects the current state of your project.
-          <br />
-          Have more questions about <span class="color">Join</span>? Feel free
-          to contact us at .We're here to help you!
+          {{ "help.question1header4description0" | translate }}
+          <br /><br />
+          {{ "help.question1header4description1" | translate }}
+          <br /><br />
+          {{ "help.question1header4description2" | translate }}
         </p>
       </td>
     </tr>
   </table>
   <br />
-  <h2>Enjoy using Join!</h2>
+  <h2>{{ "help.footer" | translate }}</h2>
 </section>

src/app/shared/components/help/help.component.scss

@@ -62,11 +62,7 @@ h3 {
 }
 
 @media (max-width: 634px) {
-  .navbar-links {
-    padding: 48px 16px 0 16px;
-  }
-
-  .navbar-links h1 {
+  h1 {
     font-size: 36px;
     font-weight: 700;
   }

src/app/shared/components/help/help.component.ts

@@ -1,11 +1,12 @@
 import { Component } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { Location } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
   selector: 'app-help',
   standalone: true,
-  imports: [RouterModule],
+  imports: [RouterModule, TranslateModule],
   templateUrl: './help.component.html',
   styleUrl: './help.component.scss',
 })

src/app/shared/components/privacy-policy/privacy-policy.component.html

@@ -0,0 +1,54 @@
+<section>
+  <div>
+    <div class="header">
+      <h1>{{ "imprint.headline" | translate }}</h1>
+      <img
+        (click)="backClicked()"
+        src="./../../../../assets/img/arrow-left.svg"
+      />
+    </div>
+    {{ "imprint.tmg" | translate }}
+    <br /><br />
+    <p>Andre Kempf</p>
+    <p>Großschneidersweg 2a</p>
+    <p>76149 Karlsruhe</p>
+    <h3>{{ "imprint.contact" | translate }}</h3>
+    <p>
+      {{ "imprint.tel" | translate }}:
+      <a href="tel:01724180328">0172-4180328</a>
+    </p>
+    <p>
+      {{ "imprint.mail" | translate }}:
+      <a href="mailto:mail@andre-kempf.com">mail&#64;andre-kempf.com</a>
+    </p>
+    <br />
+    <h2>{{ "imprint.disclaimer" | translate }}:</h2>
+
+    <h3>{{ "imprint.liabilityContentHeadline" | translate }}</h3>
+
+    <p>{{ "imprint.liabilityContentDescription" | translate }}</p>
+
+    <h3>{{ "imprint.liabilityLinksHeadline" | translate }}</h3>
+
+    <p>{{ "imprint.liabilityLinksDescription" | translate }}</p>
+
+    <h3>{{ "imprint.copyrightHeadline" | translate }}</h3>
+
+    <p>{{ "imprint.copyrightDescription" | translate }}</p>
+
+    <h3>{{ "imprint.dataProtectionHeadline" | translate }}</h3>
+
+    <p>{{ "imprint.dataProtectionDescription" | translate }}</p>
+    <br />
+    <p>
+      {{ "imprint.sourceText0" | translate }}
+      <a href="https://www.impressum-generator.de/" target="_blank">{{
+        "imprint.sourceLink0" | translate
+      }}</a>
+      {{ "imprint.sourceText1" | translate }}
+      <a href="https://www.kanzlei-hasselbach.de/" target="_blank">{{
+        "imprint.sourceLink1" | translate
+      }}</a>
+    </p>
+  </div>
+</section>

src/app/shared/components/privacy-policy/privacy-policy.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;
+  }
+}

src/app/shared/components/privacy-policy/privacy-policy.component.spec.ts

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

src/app/shared/components/privacy-policy/privacy-policy.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-privacy-policy',
+  standalone: true,
+  imports: [TranslateModule],
+  templateUrl: './privacy-policy.component.html',
+  styleUrl: './privacy-policy.component.scss',
+})
+export class PrivacyPolicyComponent {
+  constructor(private location: Location) {}
+
+  backClicked() {
+    this.location.back();
+  }
+}

src/app/shared/components/sidebar/sidebar.component.html

@@ -2,7 +2,7 @@
   <img class="logo" src="./assets/img/sidebar/logo.svg" alt="" />
 
   <nav>
-    <div id="navLinkSummary" class="nav-links-inner">
+    <div id="navLinkSummary" class="nav-links-inner" routerLink="summary">
       <img src="./assets/img/sidebar/summary.svg" alt="sumary" /><span
         >Summary</span
       >
@@ -23,7 +23,7 @@
   </nav>
 
   <div class="reference">
-    <div>Privacy Policy</div>
+    <div routerLink="privacy-policy">Privacy Policy</div>
     <div>Legal Notice</div>
     <div onclick="logout()">Log out</div>
   </div>

src/app/shared/components/sidebar/sidebar.component.ts

@@ -1,12 +1,10 @@
 import { Component } from '@angular/core';
-
+import { RouterModule } from '@angular/router';
 @Component({
   selector: 'app-sidebar',
   standalone: true,
-  imports: [],
+  imports: [RouterModule],
   templateUrl: './sidebar.component.html',
-  styleUrl: './sidebar.component.scss'
+  styleUrl: './sidebar.component.scss',
 })
-export class SidebarComponent {
-
-}
+export class SidebarComponent {}

src/assets/i18n/de.json

@@ -0,0 +1,103 @@
+{
+  "help": {
+    "header": "Hilfe",
+    "welcome": "Willkommen auf der Hilfeseite für Join, Ihrem Leitfaden für die Verwendung unseres Kanban-Projektmanagement-Tools. Hier erhalten Sie einen Überblick darüber, was Join ist, wie Sie davon profitieren können und wie Sie es verwenden.",
+    "question0": "Was ist Join?",
+    "question0answer0": "Join ist ein Kanban-basiertes Projektmanagement-Tool, das von einer Gruppe engagierter Studenten im Rahmen ihres Webentwicklungs-Bootcamps an der Developer Akademie entwickelt und gebaut wurde.",
+    "question0answer1": "Kanban, ein japanischer Begriff, der so viel wie 'Anschlagtafel' bedeutet, ist eine hocheffektive Methode zur Visualisierung von Arbeit, zur Begrenzung des Arbeitsfortschritts und zur Maximierung der Effizienz (oder des Arbeitsflusses). Join nutzt die Prinzipien von Kanban, um die Benutzer bei der Verwaltung ihrer Aufgaben und Projekte in einer intuitiven, visuellen Oberfläche zu unterstützen.",
+    "question0answer2": "Es ist wichtig zu beachten, dass Join als Lernprogramm konzipiert ist und nicht für eine umfassende geschäftliche Nutzung gedacht ist. Obwohl wir uns bemühen, die bestmögliche Benutzererfahrung zu gewährleisten, können wir keine Garantie für die ständige Verfügbarkeit, Zuverlässigkeit, Genauigkeit oder andere Qualitätsaspekte von Join übernehmen.",
+    "question1": "Wie wird es verwendet?",
+    "question1description": "Hier finden Sie eine schrittweise Anleitung für die Verwendung von Join:",
+    "question1header0": "Erkundung des Boards",
+    "question1header0description": "Wenn Sie sich bei Join anmelden, finden Sie eine Standardtafel vor. Diese Tafel repräsentiert Ihr Projekt und enthält vier Standardlisten: 'Offen', 'In Bearbeitung', 'Erwarte Feedback' und 'Erledigt'.",
+    "question1header1": "Kontakte erstellen",
+    "question1header1description": "In Join können Sie Kontakte hinzufügen, um an Ihren Projekten mitzuarbeiten. Gehen Sie zum Abschnitt 'Kontakte', klicken Sie auf 'Neuer Kontakt' und geben Sie die erforderlichen Informationen ein. Nach dem Hinzufügen können diesen Kontakten Aufgaben zugewiesen werden und sie können mit den Aufgaben auf dem Board interagieren.",
+    "question1header2": "Hinzufügen von Karten",
+    "question1header2description": "Nachdem Sie nun Ihre Kontakte hinzugefügt haben, können Sie mit dem Hinzufügen von Karten beginnen. Karten stehen für einzelne Aufgaben. Klicken Sie auf die Schaltfläche '+' unter der entsprechenden Liste, um eine neue Karte zu erstellen. Füllen Sie die Aufgabendetails in der Karte aus, z. B. Aufgabenname, Beschreibung, Fälligkeitsdatum, Empfänger usw.",
+    "question1header3": "Karten verschieben",
+    "question1header3description": "Wenn sich die Aufgabe von einer Bühne zur anderen bewegt, können Sie dies auf der Tafel widerspiegeln, indem Sie die Karte von einer Liste auf eine andere ziehen und dort ablegen.",
+    "question1header4": "Karten löschen",
+    "question1header4description0": "Sobald eine Aufgabe erledigt ist, können Sie sie entweder in die Liste 'Erledigt' verschieben oder löschen. Wenn Sie eine Karte löschen, wird sie dauerhaft vom Spielbrett entfernt. Bitte seien Sie beim Löschen von Karten vorsichtig, da dieser Vorgang nicht rückgängig zu machen ist.",
+    "question1header4description1": "Denken Sie daran, dass die effektive Nutzung von Join eine ständige Aktualisierung durch Sie und Ihr Team erfordert, um sicherzustellen, dass das Board den aktuellen Stand Ihres Projekts widerspiegelt.",
+    "question1header4description2": "Haben Sie weitere Fragen zu Join? Kontaktieren Sie uns! Wir sind für Sie da!",
+    "footer": "Viel Spaß bei der Nutzung von Join!"
+  },
+  "imprint": {
+    "headline": "Imprint",
+    "tmg": "Angaben gemäß §5 TMG",
+    "contact": "Kontakt",
+    "tel": "Telefon",
+    "mail": "E-Mail",
+    "disclaimer": "Haftungsausschluss",
+    "liabilityContentHeadline": "Haftung für Inhalte",
+    "liabilityContentDescription": "Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.",
+    "liabilityLinksHeadline": "Haftung für Links",
+    "liabilityLinksDescription": "Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.",
+    "copyrightHeadline": "Urheberrecht",
+    "copyrightDescription": "Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.",
+    "dataProtectionHeadline": "Datenschutz",
+    "dataProtectionDescription": "Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben. Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich. Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.",
+    "sourceText0": "Impressum vom",
+    "sourceLink0": "Impressum Generator",
+    "sourceText1": "der",
+    "sourceLink1": "Kanzlei Hasselbach, Rechtsanwälte für Arbeitsrecht und Familienrecht"
+  },
+  "privacy-policy": {
+    "headline": "Datenschutzerklärung",
+    "preambleHeadline": "Präambel",
+    "preambleDescription": "Mit der folgenden Datenschutzerklärung möchten wir Sie darüber aufklären,     welche Arten Ihrer personenbezogenen Daten (nachfolgend auch kurz als 'Daten' bezeichnet) wir zu welchen Zwecken und in welchem Umfang verarbeiten. Die Datenschutzerklärung gilt für alle von uns durchgeführten Verarbeitungen personenbezogener Daten, sowohl im Rahmen der Erbringung unserer Leistungen als auch insbesondere auf unseren Webseiten, in mobilen Applikationen sowie innerhalb externer Onlinepräsenzen, wie z.B. unserer Social-Media-Profile (nachfolgend zusammenfassend bezeichnet als 'Onlineangebot').",
+    "ContentHeadline": "Inhaltsübersicht",
+    "Content0": "Präambel",
+    "Content1": "Verantwortlicher",
+    "Content2": "Übersicht der Verarbeitungen",
+    "Content3": "Maßgebliche Rechtsgrundlagen",
+    "Content4": "Sicherheitsmaßnahmen",
+    "Content5": "Löschung von Daten",
+    "Content6": "Rechte der betroffenen Personen",
+    "Content7": "Änderung und Aktualisierung der Datenschutzerklärung",
+    "Content8": "Begriffsdefinitionen",
+    "tel": "Telefon",
+    "mail": "E-Mail",
+    "Content2Description": "Die nachfolgende Übersicht fasst die Arten der verarbeiteten Daten und die Zwecke ihrer Verarbeitung zusammen und verweist auf die betroffenen Personen.",
+    "Content2Section0": "Arten der verarbeiteten Daten",
+    "Content2Section0List": "Kontaktdaten, Inhaltsdaten, Nutzungsdaten, Metadaten, Kommunikationsdaten, Verfahrensdaten.",
+    "Content2Section1": "Kategorien betroffener Personen",
+    "Content2Section1List": "Kommunikationspartner",
+    "Content2Section2": "Zwecke der Verarbeitung",
+    "Content2Section2List": "Kontaktanfragen und Kommunikation, Verwaltung und Beantwortung von Anfragen, Feedback, Bereitstellung unseres Onlineangebotes und Nutzerfreundlichkeit.",
+    "Content3Header0": "Maßgebliche Rechtsgrundlagen nach der DSGVO:",
+    "Content3Description0": "Im Folgenden erhalten Sie eine Übersicht der Rechtsgrundlagen der DSGVO, auf deren Basis wir personenbezogene Daten verarbeiten. Bitte nehmen Sie zur Kenntnis, dass neben den Regelungen der DSGVO nationale Datenschutzvorgaben in Ihrem bzw. unserem Wohn- oder Sitzland gelten können. Sollten ferner im Einzelfall speziellere Rechtsgrundlagen maßgeblich sein, teilen wir Ihnen diese in der Datenschutzerklärung mit.",
+    "Content3Header1": "Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f) DSGVO:",
+    "Content3Description1": "Die Verarbeitung ist zur Wahrung der berechtigten Interessen des Verantwortlichen oder eines Dritten erforderlich, sofern nicht die Interessen oder Grundrechte und Grundfreiheiten der betroffenen Person, die den Schutz personenbezogener Daten erfordern, überwiegen.",
+    "Content3Header2": "Nationale Datenschutzregelungen in Deutschland:",
+    "Content3Description2": "Zusätzlich zu den Datenschutzregelungen der DSGVO gelten nationale Regelungen zum Datenschutz in Deutschland. Hierzu gehört insbesondere das Gesetz zum Schutz vor Missbrauch personenbezogener Daten bei der Datenverarbeitung (Bundesdatenschutzgesetz - BDSG). Das BDSG enthält insbesondere Spezialregelungen zum Recht auf Auskunft, zum Recht auf Löschung, zum Widerspruchsrecht, zur Verarbeitung besonderer Kategorien personenbezogener Daten, zur Verarbeitung für andere Zwecke und zur Übermittlung sowie automatisierten Entscheidungsfindung im Einzelfall einschließlich Profiling. Ferner können Landesdatenschutzgesetze der einzelnen Bundesländer zur Anwendung gelangen.",
+    "Content4Description0": "Wir treffen nach Maßgabe der gesetzlichen Vorgaben unter Berücksichtigung des Stands der Technik, der Implementierungskosten und der Art, des Umfangs, der Umstände und der Zwecke der Verarbeitung sowie der unterschiedlichen Eintrittswahrscheinlichkeiten und des Ausmaßes der Bedrohung der Rechte und Freiheiten natürlicher Personen geeignete technische und organisatorische Maßnahmen, um ein dem Risiko angemessenes Schutzniveau zu gewährleisten.",
+    "Content4Description1": "Zu den Maßnahmen gehören insbesondere die Sicherung der Vertraulichkeit, Integrität und Verfügbarkeit von Daten durch Kontrolle des physischen und elektronischen Zugangs zu den Daten als auch des sie betreffenden Zugriffs, der Eingabe, der Weitergabe, der Sicherung der Verfügbarkeit und ihrer Trennung. Des Weiteren haben wir Verfahren eingerichtet, die eine Wahrnehmung von Betroffenenrechten, die Löschung von Daten und Reaktionen auf die Gefährdung der Daten gewährleisten. Ferner berücksichtigen wir den Schutz personenbezogener Daten bereits bei der Entwicklung bzw. Auswahl von Hardware, Software sowie Verfahren entsprechend dem Prinzip des Datenschutzes, durch Technikgestaltung und durch datenschutzfreundliche Voreinstellungen.",
+    "Content4Description2": "TLS/SSL-Verschlüsselung (https): Um die Daten der Benutzer, die über unsere Online-Dienste übertragen werden, zu schützen, verwenden wir TLS/SSL-Verschlüsselung. Secure Sockets Layer (SSL) ist die Standardtechnologie zur Sicherung von Internetverbindungen durch Verschlüsselung der zwischen einer Website oder App und einem Browser (oder zwischen zwei Servern) übertragenen Daten. Transport Layer Security (TLS) ist eine aktualisierte und sicherere Version von SSL. Hyper Text Transfer Protocol Secure (HTTPS) wird in der URL angezeigt, wenn eine Website durch ein SSL/TLS-Zertifikat gesichert ist.",
+    "Content5Description": "Die von uns verarbeiteten Daten werden nach Maßgabe der gesetzlichen Vorgaben gelöscht, sobald deren zur Verarbeitung erlaubten Einwilligungen widerrufen werden oder sonstige Erlaubnisse entfallen (z.B. wenn der Zweck der Verarbeitung dieser Daten entfallen ist oder sie für den Zweck nicht erforderlich sind). Sofern die Daten nicht gelöscht werden, weil sie für andere und gesetzlich zulässige Zwecke erforderlich sind, wird deren Verarbeitung auf diese Zwecke beschränkt. D.h., die Daten werden gesperrt und nicht für andere Zwecke verarbeitet. Das gilt z.B. für Daten, die aus handels- oder steuerrechtlichen Gründen aufbewahrt werden müssen oder deren Speicherung zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der Rechte einer anderen natürlichen oder juristischen Person erforderlich ist. Unsere Datenschutzhinweise können ferner weitere Angaben zu der Aufbewahrung und Löschung von Daten beinhalten, die für die jeweiligen Verarbeitungen vorrangig gelten.",
+    "Content6Description0": "Rechte der betroffenen Personen aus der DSGVO: Ihnen stehen als Betroffene nach der DSGVO verschiedene Rechte zu, die sich insbesondere aus Art. 15 bis 21 DSGVO ergeben:",
+    "Content6Description1": "Widerspruchsrecht: Sie haben das Recht, aus Gründen, die sich aus Ihrer besonderen Situation ergeben, jederzeit gegen die Verarbeitung der Sie betreffenden personenbezogenen Daten, die aufgrund von Art. 6 Abs. 1 lit. e oder f DSGVO erfolgt, Widerspruch einzulegen; dies gilt auch für ein auf diese Bestimmungen gestütztes Profiling. Werden die Sie betreffenden personenbezogenen Daten verarbeitet, um Direktwerbung zu betreiben, haben Sie das Recht, jederzeit Widerspruch gegen die Verarbeitung der Sie betreffenden personenbezogenen Daten zum Zwecke derartiger Werbung einzulegen; dies gilt auch für das Profiling, soweit es mit solcher Direktwerbung in Verbindung steht.",
+    "Content6Section0": "Widerrufsrecht bei Einwilligungen:",
+    "Content6Section0List": "Sie haben das Recht,erteilte Einwilligungen jederzeit zu widerrufen.",
+    "Content6Section1": "Auskunftsrecht:",
+    "Content6Section1List": "Sie haben das Recht, eine Bestätigung darüber zu verlangen, ob betreffende Daten verarbeitet werden und auf Auskunft über diese Daten sowie auf weitere Informationen und Kopie der Daten entsprechend den gesetzlichen Vorgaben.",
+    "Content6Section2": "Recht auf Berichtigung:",
+    "Content6Section2List": "Sie haben entsprechend den gesetzlichen Vorgaben das Recht, die Vervollständigung der Sie betreffenden Daten oder die Berichtigung der Sie betreffenden unrichtigen Daten zu verlangen.",
+    "Content6Section3": "Recht auf Löschung und Einschränkung der Verarbeitung:",
+    "Content6Section3List": "Sie haben nach Maßgabe der gesetzlichen Vorgaben das Recht, zu verlangen, dass Sie betreffende Daten unverzüglich gelöscht werden, bzw. alternativ nach Maßgabe der gesetzlichen Vorgaben eine Einschränkung der Verarbeitung der Daten zu verlangen.",
+    "Content6Section4": "Recht auf Datenübertragbarkeit:",
+    "Content6Section4List": "Sie haben das Recht, Sie betreffende Daten, die Sie uns bereitgestellt haben, nach Maßgabe der gesetzlichen Vorgaben in einem strukturierten, gängigen und maschinenlesbaren Format zu erhalten oder deren Übermittlung an einen anderen Verantwortlichen zu fordern.",
+    "Content6Section5": "Beschwerde bei Aufsichtsbehörde:",
+    "Content6Section5List": "Sie haben unbeschadet eines anderweitigen verwaltungsrechtlichen oder gerichtlichen Rechtsbehelfs das Recht auf Beschwerde bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat ihres gewöhnlichen Aufenthaltsorts, ihres Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes, wenn Sie der Ansicht sind, dass die Verarbeitung der Sie betreffenden personenbezogenen Daten gegen die Vorgaben der DSGVO verstößt.",
+    "Content7Description0": "Wir bitten Sie, sich regelmäßig über den Inhalt unserer Datenschutzerklärung zu informieren. Wir passen die Datenschutzerklärung an, sobald die Änderungen der von uns durchgeführten Datenverarbeitungen dies erforderlich machen. Wir informieren Sie, sobald durch die Änderungen eine Mitwirkungshandlung Ihrerseits (z.B. Einwilligung) oder eine sonstige individuelle Benachrichtigung erforderlich wird.",
+    "Content7Description1": "Sofern wir in dieser Datenschutzerklärung Adressen und Kontaktinformationen von Unternehmen und Organisationen angeben, bitten wir zu beachten, dass die Adressen sich über die Zeit ändern können und bitten die Angaben vor Kontaktaufnahme zu prüfen.",
+    "Content8Description0": "In diesem Abschnitt erhalten Sie eine Übersicht über die in dieser Datenschutzerklärung verwendeten Begrifflichkeiten. Soweit die Begrifflichkeiten gesetzlich definiert sind, gelten deren gesetzliche Definitionen. Die nachfolgenden Erläuterungen sollen dagegen vor allem dem Verständnis dienen.",
+    "Content8Section0": "Personenbezogene Daten:",
+    "Content8Section0List": "'Personenbezogene Daten' sind alle Informationen, die sich auf eine identifizierte oder identifizierbare natürliche Person (im Folgenden 'betroffene Person') beziehen; als identifizierbar wird eine natürliche Person angesehen, die direkt oder indirekt, insbesondere mittels Zuordnung zu einer Kennung wie einem Namen, zu einer Kennnummer, zu Standortdaten, zu einer Online-Kennung (z. B. Cookie) oder zu einem oder mehreren besonderen Merkmalen identifiziert werden kann, die Ausdruck der physischen, physiologischen, genetischen, psychischen, wirtschaftlichen, kulturellen oder sozialen Identität dieser natürlichen Person sind.",
+    "Content8Section1": "Verantwortlicher:",
+    "Content8Section1List": "Als 'Verantwortlicher' wird die natürliche oder juristische Person, Behörde, Einrichtung oder andere Stelle, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten entscheidet, bezeichnet.",
+    "Content8Section2": "Verarbeitung",
+    "Content8Section2List": "'Verarbeitung' ist jeder mit oder ohne Hilfe automatisierter Verfahren ausgeführte Vorgang oder jede solche Vorgangsreihe im Zusammenhang mit personenbezogenen Daten. Der Begriff reicht weit und umfasst praktisch jeden Umgang mit Daten, sei es das Erheben, das Auswerten, das Speichern, das Übermitteln oder das Löschen.",
+    "sourceText": "Erstellt mit kostenlosem Datenschutz-Generator.de von Dr. Thomas Schwenke"
+  }
+}

src/assets/i18n/en.json

@@ -0,0 +1,103 @@
+{
+  "help": {
+    "header": "Help",
+    "welcome": "Welcome to the help page for Join, your guide to using our kanban project management tool. Here, we'll provide an overview of what Join is, how it can benefit you, and how to use it.",
+    "question0": "What is Join?",
+    "question0answer0": "Join is a kanban-based project management tool designed and built by a group of dedicated students as part of their web development bootcamp at the Developer Akademie.",
+    "question0answer1": "Kanban, a Japanese term meaning 'billboard', is a highly effective method to visualize work, limit work-in-progress, and maximize efficiency (or flow). Join leverages the principles of kanban to help users manage their tasks and projects in an intuitive, visual interface.",
+    "question0answer2": "It is important to note that Join is designed as an educational exercise and is not intended for extensive business usage. While we strive to ensure the best possible user experience, we cannot guarantee consistent availability, reliability, accuracy, or other aspects of quality regarding Join.",
+    "question1": "How to use it?",
+    "question1description": "Here is a step-by-step guide on how to use Join:",
+    "question1header0": "Exploring the Board",
+    "question1header0description": "When you log in to Join, you'll find a default board. This board represents your project and contains four default lists: 'To Do', 'In Progress', 'Await feedback' and 'Done'.",
+    "question1header1": "Creating Contacts",
+    "question1header1description": "In Join, you can add contacts to collaborate on your projects. Go to the 'Contacts' section, click on 'New contact', and fill in the required information. Once added, these contacts can be assigned tasks and they can interact with the tasks on the board.",
+    "question1header2": "Adding Cards",
+    "question1header2description": "Now that you've added your contacts, you can start adding cards. Cards represent individual tasks. Click the '+' button under the appropriate list to create a new card. Fill in the task details in the card, like task name, description, due date, assignees, etc.",
+    "question1header3": "Moving Cards",
+    "question1header3description": "As the task moves from on stage to another, xou can reflect that on the board by dragging and dropping the card from one list to another.",
+    "question1header4": "Deleting Cards",
+    "question1header4description0": "Once a task is completed, you can either move it to the 'Done' list or delete it. Deleting a card will permanently remove it from the board. Please exercise caution when deleting cards, as this action is irreversible.",
+    "question1header4description1": "Remember that using Join effectively requires consistent updates from you and your team to ensure the board reflects the current state of your project.",
+    "question1header4description2": "Have more questions about Join? Feel free to contact us! We're here to help you!",
+    "footer": "Enjoy using Join!"
+  },
+  "imprint": {
+    "headline": "Imprint",
+    "tmg": "Information according to §5 TMG",
+    "contact": "Contact",
+    "tel": "Telephone",
+    "mail": "Mail",
+    "disclaimer": "Disclaimer",
+    "liabilityContentHeadline": "Liability for content",
+    "liabilityContentDescription": "The contents of our pages were created with the greatest care. However, we cannot assume any liability for the accuracy, completeness and topicality of the content. As a service provider, we are responsible for our own content on these pages in accordance with § 7 para. 1 TMG (German Telemedia Act) and general laws. According to §§ 8 to 10 TMG, however, we as a service provider are not obliged to monitor transmitted or stored third-party information or to investigate circumstances that indicate illegal activity. Obligations to remove or block the use of information in accordance with general legislation remain unaffected by this. However, liability in this respect is only possible from the time of knowledge of a specific infringement. As soon as we become aware of such infringements, we will remove this content immediately.",
+    "liabilityLinksHeadline": "Liability for links",
+    "liabilityLinksDescription": "Our website contains links to external third-party websites over whose content we have no influence. Therefore, we cannot accept any liability for this third-party content. The respective provider or operator of the pages is always responsible for the content of the linked pages. The linked pages were checked for possible legal violations at the time of linking. Illegal content was not recognizable at the time of linking. However, permanent monitoring of the content of the linked pages is not reasonable without concrete evidence of an infringement. If we become aware of any legal infringements, we will remove such links immediately.",
+    "copyrightHeadline": "Copyright",
+    "copyrightDescription": "The content and works created by the site operators on these pages are subject to German copyright law. Duplication, processing, distribution and any form of commercialization of such material beyond the scope of the copyright law shall require the prior written consent of its respective author or creator. Downloads and copies of this site are only permitted for private, non-commercial use. Insofar as the content on this site was not created by the operator, the copyrights of third parties are respected. In particular, third-party content is identified as such. Should you nevertheless become aware of a copyright infringement, please inform us accordingly. If we become aware of any infringements, we will remove such content immediately.",
+    "dataProtectionHeadline": "Data protection",
+    "dataProtectionDescription": "The use of our website is generally possible without providing personal data. Insofar as personal data (e.g. name, address or e-mail addresses) is collected on our pages, this is always done on a voluntary basis as far as possible. This data will not be passed on to third parties without your express consent. We would like to point out that data transmission over the Internet (e.g. when communicating by e-mail) may be subject to security vulnerabilities. Complete protection of data against access by third parties is not possible, and we hereby expressly prohibit the use of contact data published in the context of the legal notice obligation by third parties for sending unsolicited advertising and information material. The operators of this website expressly reserve the right to take legal action in the event of the unsolicited sending of advertising information, such as spam e-mails.",
+    "sourceText0": "Imprint of the",
+    "sourceLink0": "imprint generator",
+    "sourceText1": "of the",
+    "sourceLink1": "law firm Hasselbach, lawyers for labor law and family law"
+  },
+  "privacy-policy": {
+    "headline": "Privacy policy",
+    "preambleHeadline": "Preamble",
+    "preambleDescription": "With the following privacy policy, we would like to inform you about which types of your personal data (hereinafter also referred to as 'data') we process, for what purposes and to what extent. The privacy policy applies to all processing of personal data carried out by us, both in the context of the provision of our services and in particular on our websites, in mobile applications and within external online presences, such as our social media profiles (hereinafter collectively referred to as 'online offer').",
+    "ContentHeadline": "Table of contents",
+    "Content0": "Preamble",
+    "Content1": "Person responsible",
+    "Content2": "Overview of processing",
+    "Content3": "Relevant legal bases",
+    "Content4": "Security measures",
+    "Content5": "Deletion of data",
+    "Content6": "Rights of the data subjects",
+    "Content7": "Amendment and updating of the privacy policy",
+    "Content8": "Definitions of terms",
+    "tel": "Telephone",
+    "mail": "Mail",
+    "Content2Description": "The following overview summarizes the types of data processed and the purposes of their processing and refers to the data subjects.",
+    "Content2Section0": "Types of data processed",
+    "Content2Section0List": "Contact data, content data, usage data, metadata, communication data, process data.",
+    "Content2Section1": "Categories of affected persons",
+    "Content2Section1List": "Communication partner",
+    "Content2Section2": "Purposes of the processing",
+    "Content2Section2List": "Contact requests and communication, managing and responding to requests, feedback, providing our online services and user-friendliness.",
+    "Content3Header0": "Relevant legal bases according to the GDPR:",
+    "Content3Description0": "Below you will find an overview of the legal bases of the GDPR on the basis of which we process personal data. Please note that in addition to the provisions of the GDPR, national data protection regulations may apply in your or our country of residence or domicile. Should more specific legal bases also apply in individual cases, we will inform you of these in the privacy policy.",
+    "Content3Header1": "Legitimate interests (Art. 6 para. 1 sentence 1 lit. f) GDPR:",
+    "Content3Description1": "Processing is necessary for the purposes of the legitimate interests pursued by the controller or by a third party, except where such interests are overridden by the interests or fundamental rights and freedoms of the data subject which require protection of personal data.",
+    "Content3Header2": "National data protection regulations in Germany:",
+    "Content3Description2": "In addition to the data protection regulations of the GDPR, national data protection regulations apply in Germany. These include, in particular, the Act on the Protection against Misuse of Personal Data in Data Processing (Federal Data Protection Act - BDSG). In particular, the BDSG contains special regulations on the right to information, the right to erasure, the right to object, the processing of special categories of personal data, processing for other purposes and transmission as well as automated decision-making in individual cases, including profiling. The data protection laws of the individual federal states may also apply.",
+    "Content4Description0": "We take appropriate technical and organizational measures in accordance with the legal requirements, taking into account the state of the art, the implementation costs and the nature, scope, circumstances and purposes of the processing as well as the different probabilities of occurrence and the extent of the threat to the rights and freedoms of natural persons, in order to ensure a level of protection appropriate to the risk.",
+    "Content4Description1": "The measures include, in particular, safeguarding the confidentiality, integrity and availability of data by controlling physical and electronic access to the data as well as the access, input, disclosure, safeguarding of availability and its separation. Furthermore, we have established procedures that ensure the exercise of data subject rights, the deletion of data and responses to data threats. Furthermore, we already take the protection of personal data into account during the development or selection of hardware, software and processes in accordance with the principle of data protection, through technology design and through data protection-friendly default settings.",
+    "Content4Description2": "TLS/SSL encryption (https): To protect user data transmitted via our online services, we use TLS/SSL encryption. Secure Sockets Layer (SSL) is the standard technology for securing Internet connections by encrypting the data transmitted between a website or app and a browser (or between two servers). Transport Layer Security (TLS) is an updated and more secure version of SSL. Hyper Text Transfer Protocol Secure (HTTPS) is displayed in the URL when a website is secured by an SSL/TLS certificate.",
+    "Content5Description": "The data processed by us will be deleted in accordance with the legal requirements as soon as the consent given for processing is revoked or other permissions no longer apply (e.g. if the purpose for processing this data no longer applies or it is not required for the purpose). If the data is not deleted because it is required for other and legally permissible purposes, its processing is restricted to these purposes. This means that the data is blocked and not processed for other purposes. This applies, for example, to data that must be retained for commercial or tax law reasons or whose storage is necessary for the assertion, exercise or defense of legal claims or to protect the rights of another natural or legal person. Our data protection notices may also contain further information on the retention and deletion of data, which take priority for the respective processing operations.",
+    "Content6Description0": "Rights of data subjects under the GDPR: As a data subject, you are entitled to various rights under the GDPR, which arise in particular from Art. 15 to 21 GDPR:",
+    "Content6Description1": "Right to object: You have the right to object, on grounds relating to your particular situation, at any time to processing of personal data concerning you which is based on point (e) or (f) of Article 6(1) GDPR, including profiling based on those provisions. If the personal data concerning you are processed for direct marketing purposes, you have the right to object at any time to the processing of personal data concerning you for such marketing, which includes profiling to the extent that it is related to such direct marketing.",
+    "Content6Section0": "Right to withdraw consent:",
+    "Content6Section0List": "You have the right to withdraw your consent at any time.",
+    "Content6Section1": "Right to information:",
+    "Content6Section1List": "You have the right to request confirmation as to whether the data in question is being processed and to request information about this data as well as further information and a copy of the data in accordance with the legal requirements.",
+    "Content6Section2": "Right to rectification:",
+    "Content6Section2List": "In accordance with the legal requirements, you have the right to request the completion of data concerning you or the correction of incorrect data concerning you.",
+    "Content6Section3": "Right to erasure and restriction of processing:",
+    "Content6Section3List": "In accordance with the legal requirements, you have the right to demand that data concerning you be deleted immediately or, alternatively, to demand that the processing of the data be restricted in accordance with the legal requirements.",
+    "Content6Section4": "Right to data portability:",
+    "Content6Section4List": "You have the right to receive the data concerning you, which you have provided to us, in a structured, commonly used and machine-readable format in accordance with the legal requirements or to request its transmission to another controller.",
+    "Content6Section5": "Complaint to the supervisory authority:",
+    "Content6Section6List": "Without prejudice to any other administrative or judicial remedy, you have the right to lodge a complaint with a supervisory authority, in particular in the Member State of your habitual residence, place of work or place of the alleged infringement if you consider that the processing of personal data relating to you infringes the provisions of the GDPR.",
+    "Content7Description0": "We ask you to inform yourself regularly about the content of our privacy policy. We will adapt the privacy policy as soon as changes to the data processing carried out by us make this necessary. We will inform you as soon as the changes require an act of cooperation on your part (e.g. consent) or other individual notification.",
+    "Content7Description1": "If we provide addresses and contact information of companies and organizations in this privacy policy, please note that the addresses may change over time and please check the information before contacting us.",
+    "Content8Description0": "This section provides you with an overview of the terms used in this privacy policy. Insofar as the terms are defined by law, their legal definitions apply. The following explanations, on the other hand, are primarily intended to aid understanding.",
+    "Content8Section0": "Personal data:",
+    "Content8Section0List": "'Personal data' means any information relating to an identified or identifiable natural person (hereinafter referred to as 'data subject'); an identifiable natural person is one who can be identified, directly or indirectly, in particular by reference to an identifier such as a name, an identification number, location data, an online identifier (e.g. a cookie) or to one or more factors specific to the physical, physiological, genetic, mental, economic, cultural or social identity of that natural person.",
+    "Content8Section1": "Responsible person:",
+    "Content8Section1List": "The 'controller' is the natural or legal person, public authority, agency or other body which, alone or jointly with others, determines the purposes and means of the processing of personal data.",
+    "Content8Section2": "Processing",
+    "Content8Section2List": "'Processing' means any operation or set of operations which is performed on personal data, whether or not by automated means. The term is broad and covers practically every handling of data, be it collection, analysis, storage, transmission or deletion.",
+    "sourceText": "Created with free Datenschutz-Generator.de by Dr. Thomas Schwenke"
+  }
+}

src/styles.scss

@@ -16,6 +16,13 @@
   --very-light-gray: #f6f7f8;
 }
 
+.wrapping-wort {
+  overflow: auto;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  white-space: normal;
+}
+
 /*------------- SCROLLBAR -------------*/
 
 *::-webkit-scrollbar {