clear codebase

Author: chr-kim

bun.lock

@@ -10,16 +10,16 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/mdx": "^4.3.4",
+    "@astrojs/mdx": "^4.3.6",
     "@astrojs/rss": "^4.0.12",
-    "@astrojs/sitemap": "^3.5.1",
+    "@astrojs/sitemap": "^3.6.0",
     "@astrojs/solid-js": "^5.1.1",
     "@tailwindcss/vite": "^4.1.13",
-    "astro": "^5.13.5",
+    "astro": "^5.14.1",
     "elysia": "^1.4.9",
     "lottie-web": "^5.13.0",
     "mermaid": "^11.12.0",
-    "sharp": "^0.34.2",
+    "sharp": "^0.34.4",
     "solid-js": "^1.9.9",
     "tailwindcss": "^4.1.13"
   },

package.json

@@ -1,43 +1,38 @@
 ---
-import { SITE_TITLE } from '../consts';
+// src/components/Header.astro
 import HeaderLink from './HeaderLink.astro';
+import { SITE_TITLE } from '../consts';
 ---
 
-<header class="bg-white dark:bg-gray-900 shadow-sm border-b border-gray-200 dark:border-gray-700">
-  <nav class="max-w-6xl mx-auto px-4 flex items-center justify-between h-16">
-    <!-- 로고/타이틀 -->
-    <div class="flex items-center space-x-4">
-      <h1 class="text-xl font-bold text-gray-900 dark:text-white">
-        <a href="/github.io/">{SITE_TITLE}</a>
-      </h1>
-    </div>
-    
-    <!-- 네비게이션 -->
-    <div class="flex items-center space-x-6">
-      <div class="hidden md:flex space-x-4">
-        <HeaderLink href="/github.io/">Home</HeaderLink>
-        <HeaderLink href="/github.io/blog">Blog</HeaderLink>
-        <HeaderLink href="/github.io/about">About</HeaderLink>
+<header class="sticky top-0 z-50 bg-white/80 dark:bg-gray-900/80 backdrop-blur-md border-b border-gray-200/50 dark:border-gray-700/50">
+  <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+    <div class="flex items-center justify-between h-16">
+      <!-- 로고/사이트 제목 -->
+      <div class="flex items-center">
+        <a href="/" class="text-xl font-bold text-gray-900 dark:text-white hover:text-blue-600 dark:hover:text-blue-400 transition-colors">
+          {SITE_TITLE}
+        </a>
       </div>
 
-      <!-- 테마 토글 + 소셜 링크 -->
-      <div class="flex items-center space-x-3">
-        <!-- ThemeToggle 컴포넌트 위치 -->
-        <a href="https://github.com/chr-kim" target="_blank" 
-           class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white">
-          <span class="sr-only">GitHub</span>
-          <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-            <!-- GitHub 아이콘 -->
-          </svg>
-        </a>
-        <a href="https://linkedin.com/in/your-profile" target="_blank"
-           class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white">
-          <span class="sr-only">LinkedIn</span>
-          <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-            <!-- LinkedIn 아이콘 -->
+      <!-- 내비게이션 메뉴 -->
+      <nav class="hidden md:flex space-x-8">
+        <HeaderLink href="/">홈</HeaderLink>
+        <HeaderLink href="/blog">블로그</HeaderLink>
+        <HeaderLink href="/about">소개</HeaderLink>
+      </nav>
+      
+      <!-- 모바일 메뉴 버튼 -->
+      <div class="md:hidden">
+        <button
+          type="button"
+          class="text-gray-500 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300"
+          aria-label="메뉴"
+        >
+          <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
           </svg>
-        </a>
+        </button>
       </div>
     </div>
-  </nav>
+  </div>
 </header>