Reformating
This commit is contained in:
parent
b25d8fad3a
commit
b9771e6b1f
7 changed files with 17 additions and 22 deletions
|
@ -13,7 +13,6 @@
|
||||||
|
|
||||||
.home,
|
.home,
|
||||||
.about,
|
.about,
|
||||||
.products,
|
|
||||||
.sign-up {
|
.sign-up {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 90vh;
|
height: 90vh;
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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}
|
||||||
|
|
|
@ -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%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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 />
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue