Merge branch 'main' into frontend/check-username-pw-survey

Reviewed-on: #187

frontend/src/App.css

@@ -51,12 +51,12 @@ a:hover:not(.navbar-logo) {
 }
 
 h1 {
-  font-size: 5em;
+  font-size: 4.5em;
   margin: 0.7em auto;
 }
 
 .sitePage h2 {
-  font-size: 3.75em;
+  font-size: 3.7em;
   margin: 0.7em auto;
 }
 

frontend/src/components/pages/Manual.js

@@ -1,4 +1,5 @@
 import React from "react";
+import { Link } from "react-router-dom";
 import "../../App.css";
 import Footer from "../../Footer";
 
@@ -7,6 +8,42 @@ export default function Manual() {
     <>
       <div className="sitePage">
         <h1> Anleitung / Bedienungshinweise</h1>
+        <p>
+          Vielen Dank für Ihr Interesse an meiner Bachelorthesis. Falls Sie noch
+          grundlegende Informationen benötigen, können Sie diese{" "}
+          <Link to="ueber">hier</Link> genauer anschauen. Hier geht es darum,
+          dass ich Ihnen eine kurze Anleitung zur Verfügung stelle und erkäre
+          wie das ganze funktioniert.
+        </p>
+        <h2>Neu hier</h2>
+        <p>
+          Bei Besuchern, die das erste Mal hier sind, geht es um zwei Dinge.
+          Erstens müssen sich diese registrieren und zweitens sollte eine
+          Umfrage durchgeführt werden. Diese Umfrage dient dazu, dass ich eine
+          grobe Übersicht habe, welche Personengruppen teilgenommen haben. Für
+          die Registrierung klicken Sie oben rechts einfach auf registieren. Sie
+          müssen dann einen Nutzernamen und ein Passwort eingeben. Schauen Sie
+          darauf, dass Sie sich den Benutzernamen und das Passwort merken
+          können. Es gibt keine Möglichkeit, das Passwort oder den Benutzernamen
+          zurückzusetzen. Nach der Registrierung landen Sie auf einer
+          Umfrageseite. Füllen Sie die Fragen wahrheitsgemäss aus und klicken
+          Sie danach auf "Umfrage abschicken". Nachdem die Umfrage durchgeführt
+          wurde, können Sie an der Studie teilnehmen, indem Sie auf den Button "Studie starten" klicken. Folgen Sie danach den Anweisungen gemäss der Studie.
+        </p>
+        <h2>War schon einmal hier</h2>
+        <p>
+        Wenn Sie schon einmal hier waren, gibt es zwei mögliche Zustände:
+        <ul>
+          <li>Sie sind noch eingeloggt</li>
+          <li>Sie sind nicht mehr eingeloggt</li>
+        </ul>
+        </p>
+        <p>
+        Sofern Sie noch nicht eingeloggt sind, können Sie sich anmelden mit ihrem gewählten Benutzernamen und dem Passwort. Sie landen dann direkt auf der Seite, welche ich für meine Studie benötige. Führen Sie dort die Studie die Studie wie gewohnt durch und beenden Sie diese am Schluss der Studie mit dem Button "Studie beenden".
+        </p>
+        <p>
+          Wenn Sie bereits eingeloggt sind, dann landen Sie auf der Startseite. Sie finden in der Mitte einen Button mit der Überschrift "Zur Studie". Klicken Sie bitte auf diesen Button und führen Sie dann die Studie durch.
+        </p>
       </div>
       <Footer />
     </>

frontend/src/components/pages/Study.js

@@ -158,7 +158,7 @@ export default function Study() {
         onClick={handleClickAtStepStart}
         newTo="study"
       >
-        Starten mit der Studie
+        Studie starten
       </Button>
     </>
   );

frontend/src/components/pages/Ueber.js

@@ -9,10 +9,10 @@ export default function Ueber() {
         <h1>Über das Projekt</h1>
         <p>
           Im Rahmen meiner Bachelorthesis an der Fernfachhochschule Schweiz
-          möchte ich der Frage nachgehen, wie sich die Verhaltensmerkmale in
+          möchte ich der Frage nachgehen, wie sich die Verhaltensmerkmale (also zum Beispiel Tastaturanschläge und Mausbewegungen) in
           unterschiedlichen Situationen unterscheiden. Hierfür habe ich eine
           Webanwendung entwickelt, welche die Nutzerinnen und Nutzer möglichst
-          einfach durch die Studie führt.
+          einfach durch die Studie führt. Damit ich ein paar Personen respektive deren Verhalten erfassen kann, ist es natürlich wichtig, dass mehrere Personen an der Studie teilnehmen. Ausserdem ist es wichtig, dass die teilnehmenden Personen mehrere Male teilnehmen, so dass ich mögliche Unterschiede während des Tagesverlauf bewerten kann.
         </p>
         <p>
           Falls Sie Fragen haben, können Sie diese jederzeit per Mail stellen.