Reformating

This commit is contained in:
cami 2021-06-21 03:45:22 +02:00
parent b25d8fad3a
commit b9771e6b1f
7 changed files with 17 additions and 22 deletions

View file

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

View file

@ -16,7 +16,9 @@ function Footer() {
<div className="footer-link-items"> <div className="footer-link-items">
<h2>Kontakt</h2> <h2>Kontakt</h2>
<a href="mailto:marco.camenzind@students.ffhs.ch">E-Mail</a> <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> </div>
<div className="footer-link-wrapper"> <div className="footer-link-wrapper">

View file

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

View file

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

View file

@ -7,7 +7,8 @@ video {
} }
.hero-container { .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; height: 100vh;
width: 100%; width: 100%;
display: flex; display: flex;
@ -44,13 +45,12 @@ video {
align-items: center; align-items: center;
} }
.hero-btns .btn:hover{ .hero-btns .btn:hover {
background-color: var(--secondary); background-color: var(--secondary);
color: var(--primary); color: var(--primary);
border:none; border: none;
} }
.fa-play-circle { .fa-play-circle {
margin-left: 4px; margin-left: 4px;
} }
@ -80,4 +80,4 @@ video {
.btn { .btn {
width: 100%; width: 100%;
} }
} }

View file

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

View file

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