From 1f2f019d1b4ad190ca61563ad31e07b2701d58ce Mon Sep 17 00:00:00 2001
From: Foster Hangdaan <foster@hangdaan.email>
Date: Sun, 3 Dec 2023 11:14:35 -0500
Subject: [PATCH] Update home page

- Added header links.
- Minor edits to header text.
---
 index.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/index.tsx b/index.tsx
index 1682d8d..b7e8389 100644
--- a/index.tsx
+++ b/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>