Update home page

- Added header links.
- Minor edits to header text.

index.tsx

@@ -20,14 +20,18 @@ export default function({ nav }) {
         You'll most likely find me within <a href="https://code.fosterhangdaan.com">my lab</a> tinkering with my inventions and the latest JavaScript frameworks.
         Other times, I help in the battle for an open web and for user privacy by contributing in the development of free and open-source software.
       </p>
-      <h2 id="contact-me">Contact Me</h2>
+      <h2 id="contact-me" tabindex="-1">
+        <a className="header-anchor" href="#contact-me">Contact Me</a>
+      </h2>
       <p>
         The best method of reaching me is through my email: <a href="mailto:foster@hangdaan.email">foster@hangdaan.email</a>.
       </p>
       <p>
         If you'd like an encrypted response, you can send me your GPG public key. You can find mine in the <a href="/gpg-key">GPG Key</a> page.
       </p>
-      <h2 id="projects">Projects</h2>
+      <h2 id="highlighted-projects" tabindex="-1">
+        <a className="header-anchor" href="#highlighted-projects">Highlighted Projects</a>
+      </h2>
       <ul>
         <li>
           <a href="https://code.fosterhangdaan.com/foster/website">This website</a> &mdash; My personal website &amp; blog.
@@ -48,7 +52,9 @@ export default function({ nav }) {
       <p>
         <a href="https://code.fosterhangdaan.com/foster?tab=repositories">View all projects</a>
       </p>
-      <h2 id="blog-posts">Blog Posts</h2>
+      <h2 id="latest-blog-posts">
+        <a className="header-anchor" href="#latest-blog-posts">Latest Blog Posts</a>
+      </h2>
       <ul>
         {nav.menu("/blog/posts").children.sort(sortPosts).slice(0,3).map(post => (
           <li>