From d344924a1d72231bffcaab13c25520f8ca08f193 Mon Sep 17 00:00:00 2001
From: Michael Zhang <mail@mzhang.io>
Date: Fri, 20 Sep 2024 12:52:03 -0500
Subject: [PATCH] make the title image redirect to about

---
 src/components/LeftNav.astro | 10 ++++++++--
 src/styles/leftNav.scss      | 19 ++++++++++++++++++-
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/components/LeftNav.astro b/src/components/LeftNav.astro
index 30041b4..e75e782 100644
--- a/src/components/LeftNav.astro
+++ b/src/components/LeftNav.astro
@@ -4,15 +4,21 @@ import { Content as ShortBio } from "../content/partials/shortBio.md";
 import links from "../data/links";
 import { Image } from "astro:assets";
 import portrait from "../assets/self.png";
+
+const target = Astro.url.pathname === "/" ? "/about/" : "/";
 ---
 
 <nav class="side-nav">
   <div class="side-nav-content">
-    <a href="/" class="portrait">
+    <a href={target} class="portrait">
       <Image src={portrait} alt="portrait" class="portrait" />
     </a>
     <div class="me">
-      <h1 class="title">Michael Zhang</h1>
+      <div class="titleContainer">
+        <h1 class="title">
+          <a href={target}>Michael Zhang</a>
+        </h1>
+      </div>
       <div class="links">
         {
           links.map((link) => {
diff --git a/src/styles/leftNav.scss b/src/styles/leftNav.scss
index 7dc8eb0..e50f9e5 100644
--- a/src/styles/leftNav.scss
+++ b/src/styles/leftNav.scss
@@ -10,6 +10,16 @@
     justify-content: space-evenly;
     flex-direction: column;
 
+    .title {
+      a {
+        color: inherit;
+
+        &:hover {
+          background-color: inherit;
+        }
+      }
+    }
+
     .links {
       text-align: center;
       font-size: 0.9rem;
@@ -76,12 +86,19 @@
         justify-content: space-evenly;
       }
 
+      .titleContainer {
+        container-type: inline-size;
+      }
+
       h1.title {
+        margin-top: 0;
         margin-bottom: 5px;
+
+        font-size: 14cqw;
       }
 
       a.portrait img {
-        max-height: 80px;
+        max-height: 120px;
       }
 
       .bio {