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
Showing only changes of commit 87929fe697 - Show all commits

View file

@ -28,7 +28,7 @@
}
.sitePage {
height: 90vh;
min-height: 90vh;
display: flex;
flex-direction: column;
align-content: center;
@ -36,7 +36,19 @@
background-color: var(--secondary);
color: var(--primary);
}
.sitePage h1 {
font-size: 80px;
font-size: 5em;
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>
<section className="social-media">
<div className="social-media-wrap">
<small className="website-rights">Marco Camenzind © 2021</small>
</div>
</section>
</div>
);
}

View file

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

View file

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

View file

@ -7,6 +7,12 @@ export default function Ueber() {
<>
<div className="sitePage">
<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>
<Footer />
</>