less corny header and note meta icons (#746)

* less corny header and note meta icons

* swap out more twemojis

* indicate active page in nav bar

* update favicons

* extract `<MenuLink />` into its own component

* change hover effect to an underline

* cropped header photo

components/Selfie/Selfie.tsx

@@ -5,7 +5,7 @@ import classNames from "classnames";
 
 import styles from "./Selfie.module.css";
 
-import meJpg from "../../public/static/images/me.jpg";
+import selfieJpg from "../../public/static/images/selfie.jpg";
 
 type Props = {
   className?: string;
@@ -15,7 +15,15 @@ const Selfie = ({ className }: Props) => (
   <Link href="/">
     <a className={classNames(styles.link, className)}>
       <div className={styles.selfie}>
-        <Image src={meJpg} alt="Photo of Jake Jarvis" width={70} height={70} quality={60} layout="intrinsic" priority />
+        <Image
+          src={selfieJpg}
+          alt="Photo of Jake Jarvis"
+          width={70}
+          height={70}
+          quality={60}
+          layout="intrinsic"
+          priority
+        />
       </div>
       <span className={styles.name}>Jake Jarvis</span>
     </a>