Add scambox

This commit is contained in:
Kevin Kandlbinder 2021-11-05 22:29:08 +00:00 committed by GitHub
parent 31fd2e5755
commit 5c17277817
16 changed files with 611 additions and 97 deletions

View file

@ -104,6 +104,13 @@ const Navigation = ({ isHome }) => {
>
<Trans>social</Trans>
</Link>
<Link
id="navBtnScambox"
to="/scambox"
activeClassName={styles.active}
>
<Trans>scambox</Trans>
</Link>
<div className={styles.hamburger}>
<Hamburger
toggle={setOffscreenNavActive}

View file

@ -115,7 +115,7 @@
height: 43px;
margin-top: -3px;
@media (max-width: 500px) {
@media (max-width: 600px) {
display: block;
}
}
@ -141,7 +141,7 @@
}
}
@media (max-width: 500px) {
@media (max-width: 600px) {
&:not(.logo) {
display: none;
}

View file

@ -27,26 +27,33 @@ const OffScreenNav = ({ active, close }) => {
<Trans>home</Trans>
</Link>
<Link
id="navBtnProjects"
id="osnavBtnProjects"
to="/about"
activeClassName={styles.active}
>
<Trans>about</Trans>
</Link>
<Link
id="navBtnProjects"
id="osnavBtnProjects"
to="/projects"
activeClassName={styles.active}
>
<Trans>projects</Trans>
</Link>
<Link
id="navBtnSocial"
id="osnavBtnSocial"
to="/social"
activeClassName={styles.active}
>
<Trans>social</Trans>
</Link>
<Link
id="osnavBtnScambox"
to="/scambox"
activeClassName={styles.active}
>
<Trans>scambox</Trans>
</Link>
</div>
</div>,
document.getElementById("osnav")