valknar/worldcup
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: replace hand-drawn ball SVG with FIFA trophy icon in nav

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Sebastian Krüger
2026-06-14 20:01:28 +02:00
parent 3eb36061e0
commit c9e1beafc7
1 changed files with 4 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/nav.tsx
+4 -17
View File
@@ -3,22 +3,9 @@ import Link from 'next/link'
import { usePathname, useRouter } from 'next/navigation' import { usePathname, useRouter } from 'next/navigation'
import { useState } from 'react' import { useState } from 'react'
const WC_BALL = ( const WC_TROPHY = (
<svg width="28" height="28" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> // eslint-disable-next-line @next/next/no-img-element
<circle cx="50" cy="50" r="46" fill="#0a1810" /> <img src="/favicon.svg" width={28} height={28} alt="" />
<polygon points="54,38 63,50 54,62 39,57 40,42" fill="none" stroke="#22c55e" strokeWidth="3" strokeLinejoin="round" />
<line x1="54" y1="38" x2="65" y2="9" stroke="#22c55e" strokeWidth="2.5" opacity=".9" />
<line x1="63" y1="50" x2="94" y2="51" stroke="#22c55e" strokeWidth="2.5" opacity=".9" />
<line x1="54" y1="62" x2="62" y2="92" stroke="#22c55e" strokeWidth="2.5" opacity=".9" />
<line x1="39" y1="57" x2="14" y2="75" stroke="#22c55e" strokeWidth="2.5" opacity=".9" />
<line x1="40" y1="42" x2="15" y2="23" stroke="#22c55e" strokeWidth="2.5" opacity=".9" />
<path d="M65,9 Q86,26 94,51" stroke="#22c55e" strokeWidth="2" fill="none" opacity=".5" />
<path d="M94,51 Q84,76 62,92" stroke="#22c55e" strokeWidth="2" fill="none" opacity=".5" />
<path d="M62,92 Q35,91 14,75" stroke="#22c55e" strokeWidth="2" fill="none" opacity=".5" />
<path d="M14,75 Q7,49 15,23" stroke="#22c55e" strokeWidth="2" fill="none" opacity=".5" />
<path d="M15,23 Q38,8 65,9" stroke="#22c55e" strokeWidth="2" fill="none" opacity=".5" />
<circle cx="50" cy="50" r="46" fill="none" stroke="#22c55e" strokeWidth="3" />
</svg>
) )
const NAV_LINKS = [ const NAV_LINKS = [
@@ -42,7 +29,7 @@ export function Nav() {
<nav className="fixed top-0 left-0 right-0 z-50 h-[60px] flex items-center px-5 gap-0" <nav className="fixed top-0 left-0 right-0 z-50 h-[60px] flex items-center px-5 gap-0"
style={{ background: 'rgba(4,13,8,0.97)', backdropFilter: 'blur(18px)', borderBottom: '1px solid rgba(34,197,94,0.18)' }}> style={{ background: 'rgba(4,13,8,0.97)', backdropFilter: 'blur(18px)', borderBottom: '1px solid rgba(34,197,94,0.18)' }}>
<Link href="/" className="flex items-center gap-2.5 mr-5 flex-shrink-0 cursor-pointer select-none"> <Link href="/" className="flex items-center gap-2.5 mr-5 flex-shrink-0 cursor-pointer select-none">
{WC_BALL} {WC_TROPHY}
<span className="font-['Bebas_Neue'] text-lg tracking-[3px] text-[#22c55e] whitespace-nowrap">WORLD CUP</span> <span className="font-['Bebas_Neue'] text-lg tracking-[3px] text-[#22c55e] whitespace-nowrap">WORLD CUP</span>
</Link> </Link>