c0ntroller/frontpage
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Activity

Even better nav

Browse Source
This commit is contained in:
Daniel Kluge
2022-10-18 17:09:03 +02:00
parent 0554ecaeae
commit 9dade22b3f
3 changed files with 46 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/Blog/Navigation.tsx
View File

@ -1,7 +1,7 @@
/* eslint-disable @next/next/no-img-element */
import type { NextPage } from "next";
import Link from "next/link";
import { TerminalWindow } from "phosphor-react";
import { TerminalWindow, House, User } from "phosphor-react";
import ThemeSwitch from "./ThemeSwitch";
import styles from "../../styles/Blog/Navigation.module.scss";
@ -16,10 +16,20 @@ const Navigation: NextPage<{}> = () => {
</picture>
</a>
</Link>
<div className={styles.navLink}><Link href={"/"}><a className="nostyle">Projects</a></Link></div>
<div className={styles.navLink}><Link href={"/me"}><a className="nostyle">About me</a></Link></div>
<div className={styles.navLink}>
<Link href={"/"}><a className="nostyle">
<span className={styles.linkText}>Projects</span>
<span className={styles.linkIcon}><House size={"2em"} /></span>
</a></Link>
</div>
<div className={styles.navLink}>
<Link href={"/me"}><a className="nostyle">
<span className={styles.linkText}>About me</span>
<span className={styles.linkIcon}><User size={"2em"} /></span>
</a></Link>
</div>
<div className={styles.spacer}></div>
<div className={styles.navIcon}><Link href={"/terminal"}><a className="nostyle"><TerminalWindow size={"2em"} href={"/terminal"} /></a></Link></div>
<div className={styles.navIcon}><Link href={"/terminal"}><a className="nostyle"><TerminalWindow size={"2em"} /></a></Link></div>
<ThemeSwitch />
</nav>;
};