Added content in license page

frontend/src/App.css

@@ -40,6 +40,10 @@
   color: var(--primary);
 }
 
+a {
+  text-decoration: none;
+}
+
 a:hover:not(.navbar-logo) {
   border-bottom: 4px dotted var(--secondary);
 }
@@ -53,6 +57,7 @@ a:hover:not(.navbar-logo) {
 h1 {
   font-size: 4.5em;
   margin: 0.7em auto;
+  text-align: center;
 }
 
 .sitePage h2 {
@@ -60,12 +65,23 @@ h1 {
   margin: 0.7em auto;
 }
 
+.sitePage h3 {
+  font-size: 2em;
+  margin: 0.5em auto;
+}
+
 .sitePage p {
   font-size: 1.5em;
   max-width: 60%;
   margin-bottom: 4vh;
 }
 
+.sitePage ul li {
+  font-size: 1.5em;
+  margin-bottom: 0.7em;
+}
+
+
 .errorMessage {
   color: var(--error);
   max-width: 60%;

frontend/src/components/pages/Manual.js

@@ -35,11 +35,11 @@ export default function Manual() {
         <h2>War schon einmal hier</h2>
         <p>
           Wenn Sie schon einmal hier waren, gibt es zwei mögliche Zustände:
+        </p>
           <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

frontend/src/components/pages/Privacy.js

@@ -8,7 +8,6 @@ export default function Privacy() {
       <div className="sitePage">
         <h1>Datenschutz</h1>
       </div>
-      "
       <Footer />
     </>
   );

frontend/src/components/pages/Study.js

@@ -130,24 +130,22 @@ export default function Study() {
   };
 
   const handleClickAtStepPhone = () => {
-    if (checkIfValuesAreCorrect()){
-    receiveRandomPassword();
-    setIsStepPhone(false);
-    setIsStepStanding(true);
-    }
-    else {
-      console.log("Passwort und Benutzername stimmen nicht.")
+    if (checkIfValuesAreCorrect()) {
+      receiveRandomPassword();
+      setIsStepPhone(false);
+      setIsStepStanding(true);
+    } else {
+      console.log("Passwort und Benutzername stimmen nicht.");
     }
   };
 
   const handleClickAtStepStanding = () => {
-    if (checkIfValuesAreCorrect()){
-    setIsStepStanding(false);
-    setIsStepEnd(true);
-    handleLoggerOff();
-    }
-    else {
-      console.log("Passwort und Benutzername stimmen nicht.")
+    if (checkIfValuesAreCorrect()) {
+      setIsStepStanding(false);
+      setIsStepEnd(true);
+      handleLoggerOff();
+    } else {
+      console.log("Passwort und Benutzername stimmen nicht.");
     }
   };
 

frontend/src/components/pages/lizenzen.js

@@ -5,7 +5,7 @@ import Footer from "../../Footer";
 export default function Lizenzen() {
   return (
     <>
-      <div className="sitePage">
+      <div className="sitePage license">
         <h1>Lizenzen und Bildnachweise</h1>
         <p>
           Nachfolgend sollen die verwendeten Bibliotheken inklusive der Lizenz
@@ -13,13 +13,31 @@ export default function Lizenzen() {
           Bildnachweise notiert werden.
         </p>
         <h2>Verwendete Bibliotheken</h2>
-        <h3>Backend</h3>
         <h3>Frontend</h3>
+        <ul>
+          <li>
+            ReactJS (MIT-Lizenz):{" "}
+            <a href="https://github.com/facebook/react">
+              https://github.com/facebook/react
+            </a>{" "}
+          </li>
+          <li>Behametrics Web-Logger (MIT-Lizenz): <a href="https://gitlab.com/behametrics/logger-web">https://gitlab.com/behametrics/logger-web</a></li>
+          <li>Fortawesome Icons (CC-BY-4.0): <a href="https://github.com/FortAwesome/Font-Awesome">https://github.com/FortAwesome/Font-Awesome</a></li>
+          <li>React-Token-Auth (ISC-Lizenz): <a href="https://github.com/obabichev/react-token-auth">https://github.com/obabichev/react-token-auth</a></li>
+          <li>react-router-dom (MIT-Lizenz)<a href="https://github.com/ReactTraining/react-router">https://github.com/ReactTraining/react-router</a></li>
+        </ul>
+        <h3>Backend</h3>
+        <ul>
+          <li>Flask (BSD-3-Lizenz): <a href="https://github.com/pallets/flask/">https://github.com/pallets/flask/</a></li>
+          <li>flask-sqlalchemy (BSD-3-Lizenz): <a href="https://github.com/pallets/flask-sqlalchemy">https://github.com/pallets/flask-sqlalchemy</a></li>
+          <li>flask-praetorian (MIT-Lizenz): <a href="https://github.com/dusktreader/flask-praetorian">https://github.com/dusktreader/flask-praetorian</a></li>
+          <li>Flask-CORS (MIT-Lizenz): <a href="https://github.com/corydolphin/flask-cors">https://github.com/corydolphin/flask-cors</a></li>
+          <li>Behametrics Serverimplementierung (MIT-Lizenz)<a href="https://gitlab.com/behametrics/server">https://gitlab.com/behametrics/server</a></li>
+        </ul>
         <h2>Bildnachweise</h2>
         <ul className="bildnachweise">
           <li>
-            Originalbild für die Startseite:
-            <a href="https://pixabay.com/illustrations/virtual-identity-digital-identity-69996/">
+            Originalbild für die Startseite: <a href="https://pixabay.com/illustrations/virtual-identity-digital-identity-69996/">
               https://pixabay.com/illustrations/virtual-identity-digital-identity-69996/
             </a>
           </li>