feat(header): add favicon logo symbol and update brand text

- Add animated agent network favicon logo symbol to header brand link
- Update brand typography to ANL and AI Agent Networking LAB
- Update E2E test assertions for the updated header branding
This commit is contained in:
2026-08-21 12:54:15 +09:00
parent 1b84803582
commit 184ff8263c
2 changed files with 36 additions and 9 deletions
+34 -7
View File
@@ -130,15 +130,42 @@ export default function Header() {
{/* Brand logo */}
<Link
href="/"
className="group flex flex-col leading-none shrink-0"
className="group flex items-center gap-3 shrink-0"
onClick={() => setOpen(false)}
>
<span className="headline-ko text-lg text-ink sm:text-xl">
AI
</span>
<span className="kicker mt-1 transition-colors group-hover:text-cobalt-dark">
AI Agent Networking Lab (ANL)
</span>
<div className="relative flex items-center justify-center w-9 h-9 sm:w-10 sm:h-10 rounded-xl overflow-hidden shadow-sm ring-1 ring-ink/10 group-hover:ring-cobalt/40 group-hover:shadow-md group-hover:scale-105 transition-all duration-300 shrink-0">
<svg viewBox="0 0 32 32" className="w-full h-full" aria-hidden="true">
<defs>
<linearGradient id="headerLogoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stopColor="#4E77FF"/>
<stop offset="100%" stopColor="#2B4CDE"/>
</linearGradient>
<radialGradient id="nodeGlow" cx="50%" cy="50%" r="50%">
<stop offset="0%" stopColor="#FFD666" stopOpacity="1"/>
<stop offset="100%" stopColor="#FF9C1A" stopOpacity="0.8"/>
</radialGradient>
</defs>
<rect width="32" height="32" rx="7" fill="url(#headerLogoGrad)"/>
{/* Network Graph Edges */}
<path d="M16 9 L9 22 M16 9 L23 22 M9 22 L23 22 M16 9 L16 17 M9 22 L16 17 M23 22 L16 17"
stroke="#FFFFFF" strokeWidth="1.2" strokeOpacity="0.85" strokeLinecap="round"/>
{/* Network Agent Outer Nodes */}
<circle cx="16" cy="9" r="2.5" fill="#FFFFFF"/>
<circle cx="9" cy="22" r="2.5" fill="#FFFFFF"/>
<circle cx="23" cy="22" r="2.5" fill="#FFFFFF"/>
{/* Central Coordinating Hub Node */}
<circle cx="16" cy="17" r="2.2" fill="url(#nodeGlow)" className="animate-pulse"/>
</svg>
</div>
<div className="flex flex-col leading-none">
<span className="headline-ko text-lg text-ink sm:text-xl font-bold tracking-tight group-hover:text-cobalt-dark transition-colors">
ANL
</span>
<span className="kicker mt-1 transition-colors group-hover:text-cobalt-dark">
AI Agent Networking LAB
</span>
</div>
</Link>
{/* Desktop nav — small caps, wide tracking (visible at >= 1240px) */}
+2 -2
View File
@@ -33,8 +33,8 @@ class TestANLHomepageE2E(unittest.TestCase):
html = self.read_html("index.html")
# 1. Brand & Header titles
self.assertIn("AI 에이전트 네트워크 연구실", html)
self.assertIn("AI Agent Networking Lab (ANL)", html)
self.assertIn("ANL", html)
self.assertIn("AI Agent Networking LAB", html)
# 2. Research Areas keywords
self.assertIn("Quick UDP Internet Connection (QUIC)", html)