Merge pull request 'Content/Ueber' (#44) from content/ueber into main

Reviewed-on: #44

frontend/src/App.css

@@ -28,7 +28,7 @@
 }
 
 .sitePage {
-  height: 90vh;
+  min-height: 90vh;
   display: flex;
   flex-direction: column;
   align-content: center;
@@ -36,7 +36,19 @@
   background-color: var(--secondary);
   color: var(--primary);
 }
+
 .sitePage h1 {
-  font-size: 80px;
+  font-size: 5em;
   margin: 0.7em auto;
 }
+
+.sitePage h2 {
+  font-size: 3.75em;
+  margin: 0.7em auto;
+}
+
+.sitePage p {
+  font-size: 2em;
+  max-width: 60%;
+  margin-bottom: 4vh;
+}

frontend/src/Footer.js

@@ -29,11 +29,6 @@ function Footer() {
           </div>
         </div>
       </div>
-      <section className="social-media">
-        <div className="social-media-wrap">
-          <small className="website-rights">Marco Camenzind © 2021</small>
-        </div>
-      </section>
     </div>
   );
 }

frontend/src/components/Navbar.js

@@ -47,11 +47,7 @@ function Navbar() {
               </Link>
             </li>
             <li className="nav-item">
-              <Link
+              <Link to="/Ueber" className="nav-links" onClick={closeMobileMenu}>
-                to="/Ueber"
-                className="nav-links"
-                onClick={closeMobileMenu}
-              >
                 Über
               </Link>
             </li>

frontend/src/components/pages/Manual.js

@@ -5,15 +5,11 @@ import Footer from "../../Footer";
 export default function Manual() {
   const [currentTime, setCurrentTime] = useState(0);
 
-  useEffect(() => {
-    fetch('/time').then(res => res.json()).then(data => {
-      setCurrentTime(data.time);
-    });
-  }, []);
-
   return (
     <>
-      <h2 className="about">Anleitung / Bedienungshinweise {currentTime}</h2>
+    <div className="sitePage">
+      <h1> Anleitung / Bedienungshinweise</h1>
+    </div>
       <Footer />
     </>
   );

frontend/src/components/pages/Ueber.js

@@ -7,6 +7,12 @@ export default function Ueber() {
     <>
       <div className="sitePage">
         <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 unterschiedlichen Situationen unterscheiden. Hierfür habe ich eine Webanwendung entwickelt, welche die Nutzerinnen und Nutzer möglichst einfach durch die Studie führt.
+        </p>
+        <p>
+          Falls Sie Fragen haben, können Sie diese jederzeit per Mail stellen. Gerne kann ich auch meine Disposition zur Verfügung stellen.
+        </p>
       </div>
       <Footer />
     </>