Add GitHub link to header next to About
Links to https://github.com/ondeinference/siti in the navigation header, opening in a new tab alongside the About link. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
paydii committed
Jul 15, 2026 at 17:07 UTC
170e2827e79044a60a4b69e801b2f7a089b12a8f
1 file changed
+21
-7
web/components/site-nav.tsx
+21
-7
@@ -1,6 +1,9 @@
1
import Link from "next/link";
2
3
-const links = [{ href: "/about", label: "About" }];
3
+const links = [
4
+ { href: "/about", label: "About" },
5
+ { href: "https://github.com/ondeinference/siti", label: "GitHub", external: true },
6
+];
7
8
export function SiteNav() {
9
return (
@@ -15,12 +18,23 @@ export function SiteNav() {
18
<ul className="flex items-center gap-6 text-sm text-muted">
19
{links.map((link) => (
20
<li key={link.href}>
18
- <Link
19
- href={link.href}
20
- className="transition-colors hover:text-ink"
21
- >
22
- {link.label}
23
- </Link>
21
+ {link.external ? (
22
+ <a
23
+ href={link.href}
24
+ target="_blank"
25
+ rel="noopener noreferrer"
26
+ className="transition-colors hover:text-ink"
27
+ >
28
+ {link.label}
29
+ </a>
30
+ ) : (
31
+ <Link
32
+ href={link.href}
33
+ className="transition-colors hover:text-ink"
34
+ >
35
+ {link.label}
36
+ </Link>
37
+ )}
38
</li>
39
))}
40
</ul>