From 2fcf513e1306a3bc235516f7cc6c38b42e6a62db Mon Sep 17 00:00:00 2001
From: Andre Hanke <andre.holger.hanke@mni.thm.de>
Date: Fri, 18 Oct 2019 11:21:01 +0200
Subject: [PATCH] Semantic HTML in Dialogs

---
 .../bonus-token/bonus-token.component.html    | 12 ++++++++--
 .../bonus-token/bonus-token.component.scss    |  2 +-
 .../_dialogs/cookies/cookies.component.html   |  2 +-
 .../data-protection.component.html            |  2 +-
 .../demo-video/demo-video.component.html      |  2 +-
 .../demo-video/demo-video.component.scss      |  4 ++--
 .../_dialogs/imprint/imprint.component.html   |  2 +-
 .../_dialogs/imprint/imprint.component.scss   |  4 ++--
 .../_dialogs/overlay/overlay.component.html   |  2 +-
 .../user-bonus-token.component.html           |  8 +++----
 .../data-protection/data-protection-de.html   | 22 +++++++++----------
 .../data-protection/data-protection-en.html   | 22 +++++++++----------
 .../i18n/data-protection/data-protection.scss |  1 +
 src/assets/i18n/demo/demo-de.html             | 10 ++++-----
 src/assets/i18n/demo/demo-en.html             | 10 ++++-----
 15 files changed, 57 insertions(+), 48 deletions(-)

diff --git a/src/app/components/creator/_dialogs/bonus-token/bonus-token.component.html b/src/app/components/creator/_dialogs/bonus-token/bonus-token.component.html
index e1c682159..d55e9b9ec 100644
--- a/src/app/components/creator/_dialogs/bonus-token/bonus-token.component.html
+++ b/src/app/components/creator/_dialogs/bonus-token/bonus-token.component.html
@@ -1,11 +1,15 @@
+<<<<<<< HEAD
 <div mat-dialog-content>
+=======
+<div mat-dialog-content xmlns="http://www.w3.org/1999/html">
+>>>>>>> Semantic HTML in Dialogs
   <h2>{{'room-page.bonus-token-header' | translate }}</h2>
   <mat-divider></mat-divider>
   <div *ngIf="bonusTokens.length >= 1">
     <div fxLayout="row" *ngFor="let bonusToken of bonusTokens; index as i">
-      <h2>
+      <p>
         {{bonusToken.token}}
-      </h2>
+      </p>
       <span class="fill-remaining-space"></span>
       <button mat-icon-button (click)="openDeleteSingleBonusDialog(bonusToken.userId, bonusToken.commentId, i)">
         <mat-icon>close</mat-icon>
@@ -13,7 +17,11 @@
     </div>
   </div>
   <div *ngIf="bonusTokens.length === 0">
+<<<<<<< HEAD
     <p>{{'room-page.no-bonus' | translate }}</p>
+=======
+    <p>{{'room-page.no-bonus' | translate }}<p>
+>>>>>>> Semantic HTML in Dialogs
   </div>
   <div fxLayoutAlign="center center" *ngIf="bonusTokens.length > 1">
     <button mat-button class="delete" (click)="openDeleteAllBonusDialog()">
diff --git a/src/app/components/creator/_dialogs/bonus-token/bonus-token.component.scss b/src/app/components/creator/_dialogs/bonus-token/bonus-token.component.scss
index 07db6cd9f..13ca35f1f 100644
--- a/src/app/components/creator/_dialogs/bonus-token/bonus-token.component.scss
+++ b/src/app/components/creator/_dialogs/bonus-token/bonus-token.component.scss
@@ -2,7 +2,7 @@ h1,h2,h3,p {
   color: var(--on-surface);
 }
 
