Formatting #30
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;
|
||||||
|
@ -50,7 +51,6 @@ video {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.fa-play-circle {
|
.fa-play-circle {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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,7 +5,7 @@ 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