next-app-with-squiggle/components/Header.tsx

49 lines
1.2 KiB
TypeScript
Raw Permalink Normal View History

2022-08-01 07:43:16 +00:00
import styles from "../styles/Header.module.css"
import Link from "next/link"
export default function Header() {
return (
<header>
<noscript>
<style>{`.nojs-show { opacity: 1; top: 0; }`}</style>
</noscript>
<nav>
<ul className={styles.navItems}>
<li className={styles.navItem}>
<Link href="/">
<a>Home</a>
</Link>
</li>
<li className={styles.navItem}>
<Link href="/intro">
<a>Introduction</a>
</Link>
</li>
<li className={styles.navItem}>
<Link href="/team">
<a>Team</a>
</Link>
</li>
<li className={styles.navItem}>
<Link href="/squiggle-demo">
<a>Squiggle demonstration</a>
</Link>
</li>
<li className={styles.navItem}>
<Link href="/latex-demo">
<a>Latex demonstration</a>
</Link>
</li>
<li className={styles.navItem}>
<Link href="/worldview">
<a>Worldview</a>
</Link>
</li>
</ul>
</nav>
</header>
)
}