-h2 {
+p {
   color: var(--on-surface);
   margin: 10px 0 10px 0;
 }
diff --git a/src/app/components/home/_dialogs/cookies/cookies.component.html b/src/app/components/home/_dialogs/cookies/cookies.component.html
index d7055fd9c..27a08c1f3 100644
--- a/src/app/components/home/_dialogs/cookies/cookies.component.html
+++ b/src/app/components/home/_dialogs/cookies/cookies.component.html
@@ -1,7 +1,7 @@
 <div>
 
   <div class="header-container">
-    <h1 mat-dialog-title tabindex="0" id="cookie-header">{{ 'cookies.title' | translate }}</h1>
+    <h2 mat-dialog-title tabindex="0" id="cookie-header">{{ 'cookies.title' | translate }}</h2>
     <button mat-icon-button aria-labelledby="info-label" class="info" (click)="openDataProtection()">
       <mat-icon class="info-icon">security</mat-icon>
     </button>
diff --git a/src/app/components/home/_dialogs/data-protection/data-protection.component.html b/src/app/components/home/_dialogs/data-protection/data-protection.component.html
index c9a893746..aa635ff2d 100644
--- a/src/app/components/home/_dialogs/data-protection/data-protection.component.html
+++ b/src/app/components/home/_dialogs/data-protection/data-protection.component.html
@@ -1,5 +1,5 @@
 <div>
-  <h1 tabindex="0" mat-dialog-title class="modal">{{ 'data-protection.title' | translate }}</h1>
+  <h2 tabindex="0" mat-dialog-title class="modal">{{ 'data-protection.title' | translate }}</h2>
 
   <mat-divider></mat-divider>
 
diff --git a/src/app/components/home/_dialogs/demo-video/demo-video.component.html b/src/app/components/home/_dialogs/demo-video/demo-video.component.html
index 9ec77793b..a3d17824f 100644
--- a/src/app/components/home/_dialogs/demo-video/demo-video.component.html
+++ b/src/app/components/home/_dialogs/demo-video/demo-video.component.html
@@ -1,4 +1,4 @@
-<h1 tabindex="0" class="modal" mat-dialog-title>{{ 'introduction.title' | translate }}</h1>
+<h2 tabindex="0" class="modal" mat-dialog-title>{{ 'introduction.title' | translate }}</h2>
 <mat-divider></mat-divider>
 <mat-dialog-content>
   <div id="setFocus" class="intro-text" tabindex="0">
diff --git a/src/app/components/home/_dialogs/demo-video/demo-video.component.scss b/src/app/components/home/_dialogs/demo-video/demo-video.component.scss
index 68e6e3efd..ec2107024 100644
--- a/src/app/components/home/_dialogs/demo-video/demo-video.component.scss
+++ b/src/app/components/home/_dialogs/demo-video/demo-video.component.scss
@@ -1,9 +1,9 @@
-h1 {
+h2 {
   color: var(--on-surface);
   font-size: 2em;
 }
 
-h2 {
+h3 {
   font-size: large;
 }
 
diff --git a/src/app/components/home/_dialogs/imprint/imprint.component.html b/src/app/components/home/_dialogs/imprint/imprint.component.html
index cfc70671e..febc54074 100644
--- a/src/app/components/home/_dialogs/imprint/imprint.component.html
+++ b/src/app/components/home/_dialogs/imprint/imprint.component.html
@@ -1,4 +1,4 @@
-<h1 tabindex="0" class="modal" mat-dialog-title>{{ 'imprint.title' | translate }} </h1>
+<h2 tabindex="0" class="modal" mat-dialog-title>{{ 'imprint.title' | translate }} </h2>
 <mat-divider></mat-divider>
 <mat-dialog-content tabindex="0">
   <app-imprint-en *ngIf="currentLang=='en'"></app-imprint-en>
diff --git a/src/app/components/home/_dialogs/imprint/imprint.component.scss b/src/app/components/home/_dialogs/imprint/imprint.component.scss
index 953007020..089ee3ffe 100644
--- a/src/app/components/home/_dialogs/imprint/imprint.component.scss
+++ b/src/app/components/home/_dialogs/imprint/imprint.component.scss
@@ -1,9 +1,9 @@
-h1 {
+h2 {
   font-size: 2em;
   color: var(--on-surface);
 }
 
-h2 {
+h3 {
   font-size: large;
   color: var(--on-surface);
 }
diff --git a/src/app/components/home/_dialogs/overlay/overlay.component.html b/src/app/components/home/_dialogs/overlay/overlay.component.html
index 65190c2b4..457144329 100644
--- a/src/app/components/home/_dialogs/overlay/overlay.component.html
+++ b/src/app/components/home/_dialogs/overlay/overlay.component.html
@@ -1,5 +1,5 @@
 <div>
-  <h1 tabindex="0"  mat-dialog-title class="modal">{{ 'overlay.title' | translate }} </h1>
+  <h2 tabindex="0"  mat-dialog-title class="modal">{{ 'overlay.title' | translate }} </h2>
 
   <mat-dialog-content tabindex="0">
     <p>{{ 'overlay.message' | translate }}</p>
diff --git a/src/app/components/shared/_dialogs/user-bonus-token/user-bonus-token.component.html b/src/app/components/shared/_dialogs/user-bonus-token/user-bonus-token.component.html
index 8a2f81a7a..e76d470b1 100644
--- a/src/app/components/shared/_dialogs/user-bonus-token/user-bonus-token.component.html
+++ b/src/app/components/shared/_dialogs/user-bonus-token/user-bonus-token.component.html
@@ -1,15 +1,15 @@
 <div mat-dialog-content>
-  <h1>{{'header.bonus-token' | translate }}</h1>
+  <h2>{{'header.bonus-token' | translate }}</h2>
   <mat-divider></mat-divider>
   <div *ngIf="bonusTokens.length >= 1">
     <div fxLayout="row" *ngFor="let bonusToken of bonusTokens">
-      <h2>
+      <p>
         {{bonusToken.token}}
-      </h2>
+      </p>
     </div>
   </div>
   <div *ngIf="bonusTokens.length === 0">
-      <h3>{{'header.no-bonus' | translate }}</h3>
+      <p>{{'header.no-bonus' | translate }}</p>
   </div>
   <app-dialog-action-buttons
     buttonsLabelSection="introduction"
diff --git a/src/assets/i18n/data-protection/data-protection-de.html b/src/assets/i18n/data-protection/data-protection-de.html
index 644f38aea..1ba7bf88b 100644
--- a/src/assets/i18n/data-protection/data-protection-de.html
+++ b/src/assets/i18n/data-protection/data-protection-de.html
@@ -1,11 +1,11 @@
-<h2>Grundsatz</h2>
+<h3>Grundsatz</h3>
   <p>Deine personenbezogenen Daten werden vertraulich behandelt. Sämtliche Handlungen sind an die gesetzlichen Grundlagen
     des Hessischen Datenschutzgesetzes (HDSG), des Telemediengesetzes (TMG), der Datenschutz-Grundverordnung der EU
     (EU-DSGVO) sowie dieser Datenschutzerklärung gebunden. Dies wird von der TransMIT GmH als Betreiber von »frag.jetzt«
     garantiert.
   </p>
 
-<h2>Nutzungs&shy;daten</h2>
+<h3>Nutzungs&shy;daten</h3>
   <p>Personenbezogene Daten über die Inanspruchnahme von »frag.jetzt« (Nutzungsdaten) erheben, verarbeiten und nutzen wir nur, soweit dies erforderlich
     ist, um dem Benutzer die Inanspruchnahme von »frag.jetzt« zu ermöglichen.
     Im Normalfall ist eine Registrierung für die Nutzung von »frag.jetzt« nicht erforderlich.<br>
@@ -19,12 +19,12 @@
     Bei Nichtnutzung eines Kontos innerhalb von 180 Tagen wird das Konto automatisch ohne Mitteilung gelöscht.
   </p>
 
-<h2>Zugriffs&shy;daten</h2>
+<h3>Zugriffs&shy;daten</h3>
   <p> Personenbezogene Daten werden nur im technisch notwendige Umfang von »frag.jetzt« erhoben.
     Außer der Mailadresse als Anmeldename eines registrierten Benutzers werden keine personenbezogenen Daten gespeichert.
   </p>
 
-<h2>Log&shy;-Da&shy;teien</h2>
+<h3>Log&shy;-Da&shy;teien</h3>
   <p>Wir erheben und speichern automatisch Informationen in Log-Dateien, die dein Browser automatisch an uns übermittelt.
     Dies sind:
 
@@ -37,13 +37,13 @@
     nicht vorgenommen.
   </p>
 
-<h2>Web Storage</h2>
+<h3>Web Storage</h3>
   <p>»frag.jetzt« verwendet die sogenannte Web-Storage-Technik.
     Dabei werden Daten lokal im Cache deines Browsers gespeichert,
     die auch nach dem Schließen des Browser-Fensters oder dem Beenden des Programms – solange du den Cache nicht löscht - weiterhin bestehen und ausgelesen werden können.
   </p>
 
-<h2>Daten&shy;sicherheit</h2>
+<h3>Daten&shy;sicherheit</h3>
   <p>Es wurden umfangreiche technische und betriebliche Schutzvorkehrungen getroffen, um deine Daten vor zufälligen oder
     vorsätzlichen Manipulationen, Verlust, Zerstörung oder dem Zugriff unberechtigter Personen zu schützen. Die
     Sicherheitsverfahren werden regelmäßig überprüft und dem technologischen Fortschritt angepasst. Datenübertragungen
@@ -51,21 +51,21 @@
     lückenloser Schutz der Daten vor dem Zugriff durch Dritte nicht möglich ist.
   </p>
 
-<h2>Daten&shy;über&shy;mitt&shy;lun&shy;gen an Dritte</h2>
+<h3>Daten&shy;über&shy;mitt&shy;lun&shy;gen an Dritte</h3>
   <p>Eine Übermittlung deiner Daten an Dritte findet nicht statt, es sei denn, die Betreiber von »frag.jetzt« sind
     gesetzlich dazu verpflichtet. Soweit externe Dienstleister mit deinen personenbezogenen Daten in Kontakt kommen, wird durch
     rechtliche, technische und organisatorische Maßnahmen sowie durch regelmäßige Kontrollen sichergestellt, dass diese
     die Vorschriften der Datenschutzgesetze einhalten.
   </p>
 
-<h2>Links zu Webseiten anderer Anbieter</h2>
+<h3>Links zu Webseiten anderer Anbieter</h3>
   <p>»frag.jetzt« kann Links zu Webseiten anderer Anbieter enthalten, auf die sich diese Datenschutzerklärung nicht
     bezieht.
     Soweit mit der Nutzung der Internetseiten anderer Anbieter die Erhebung, Verarbeitung oder Nutzung personenbezogener
     Daten verbunden ist, beachte bitte die Datenschutzhinweise der jeweiligen Anbieter.
   </p>
 
-<h2>Widerspruchs&shy;recht und Auskunfts&shy;recht</h2>
+<h3>Widerspruchs&shy;recht und Auskunfts&shy;recht</h3>
   <p>Du hast jederzeit das Recht auf unentgeltliche Auskunft über deine gespeicherten personenbezogenen Daten, deren
     Herkunft und Empfänger, den Zweck der Datenverarbeitung sowie ein Recht auf Berichtigung, Sperrung oder Löschung
     dieser Daten.
@@ -74,11 +74,11 @@
     Kontaktdaten: klaus.quibeldey-cirkel&shy;@transmit.de
   </p>
 
-<h2>Verzeichnis von Ver&shy;arbeitungs&shy;tätig&shy;kei&shy;ten</h2>
+<h3>Verzeichnis von Ver&shy;arbeitungs&shy;tätig&shy;kei&shy;ten</h3>
   <p>Eine Übersicht über die in »frag.jetzt« verarbeiteten personenbezogenen Daten findest du im Projektarchiv unter https://git.thm.de/&shy;arsnova/&shy;frag.jetzt.
   </p>
 
-<h2>Änderungen der Daten&shy;schutz&shy;er&shy;klärung</h2>
+<h3>Änderungen der Daten&shy;schutz&shy;er&shy;klärung</h3>
   <p>Wir behalten uns das Recht vor, diese Datenschutzerklärung jederzeit unter Beachtung der geltenden
     Datenschutzvorschriften zu ändern.
   </p>
diff --git a/src/assets/i18n/data-protection/data-protection-en.html b/src/assets/i18n/data-protection/data-protection-en.html
index bf3b5ab63..b85137910 100644
--- a/src/assets/i18n/data-protection/data-protection-en.html
+++ b/src/assets/i18n/data-protection/data-protection-en.html
@@ -1,8 +1,8 @@
-<h2>Principle</h2>
+<h3>Principle</h3>
 <p>Your personal data will be treated confidentially. All actions are bound to the legal principles of the Hessian Data Protection Act (HDSG), the Telemedia Act (TMG), the EU Data Protection Basic Regulation (EU-DSGVO) and this data protection declaration. This is guaranteed by TransMIT GmH as operator of »frag.jetzt«.
 </p>
 
-<h2>Usage data</h2>
+<h3>Usage data</h3>
 <p>We collect, process and use personal data about the use of »frag.jetzt« (usage data) only to the extent necessary to enable the user to use »frag.jetzt«.
   Normally a registration for the use of »frag.jetzt« is not necessary.<br>
   <br>
@@ -15,11 +15,11 @@
   If an account is not used within 180 days, the account will be automatically deleted without notice.
 </p>
 
-<h2>Access data </h2>
+<h3>Access data </h3>
 <p> Personal data will only be collected to the technically necessary extent of »frag.jetzt«. Apart from the e-mail address as the login name of a registered user, no personal data is stored.
 </p>
 
-<h2>Log files</h2>
+<h3>Log files</h3>
 <p>We automatically collect and store information in log files that your browser automatically transmits to us.
   These are:
   browser type and browser version,
@@ -30,32 +30,32 @@
   This data cannot be assigned to specific persons. This data is not merged with other data sources.
 </p>
 
-<h2>Web Storage</h2>
+<h3>Web Storage</h3>
 <p>»frag.jetzt« uses the so-called web storage technology.
   This means that data is stored locally in the cache of your browser and can continue to exist and be read even after you close the browser window or quit the program - unless you delete the cache.
 </p>
 
-<h2>Data security</h2>
+<h3>Data security</h3>
 <p>Comprehensive technical and operational protective measures have been taken to protect your data from accidental or intentional manipulation, loss, destruction or access by unauthorized persons. The security procedures are regularly reviewed and adapted to technological progress. However, data transmissions on the Internet (e.g. when communicating by e-mail) can have security gaps, so that complete protection of the data against access by third parties is not possible.
 </p>
 
-<h2>Data transfers to third parties</h2>
+<h3>Data transfers to third parties</h3>
 <p>A transmission of your data to third parties does not take place, unless the operators of »frag.jetzt« are legally obliged to do so. Insofar as external service providers come into contact with your personal data, legal, technical and organisational measures as well as regular checks will ensure that this data is not passed on to third parties. comply with the provisions of the data protection laws.
 </p>
 
-<h2>Links to websites of other providers</h2>
+<h3>Links to websites of other providers</h3>
 <p>»frag.jetzt« may contain links to other websites which are not covered by this privacy statement. If the collection, processing or use of personal data is associated with the use of the Internet pages of other providers, please observe the data protection information of the respective providers.
 </p>
 
-<h2>Right to object and right to information </h2>
+<h3>Right to object and right to information </h3>
 <p>You have the right at any time to free information about your stored personal data, their origin and recipient, the purpose of data processing and a right to correction, blocking or deletion of this data. In case of ambiguities or suggestions, please contact the following e-mail address or the contact details given in the imprint: klaus.quibeldey-cirkel&shy;@transmit.de
 </p>
 
-<h2>Directory of processing activities </h2>
+<h3>Directory of processing activities </h3>
 <p>You can find an overview of the personal data processed in »frag.jetzt« in the repository at https://git.thm.de/arsnova/frag.jetzt.
 </p>
 
-<h2>Changes to the Data Protection & Privacy Policy</h2>
+<h3>Changes to the Data Protection & Privacy Policy</h3>
 <p>We reserve the right to change this data protection statement at any time in accordance with the applicable data protection regulations.
 </p>
 
diff --git a/src/assets/i18n/data-protection/data-protection.scss b/src/assets/i18n/data-protection/data-protection.scss
index 63be1293b..49a32e7dc 100644
--- a/src/assets/i18n/data-protection/data-protection.scss
+++ b/src/assets/i18n/data-protection/data-protection.scss
@@ -1,5 +1,6 @@
 h2 {
   padding-top: 20px;
+  font-size: 4em;
 }
 
 p {
diff --git a/src/assets/i18n/demo/demo-de.html b/src/assets/i18n/demo/demo-de.html
index e3683d5e2..7a79d0d45 100644
--- a/src/assets/i18n/demo/demo-de.html
+++ b/src/assets/i18n/demo/demo-de.html
@@ -8,7 +8,7 @@
   </div>
 </div>
 
-<h2>»Haben Sie Fragen?«</h2>
+<h3>»Haben Sie Fragen?«</h3>
 
 <p>Die klassische Vorlesung endet in der Regel mit: »Haben Sie Fragen?«. Und stets meldet sich niemand oder es fragen
   immer dieselben wenigen. Entweder traut sich im großen Hörsaal niemand oder die Fragen, die man im Verlauf der
@@ -29,9 +29,9 @@
   neudeutsch: up oder down voten. Die vom Auditorium am höchsten bewerteten Fragen kannst du sofort beantworten, die
   anderen, falls du es willst, später im Kursforum der Lernplattform.</p>
 
-<h2>
+<h3>
   Das Besondere an »frag.jetzt«
-</h2>
+</h3>
 
 <p>
   Die Lehrperson kann für zielführende und vorlesungsadäquate Fragen Bonuspunkte vergeben.
@@ -58,7 +58,7 @@
   »frag.jetzt« wird als kostenlose »Software as a Service« von der TransMIT GmbH betrieben, siehe Impressum.
 </p>
 
-<h2>Handy-Nutzung im Hörsaal</h2>
+<h3>Handy-Nutzung im Hörsaal</h3>
 
 <p>
   Die Nutzung des Smartphones während der Vorlesung bringt natürlich ein hohes Ablenkungsrisiko mit sich.
@@ -94,7 +94,7 @@
   </li>
 </ol>
 
-<h2>»Gender«-gerechte Sprache</h2>
+<h3>»Gender«-gerechte Sprache</h3>
 
 <p>
   Screen Reader für Sehbehinderte und Blinde,
diff --git a/src/assets/i18n/demo/demo-en.html b/src/assets/i18n/demo/demo-en.html
index c61146cf4..1acbbae51 100644
--- a/src/assets/i18n/demo/demo-en.html
+++ b/src/assets/i18n/demo/demo-en.html
@@ -8,9 +8,9 @@
   </div>
 </div>
 
-<h2>
+<h3>
   »Do you have any questions?«
-</h2>
+</h3>
 
 <p>The classical lecture usually ends with: »Do you have any questions?« And always nobody answers or the same few
   ask. Either nobody dares to ask questions in the large lecture hall or the questions one actually wanted to ask in the
@@ -31,9 +31,9 @@
   forum of the learning platform.</p>
 
 
-<h2>
+<h3>
   What's so special about »frag.jetzt«?
-</h2>
+</h3>
 
 <p>
   The teacher can award bonus points for goal-oriented and lecture-appropriate questions.
@@ -60,7 +60,7 @@
   »frag.jetzt« is operated as free »Software as a Service« by TransMIT GmbH, see imprint.
 </p>
 
-<h2>Mobile phone use in the lecture hall</h2>
+<h3>Mobile phone use in the lecture hall</h3>
 
 <p>
   The use of the smartphone during the lecture naturally entails a high risk of distraction.
-- 
GitLab