feat(footer): two-row layout with site links, recent content, bitmoji, and vertical social links

[Copilot]

Reworks the footer from a single-row social icon strip into a structured two-row layout.

Layout

Row 1 — three columns:

• 1/4 — Site Links: static nav links (Home, Writing, Projects, About)
• 1/4 — Recent content: 3 latest articles + 2 top-ordered projects, queried from Astro content collections at build time
• 1/2 — Bitmoji + socials: bitmoji-hi.png (enlarged) with social icons stacked vertically to the right of the image; the entire group is right-justified within the column so the icons sit at the far right edge with the bitmoji beside them

Row 2 — unchanged copyright + "Built with Astro" line, separated by a border.

Fully responsive: stacks to single column on mobile (bitmoji + icons centered).

Utility

Extracted getProjectUrl(entry) into src/utils/projects.ts to mirror the existing getPostUrl pattern — removes duplicated inline slug logic from Footer.astro and pages/index.astro.

Screenshots

	Desktop	Mobile
Before
After (light)
After (dark)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Update footer layout and content</issue_title>
<issue_description>I want to rework the footer of the page. There will be some major changes that I'm looking at documented below:

1. I want there to be two rows.
   1a. the first Row will consist of 3 columns
   1b. the second will consist of the current copyright and tech stack links

2. I want the top row columns to be:
   2a. 1/4 width will be a list of page links with the header Site Links
   2b. 1/4 width will contain a list of 3 recent articles and 2 recent projects
   2c. 1/2 column which will contain an image (yet to be determined, but probably one of the bitmoji images). it should also have my social links</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Update footer layout and content #95

---

🔒 GitHub Advanced Security automatically protects Copilot coding agent pull requests. You can protect all pull requests by enabling Advanced Security for your repositories. Learn more about Advanced Security.

[kenjdavidson]

@copilot I like it, but have some suggestions. Can you attempt to make the last column, have the social icons go vertically? This means it will look like hte image is saying Hi, then having the social icons down the side. I'm curious what that will look like. Also, is there any way to make the image a touch larger? Also, provide screenshots on both light and dark themes.

[Copilot]

@copilot I like it, but have some suggestions. Can you attempt to make the last column, have the social icons go vertically? This means it will look like hte image is saying Hi, th...

Done in 42c142f. Social icons are now a vertical column to the right of the bitmoji, and the image is larger (h-48 vs the previous h-36). Screenshots across both themes:

Light — Desktop

Dark — Desktop

Light — Mobile

Dark — Mobile

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• telemetry.astro.build
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/kenjdavidson.github.io/kenjdavidson.github.io/node_modules/.bin/astro build (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

[kenjdavidson]

@copilot the third, right most column, should be right justified. The icons should be to the right of the container, and the image just beside it.

[Copilot]

@copilot the third, right most column, should be right justified. The icons should be to the right of the container, and the image just beside it.

Done in f2e172c — changed sm:justify-start to sm:justify-end on the column 3 container so the bitmoji + icons are pushed to the right edge on desktop. Mobile stays centered.

Light — Desktop

Dark — Desktop

Light — Mobile

Dark — Mobile

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• telemetry.astro.build
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/kenjdavidson.github.io/kenjdavidson.github.io/node_modules/.bin/astro build (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)