Started with new things for personalization

frontend/src/components/Author.js

@@ -0,0 +1,11 @@
+import React from 'react'
+
+function AuthorDate() {
+    return (
+        <div>
+            
+        </div>
+    )
+}
+
+export default AuthorDate

frontend/src/components/Button.css

@@ -12,7 +12,7 @@
 
 .btn--primary {
   background-color: var(--primary);
-  color: #242424;
+  color: #BDC3C7;
   border: 1px solid var(--primary);
 }
 
@@ -38,6 +38,6 @@
 .btn--medium:hover {
   transition: all 0.3s ease-out;
   background: #fff;
-  color: #242424;
+  color: #BDC3C7;
   transition: 250ms;
 }

frontend/src/components/Navbar.css

@@ -1,5 +1,5 @@
 .navbar {
-  background: linear-gradient(90deg, rgb(28, 27, 27) 0%, rgb(26, 23, 23) 100%);
+  background: linear-gradient(90deg, #6c7a89 0%, #6c7a89 100%);
   height: 80px;
   display: flex;
   justify-content: center;
@@ -93,7 +93,7 @@
   }
 
   .nav-menu.active {
-    background: #242222;
+    background: #abb7b7;
     left: 0;
     opacity: 1;
     transition: all 0.5s ease;
@@ -109,7 +109,7 @@
 
   .nav-links:hover {
     background-color: #fff;
-    color: #242424;
+    color: #000;
     border-radius: 0;
   }
 
@@ -152,7 +152,7 @@
 
   .nav-links-mobile:hover {
     background: #fff;
-    color: #242424;
+    color: #6c7a89;
     transition: 250ms;
   }
 }

frontend/src/components/Navbar.js

@@ -23,24 +23,27 @@ function Navbar() {
   useEffect(() => {
     showButton();
   }, []);
-
   window.addEventListener("resize", showButton);
-
   return (
     <>
+      {" "}
       <nav className="navbar">
+        {" "}
         <div className="navbar-container">
+          {" "}
           <Link to="/" className="navbar-logo" onClick={closeMobileMenu}>
-            TRVL
-            <i class="fab fa-typo3" />
-          </Link>
+            {" "}
+            Bachelorarbeit Marco Camenzind {" "}
+          </Link>{" "}
           <div className="menu-icon" onClick={handleClick}>
-            <i className={click ? "fas fa-times" : "fas fa-bars"} />
-          </div>
+            {" "}
+            <i className={click ? "fas fa-times" : "fas fa-bars"} />{" "}
+          </div>{" "}
           <ul className={click ? "nav-menu active" : "nav-menu"}>
+            {" "}
             <li className="nav-item">
               <Link to="/" className="nav-links" onClick={closeMobileMenu}>
-                Home
+                Startseite
               </Link>
             </li>
             <li className="nav-item">
@@ -49,28 +52,28 @@ function Navbar() {
                 className="nav-links"
                 onClick={closeMobileMenu}
               >
-                Services
+                Über
               </Link>
             </li>
-            <li className="nav-item">
+            <li>
               <Link
-                to="/products"
+                to="/sign-up"
                 className="nav-links"
                 onClick={closeMobileMenu}
               >
-                Products
+               Anleitung 
               </Link>
             </li>
-
             <li>
               <Link
                 to="/sign-up"
                 className="nav-links-mobile"
                 onClick={closeMobileMenu}
               >
-                Sign Up
+                Anmelden
               </Link>
             </li>
+
           </ul>
           {button && <Button buttonStyle="btn--outline">SIGN UP</Button>}
         </div>

frontend/src/components/pages/Ueber.js

@@ -2,10 +2,10 @@ import React from "react";
 import "../../App.css";
 import Footer from "../../Footer";
 
-export default function Services() {
+export default function Ueber() {
   return (
     <>
-      <h1 className="services">SERVICES</h1>
+      <h2 className="about">Über das Projekt</h2>
       <Footer />
     </>
   );