From 87929fe697c5a9d34a20017dd06ac7ef6862bab4 Mon Sep 17 00:00:00 2001
From: cami <cami+giteaspcodes@mailbox.org>
Date: Wed, 23 Jun 2021 01:56:27 +0200
Subject: [PATCH] Added some content and fixed a small thing :-9

---
 frontend/src/App.css                    | 16 ++++++++++++++--
 frontend/src/Footer.js                  |  5 -----
 frontend/src/components/Navbar.js       |  6 +-----
 frontend/src/components/pages/Manual.js | 10 +++-------
 frontend/src/components/pages/Ueber.js  |  6 ++++++
 5 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index 1c6eec0..069000c 100644
--- a/frontend/src/App.css
+++ b/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;
+}
diff --git a/frontend/src/Footer.js b/frontend/src/Footer.js
index 67b876a..6c789d4 100644
--- a/frontend/src/Footer.js
+++ b/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>
   );
 }
diff --git a/frontend/src/components/Navbar.js b/frontend/src/components/Navbar.js
index 935203f..a9e079b 100644
--- a/frontend/src/components/Navbar.js
+++ b/frontend/src/components/Navbar.js
@@ -47,11 +47,7 @@ function Navbar() {
               </Link>
             </li>
             <li className="nav-item">
-              <Link
-                to="/Ueber"
-                className="nav-links"
-                onClick={closeMobileMenu}
-              >
+              <Link to="/Ueber" className="nav-links" onClick={closeMobileMenu}>
                 Über
               </Link>
             </li>
diff --git a/frontend/src/components/pages/Manual.js b/frontend/src/components/pages/Manual.js
index ea88d83..d3a1fbf 100644
--- a/frontend/src/components/pages/Manual.js
+++ b/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 />
     </>
   );
diff --git a/frontend/src/components/pages/Ueber.js b/frontend/src/components/pages/Ueber.js
index 13bd90e..2d62ec7 100644
--- a/frontend/src/components/pages/Ueber.js
+++ b/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 />
     </>