Content/Ueber #44

Merged
cami merged 1 commit from content/ueber into main 2021-06-22 23:57:35 +00:00
5 changed files with 24 additions and 19 deletions

View file

@ -28,7 +28,7 @@
} }
.sitePage { .sitePage {
height: 90vh; min-height: 90vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-content: center; align-content: center;
@ -36,7 +36,19 @@
background-color: var(--secondary); background-color: var(--secondary);
color: var(--primary); color: var(--primary);
} }
.sitePage h1 { .sitePage h1 {
font-size: 80px; font-size: 5em;
margin: 0.7em auto; margin: 0.7em auto;
} }
.sitePage h2 {
font-size: 3.75em;
margin: 0.7em auto;
}
.sitePage p {
font-size: 2em;
max-width: 60%;
margin-bottom: 4vh;
}

View file

@ -29,11 +29,6 @@ function Footer() {
</div> </div>
</div> </div>
</div> </div>
<section className="social-media">
<div className="social-media-wrap">
<small className="website-rights">Marco Camenzind © 2021</small>
</div>
</section>
</div> </div>
); );
} }

View file

@ -47,11 +47,7 @@ function Navbar() {
</Link> </Link>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link <Link to="/Ueber" className="nav-links" onClick={closeMobileMenu}>
to="/Ueber"
className="nav-links"
onClick={closeMobileMenu}
>
Über Über
</Link> </Link>
</li> </li>

View file

@ -5,15 +5,11 @@ import Footer from "../../Footer";
export default function Manual() { export default function Manual() {
const [currentTime, setCurrentTime] = useState(0); const [currentTime, setCurrentTime] = useState(0);
useEffect(() => {
fetch('/time').then(res => res.json()).then(data => {
setCurrentTime(data.time);
});
}, []);
return ( return (
<> <>
<h2 className="about">Anleitung / Bedienungshinweise {currentTime}</h2> <div className="sitePage">
<h1> Anleitung / Bedienungshinweise</h1>
</div>
<Footer /> <Footer />
</> </>
); );

View file

@ -7,6 +7,12 @@ export default function Ueber() {
<> <>
<div className="sitePage"> <div className="sitePage">
<h1>Über das Projekt</h1> <h1>Über das Projekt</h1>
<p>
Im Rahmen meiner Bachelorthesis an der Fernfachhochschule Schweiz möchte ich der Frage nachgehen, wie sich die Verhaltensmerkmale in unterschiedlichen Situationen unterscheiden. Hierfür habe ich eine Webanwendung entwickelt, welche die Nutzerinnen und Nutzer möglichst einfach durch die Studie führt.
</p>
<p>
Falls Sie Fragen haben, können Sie diese jederzeit per Mail stellen. Gerne kann ich auch meine Disposition zur Verfügung stellen.
</p>
</div> </div>
<Footer /> <Footer />
</> </>