49 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			49 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| 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>
 | |
|   )
 | |
| }
 |