Merge pull request 'Formatting' (#30) from formatting into main

frontend/src/App.css

@@ -13,7 +13,6 @@
 
 .home,
 .about,
-.products,
 .sign-up {
   display: flex;
   height: 90vh;

frontend/src/Footer.js

@@ -16,7 +16,9 @@ function Footer() {
           <div className="footer-link-items">
             <h2>Kontakt</h2>
             <a href="mailto:marco.camenzind@students.ffhs.ch">E-Mail</a>
-            <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/F281A7A622AF5B9E7742C0FB635DE2A22BDC3C76">GPG-Key</a>
+            <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/F281A7A622AF5B9E7742C0FB635DE2A22BDC3C76">
+              GPG-Key
+            </a>
           </div>
         </div>
         <div className="footer-link-wrapper">

frontend/src/components/Author.js

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

frontend/src/components/Button.js

@@ -2,7 +2,7 @@ import React from "react";
 import "./Button.css";
 import { Link } from "react-router-dom";
 
-const newTo = (props) => '#';
+const newTo = (props) => "#";
 
 const STYLES = ["btn--primary", "btn--outline"];
 
@@ -21,9 +21,8 @@ export const Button = ({
 
   const checkButtonSize = SIZES.includes(buttonSize) ? buttonSize : SIZES[0];
 
-
   return (
-    <Link to={newTo || '/'} className="btn-mobile">
+    <Link to={newTo || "/"} className="btn-mobile">
       <button
         className={`btn ${checkButtonStyle} ${checkButtonSize}`}
         onClick={onClick}

frontend/src/components/HeroSection.css

@@ -7,7 +7,8 @@ video {
 }
 
 .hero-container {
-  background: url("../images/fingerprint_biometrics.jpg") center center/cover no-repeat;
+  background: url("../images/fingerprint_biometrics.jpg") center center/cover
+    no-repeat;
   height: 100vh;
   width: 100%;
   display: flex;
@@ -44,13 +45,12 @@ video {
   align-items: center;
 }
 
-.hero-btns .btn:hover{
+.hero-btns .btn:hover {
   background-color: var(--secondary);
   color: var(--primary);
-  border:none;
+  border: none;
 }
 
-
 .fa-play-circle {
   margin-left: 4px;
 }
@@ -80,4 +80,4 @@ video {
   .btn {
     width: 100%;
   }
-}
+}

frontend/src/components/Navbar.js

@@ -33,7 +33,7 @@ function Navbar() {
           {" "}
           <Link to="/" className="navbar-logo" onClick={closeMobileMenu}>
             {" "}
-            Bachelorarbeit Marco Camenzind {" "}
+            Bachelorarbeit Marco Camenzind{" "}
           </Link>{" "}
           <div className="menu-icon" onClick={handleClick}>
             {" "}
@@ -61,7 +61,7 @@ function Navbar() {
                 className="nav-links"
                 onClick={closeMobileMenu}
               >
-               Anleitung 
+                Anleitung
               </Link>
             </li>
             <li>
@@ -73,7 +73,6 @@ function Navbar() {
                 Anmelden
               </Link>
             </li>
-
           </ul>
           {button && <Button buttonStyle="btn--outline">SIGN UP</Button>}
         </div>

frontend/src/components/pages/Privacy.js

@@ -5,8 +5,8 @@ import Footer from "../../Footer";
 export default function SignUp() {
   return (
     <>
-      <h1 className="sign-up">SIGN UP</h1>
+      <h1 className="sign-up">Privacy</h1>
       <Footer />
     </>
   );
-}
+}