From e021ad5a16687bd10a25e0b1f1537c9eb90178d9 Mon Sep 17 00:00:00 2001
From: Hyun Oh <hyunnoh01@gmail.com>
Date: Thu, 2 Jan 2025 23:27:58 +0900
Subject: [PATCH] Add home link to logo

---
 src/components/header.tsx | 11 ++++++++++-
 src/pages/index.tsx       | 12 ------------
 2 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/components/header.tsx b/src/components/header.tsx
index 55e720b..ce159c4 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -16,10 +16,19 @@ const headerMenu = css`
   gap: 16px;
 `;
 
+const logo = css`
+  color: black;
+  text-decoration: none;
+`;
+
 export function Header() {
   return (
     <header css={headerStyle}>
-      <div>HyunnoH.github.io</div>
+      <div>
+        <Link to="/" css={logo}>
+          <strong>HyunnoH.github.io</strong>
+        </Link>
+      </div>
       <div>
         <menu css={headerMenu}>
           <li>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 82f8182..d7472ed 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -7,7 +7,6 @@ const pageStyles = css`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  // color: #232129;
   padding: 96px;
   font-family: -apple-system, Roboto, sans-serif, serif;
 `;
@@ -18,17 +17,6 @@ const linkBox = css`
   gap: 24px;
 `;
 
-const iconBox = css`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  border: 2px solid #232129;
-  font-size: 32px;
-  width: 48px;
-  height: 48px;
-`;
-
 const IndexPage: React.FC<PageProps> = () => {
   return (
     <Layout>