From cc639ea63d46065d46d68109d51040a756777faf Mon Sep 17 00:00:00 2001
From: Nicholai <nicholaivogelfilms@gmail.com>
Date: Tue, 20 Jan 2026 11:53:14 -0700
Subject: [PATCH] feat(nav): add gitea profile link to navigation

add external link to git.nicholai.work/Nicholai with git-branch icon
---
 src/components/Navigation.astro | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
index 4ad240c..845ae17 100644
--- a/src/components/Navigation.astro
+++ b/src/components/Navigation.astro
@@ -9,6 +9,7 @@ const navItems = [
     { href: '/dev', label: 'Dev', icon: 'code' },
     { href: '/blog', label: 'Blog', icon: 'file' },
     // { href: '/hubert', label: 'Hubert', icon: 'chat' }, // temporarily disabled
+    { href: 'https://git.nicholai.work/Nicholai', label: 'Git', icon: 'git', external: true },
     { href: '/contact', label: 'Contact', icon: 'mail' },
 ];
 
@@ -34,6 +35,7 @@ function isActive(href: string): boolean {
             ]}
             aria-label={item.label}
             data-icon={item.icon}
+            {...(item.external ? { target: "_blank", rel: "noopener noreferrer" } : {})}
         >
             {/* Home icon */}
             {item.icon === 'home' && (
@@ -72,6 +74,15 @@ function isActive(href: string): boolean {
                     <polyline points="22,6 12,13 2,6"></polyline>
                 </svg>
             )}
+            {/* Git icon */}
+            {item.icon === 'git' && (
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+                    <line x1="6" y1="3" x2="6" y2="15"></line>
+                    <circle cx="18" cy="6" r="3"></circle>
+                    <circle cx="6" cy="18" r="3"></circle>
+                    <path d="M18 9a9 9 0 0 1-9 9"></path>
+                </svg>
+            )}
             {/* Tooltip */}
             <span class="absolute left-full ml-3 px-3 py-1.5 bg-[var(--theme-bg-secondary)] border border-[var(--theme-border-primary)] rounded-lg text-xs font-medium whitespace-nowrap opacity-0 pointer-events-none group-hover:opacity-100 transition-opacity duration-200 shadow-lg">
                 {item.label}
@@ -122,6 +133,7 @@ function isActive(href: string): boolean {
                             ? "bg-brand-accent/10 text-brand-accent"
                             : "text-[var(--theme-text-muted)] hover:text-[var(--theme-text-primary)] hover:bg-[var(--theme-hover-bg-strong)]"
                     ]}
+                    {...(item.external ? { target: "_blank", rel: "noopener noreferrer" } : {})}
                 >
                     {/* Home icon */}
                     {item.icon === 'home' && (
@@ -160,6 +172,15 @@ function isActive(href: string): boolean {
                             <polyline points="22,6 12,13 2,6"></polyline>
                         </svg>
                     )}
+                    {/* Git icon */}
+                    {item.icon === 'git' && (
+                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+                            <line x1="6" y1="3" x2="6" y2="15"></line>
+                            <circle cx="18" cy="6" r="3"></circle>
+                            <circle cx="6" cy="18" r="3"></circle>
+                            <path d="M18 9a9 9 0 0 1-9 9"></path>
+                        </svg>
+                    )}
 
                     <span class="text-base font-medium uppercase tracking-wider">{item.label}</span>
                 </a>