From 1b686cca7e3d75a42ed5ca70cc9bdeddf17b9c15 Mon Sep 17 00:00:00 2001
From: Gus <gocanto@users.noreply.github.com>
Date: Fri, 17 Oct 2025 11:47:50 +0800
Subject: [PATCH 1/4] Show sidebar avatar on all routes

---
 src/partials/SideNavPartial.vue | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/partials/SideNavPartial.vue b/src/partials/SideNavPartial.vue
index 09a9bde..982129d 100644
--- a/src/partials/SideNavPartial.vue
+++ b/src/partials/SideNavPartial.vue
@@ -2,7 +2,7 @@
 	<div class="sticky top-0 w-16 md:w-24 shrink-0 h-screen overflow-y-auto no-scrollbar border-r border-slate-200 dark:border-slate-800">
 		<div class="h-full flex flex-col justify-between after:flex-1 after:mt-auto">
 			<!-- Sidebar avatar -->
-			<div v-if="!isHome && !isAbout" class="flex justify-center my-4">
+			<div class="flex justify-center my-4">
 				<router-link v-lazy-link to="/">
 					<AvatarPartial width="w-16" height="h-16" loading="lazy" decoding="async" fetchpriority="low" />
 				</router-link>
@@ -112,12 +112,6 @@ const navSocialLinks = useHeaderSocialLinks(social);
 
 const { tooltip, showTooltip, hideTooltip } = useTooltip();
 
-const isHome = computed<boolean>(() => {
-	// `path` excludes query strings, ensuring the avatar is hidden on the homepage
-	// even when query parameters are present (e.g. `/?foo=bar`).
-	return currentRoute.path === '/';
-});
-
 const isAbout = computed<boolean>(() => currentRoute.path === '/about');
 
 const CONTENT_ALIGNED_ROUTES = new Set(['/about', '/projects', '/resume']);

From 09b2aae9ba741378d9c9259152ac927ef80d9075 Mon Sep 17 00:00:00 2001
From: Gus <gocanto@users.noreply.github.com>
Date: Fri, 17 Oct 2025 12:08:30 +0800
Subject: [PATCH 2/4] Update avatar visibility tests

---
 tests/partials/SideNavPartial.test.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/tests/partials/SideNavPartial.test.ts b/tests/partials/SideNavPartial.test.ts
index c84ee11..369f230 100644
--- a/tests/partials/SideNavPartial.test.ts
+++ b/tests/partials/SideNavPartial.test.ts
@@ -85,18 +85,18 @@ describe('SideNavPartial', () => {
 		debugErrorMock.mockClear();
 	});
 
-	it('hides the avatar on the home route', async () => {
+	it('shows the avatar on the home route', async () => {
 		const { wrapper } = await mountSideNavAt('/');
 
-		expect(wrapper.findComponent(AvatarPartial).exists()).toBe(false);
+		expect(wrapper.findComponent(AvatarPartial).exists()).toBe(true);
 
 		wrapper.unmount();
 	});
 
-	it('hides the avatar on the about route', async () => {
+	it('shows the avatar on the about route', async () => {
 		const { wrapper } = await mountSideNavAt('/about');
 
-		expect(wrapper.findComponent(AvatarPartial).exists()).toBe(false);
+		expect(wrapper.findComponent(AvatarPartial).exists()).toBe(true);
 
 		wrapper.unmount();
 	});

From 22045ad4e7dc931bf3aa5110a0f358f50b9e301e Mon Sep 17 00:00:00 2001
From: Gus <gocanto@users.noreply.github.com>
Date: Fri, 17 Oct 2025 12:15:59 +0800
Subject: [PATCH 3/4] Add top margin to side nav

---
 src/partials/SideNavPartial.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/partials/SideNavPartial.vue b/src/partials/SideNavPartial.vue
index 982129d..0d4a8c3 100644
--- a/src/partials/SideNavPartial.vue
+++ b/src/partials/SideNavPartial.vue
@@ -10,7 +10,7 @@
 
 			<!-- Sidebar menu-->
 			<div class="flex-1 grow flex items-start">
-				<nav :class="['w-full pb-10', navPaddingTopClass]">
+				<nav :class="['w-full pb-10 mt-2', navPaddingTopClass]">
 					<ul class="space-y-4">
 						<li class="py-2">
 							<!-- home -->

From 9b7cc30ea7e419879cc2eaaba929e23d951fc6b6 Mon Sep 17 00:00:00 2001
From: Gus <gocanto@users.noreply.github.com>
Date: Fri, 17 Oct 2025 12:23:33 +0800
Subject: [PATCH 4/4] Adjust sidebar avatar loading

---
 src/partials/SideNavPartial.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/partials/SideNavPartial.vue b/src/partials/SideNavPartial.vue
index 0d4a8c3..04cce3d 100644
--- a/src/partials/SideNavPartial.vue
+++ b/src/partials/SideNavPartial.vue
@@ -4,7 +4,7 @@
 			<!-- Sidebar avatar -->
 			<div class="flex justify-center my-4">
 				<router-link v-lazy-link to="/">
-					<AvatarPartial width="w-16" height="h-16" loading="lazy" decoding="async" fetchpriority="low" />
+					<AvatarPartial width="w-16" height="h-16" decoding="async" />
 				</router-link>
 			</div>