Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f1b5328b78 | |||
| e5625bf759 | |||
| 9077f3ec8b | |||
| 2b18fa1ebb | |||
| 020fbd5bdf | |||
| 238bbabbdb | |||
| 886523173b | |||
| ee1acb6e45 | |||
| 05a75fffca | |||
| ffa8ec16c8 | |||
| c9e1beafc7 | |||
| 3eb36061e0 |
@@ -11,7 +11,13 @@ export const metadata: Metadata = {
|
|||||||
title: { default: 'World Cup', template: '%s · World Cup' },
|
title: { default: 'World Cup', template: '%s · World Cup' },
|
||||||
description: 'Comprehensive World Cup statistics from 1930 to 2026',
|
description: 'Comprehensive World Cup statistics from 1930 to 2026',
|
||||||
icons: {
|
icons: {
|
||||||
icon: "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='46' fill='%230a1810'/><polygon points='54,38 63,50 54,62 39,57 40,42' fill='none' stroke='%2322c55e' stroke-width='3'/><line x1='54' y1='38' x2='65' y2='9' stroke='%2322c55e' stroke-width='2.5'/><line x1='63' y1='50' x2='94' y2='51' stroke='%2322c55e' stroke-width='2.5'/><line x1='54' y1='62' x2='62' y2='92' stroke='%2322c55e' stroke-width='2.5'/><line x1='39' y1='57' x2='14' y2='75' stroke='%2322c55e' stroke-width='2.5'/><line x1='40' y1='42' x2='15' y2='23' stroke='%2322c55e' stroke-width='2.5'/><circle cx='50' cy='50' r='46' fill='none' stroke='%2322c55e' stroke-width='3'/></svg>",
|
icon: [
|
||||||
|
{ url: '/favicon.svg', type: 'image/svg+xml' },
|
||||||
|
{ url: '/favicon-32x32.png', sizes: '32x32', type: 'image/png' },
|
||||||
|
],
|
||||||
|
apple: [
|
||||||
|
{ url: '/apple-touch-icon.png', sizes: '180x180', type: 'image/png' },
|
||||||
|
],
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,17 @@
|
|||||||
|
import type { MetadataRoute } from 'next'
|
||||||
|
|
||||||
|
export default function manifest(): MetadataRoute.Manifest {
|
||||||
|
return {
|
||||||
|
name: 'World Cup',
|
||||||
|
short_name: 'World Cup',
|
||||||
|
description: 'Comprehensive World Cup statistics from 1930 to 2026',
|
||||||
|
start_url: '/',
|
||||||
|
display: 'standalone',
|
||||||
|
background_color: '#040d08',
|
||||||
|
theme_color: '#040d08',
|
||||||
|
icons: [
|
||||||
|
{ src: '/icon-192x192.png', sizes: '192x192', type: 'image/png' },
|
||||||
|
{ src: '/icon-512x512.png', sizes: '512x512', type: 'image/png' },
|
||||||
|
],
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -290,19 +290,26 @@ export default function StatsPage() {
|
|||||||
<div className="mb-12">
|
<div className="mb-12">
|
||||||
<SectionTitle>🌍 Performance by Confederation</SectionTitle>
|
<SectionTitle>🌍 Performance by Confederation</SectionTitle>
|
||||||
<Card>
|
<Card>
|
||||||
<div className="grid px-4 py-2 text-[9px] text-[#2a5c35] tracking-[0.1em] uppercase"
|
<table className="w-full">
|
||||||
style={{ gridTemplateColumns: '1fr 80px 60px 80px', gap: '8px' }}>
|
<thead>
|
||||||
<span>Confederation</span><span className="text-center">Appearances</span><span className="text-center">Titles</span><span className="text-center">Goals</span>
|
<tr className="border-b" style={{ borderColor: 'rgba(34,197,94,0.08)' }}>
|
||||||
</div>
|
<th className="text-left px-4 py-2 text-[9px] font-bold tracking-[0.1em] uppercase text-[#2a5c35]">Confederation</th>
|
||||||
{confStats.map(c => (
|
<th className="text-right px-4 py-2 text-[9px] font-bold tracking-[0.1em] uppercase text-[#2a5c35]">Appearances</th>
|
||||||
<div key={c.confederation} className="grid px-4 py-3 border-t items-center"
|
<th className="text-right px-4 py-2 text-[9px] font-bold tracking-[0.1em] uppercase text-[#2a5c35]">Titles</th>
|
||||||
style={{ gridTemplateColumns: '1fr 80px 60px 80px', gap: '8px', borderColor: 'rgba(34,197,94,0.06)' }}>
|
<th className="text-right px-4 py-2 text-[9px] font-bold tracking-[0.1em] uppercase text-[#2a5c35]">Goals</th>
|
||||||
<span className="text-sm font-medium text-[#dff5e8]">{c.confederation}</span>
|
</tr>
|
||||||
<span className="text-center text-sm text-[#6abf7a]">{c.appearances}</span>
|
</thead>
|
||||||
<span className="text-center font-['Bebas_Neue'] text-xl text-[#22c55e]">{c.titles}</span>
|
<tbody>
|
||||||
<span className="text-center text-sm text-[#6abf7a]">{c.totalGoals}</span>
|
{confStats.map(c => (
|
||||||
</div>
|
<tr key={c.confederation} className="border-t" style={{ borderColor: 'rgba(34,197,94,0.06)' }}>
|
||||||
))}
|
<td className="px-4 py-3 text-sm font-medium text-[#dff5e8]">{c.confederation}</td>
|
||||||
|
<td className="px-4 py-3 text-right text-sm text-[#6abf7a]">{c.appearances}</td>
|
||||||
|
<td className="px-4 py-3 text-right font-['Bebas_Neue'] text-xl text-[#22c55e]">{c.titles}</td>
|
||||||
|
<td className="px-4 py-3 text-right text-sm text-[#6abf7a]">{c.totalGoals}</td>
|
||||||
|
</tr>
|
||||||
|
))}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</Card>
|
</Card>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -312,37 +319,42 @@ export default function StatsPage() {
|
|||||||
<div>
|
<div>
|
||||||
<SectionTitle>📊 All-Time Team Table</SectionTitle>
|
<SectionTitle>📊 All-Time Team Table</SectionTitle>
|
||||||
<Card>
|
<Card>
|
||||||
<div className="grid px-4 py-2 text-[9px] text-[#2a5c35] tracking-[0.1em] uppercase"
|
<div className="overflow-x-auto">
|
||||||
style={{ gridTemplateColumns: '28px 1fr 50px 44px 44px 44px 60px 60px 60px 52px', gap: '4px' }}>
|
<table className="w-full" style={{ minWidth: '560px' }}>
|
||||||
<span>#</span><span>Team</span><span className="text-center">WC</span>
|
<thead>
|
||||||
<span className="text-center">W</span><span className="text-center">D</span><span className="text-center">L</span>
|
<tr className="border-b" style={{ borderColor: 'rgba(34,197,94,0.08)' }}>
|
||||||
<span className="text-center">GF</span><span className="text-center">GA</span><span className="text-center">GD</span>
|
{['#', 'Team', 'WC', 'W', 'D', 'L', 'GF', 'GA', 'GD', 'Win%'].map((h, i) => (
|
||||||
<span className="text-center">Win%</span>
|
<th key={h} className={`py-2 text-[9px] font-bold tracking-[0.1em] uppercase text-[#2a5c35] ${i === 0 ? 'pl-4 pr-2 text-left w-8' : i === 1 ? 'px-2 text-left' : 'px-2 text-right'}`}>{h}</th>
|
||||||
|
))}
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{teams.slice(0, 40).map((t, i) => (
|
||||||
|
<tr key={t.id} className="border-t hover:bg-[rgba(34,197,94,0.03)]" style={{ borderColor: 'rgba(34,197,94,0.05)' }}>
|
||||||
|
<td className="pl-4 pr-2 py-2.5 text-[11px] text-[#2a5c35] font-bold">{i + 1}</td>
|
||||||
|
<td className="px-2 py-2.5">
|
||||||
|
<Link href={`/teams/${t.slug}`} className="flex items-center gap-2">
|
||||||
|
<TeamFlag name={t.name} iso2={t.iso2} size="sm" />
|
||||||
|
<span className="text-sm text-[#dff5e8] whitespace-nowrap">{t.name}</span>
|
||||||
|
</Link>
|
||||||
|
</td>
|
||||||
|
<td className="px-2 py-2.5 text-right text-sm text-[#4a7a55]">{t.stats?.appearances}</td>
|
||||||
|
<td className="px-2 py-2.5 text-right text-sm text-[#4a7a55]">{t.stats?.wins}</td>
|
||||||
|
<td className="px-2 py-2.5 text-right text-sm text-[#4a7a55]">{t.stats?.draws}</td>
|
||||||
|
<td className="px-2 py-2.5 text-right text-sm text-[#4a7a55]">{t.stats?.losses}</td>
|
||||||
|
<td className="px-2 py-2.5 text-right text-sm text-[#4a7a55]">{t.stats?.goalsFor}</td>
|
||||||
|
<td className="px-2 py-2.5 text-right text-sm text-[#4a7a55]">{t.stats?.goalsAgainst}</td>
|
||||||
|
<td className="px-2 py-2.5 text-right text-sm text-[#4a7a55]">
|
||||||
|
{(t.stats?.goalsFor ?? 0) - (t.stats?.goalsAgainst ?? 0) >= 0
|
||||||
|
? `+${(t.stats?.goalsFor ?? 0) - (t.stats?.goalsAgainst ?? 0)}`
|
||||||
|
: (t.stats?.goalsFor ?? 0) - (t.stats?.goalsAgainst ?? 0)}
|
||||||
|
</td>
|
||||||
|
<td className="px-2 pr-4 py-2.5 text-right text-[13px] font-bold text-[#22c55e]">{t.stats?.winPct}%</td>
|
||||||
|
</tr>
|
||||||
|
))}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
{teams.slice(0, 40).map((t, i) => (
|
|
||||||
<Link key={t.id} href={`/teams/${t.slug}`}>
|
|
||||||
<div className="grid px-4 py-2.5 border-t items-center hover:bg-[rgba(34,197,94,0.03)] cursor-pointer"
|
|
||||||
style={{ gridTemplateColumns: '28px 1fr 50px 44px 44px 44px 60px 60px 60px 52px', gap: '4px', borderColor: 'rgba(34,197,94,0.05)' }}>
|
|
||||||
<span className="text-[11px] text-[#2a5c35] font-bold">{i + 1}</span>
|
|
||||||
<div className="flex items-center gap-2 overflow-hidden">
|
|
||||||
<TeamFlag name={t.name} iso2={t.iso2} size="sm" />
|
|
||||||
<span className="text-sm text-[#dff5e8] truncate">{t.name}</span>
|
|
||||||
</div>
|
|
||||||
<span className="text-center text-sm text-[#4a7a55]">{t.stats?.appearances}</span>
|
|
||||||
<span className="text-center text-sm text-[#4a7a55]">{t.stats?.wins}</span>
|
|
||||||
<span className="text-center text-sm text-[#4a7a55]">{t.stats?.draws}</span>
|
|
||||||
<span className="text-center text-sm text-[#4a7a55]">{t.stats?.losses}</span>
|
|
||||||
<span className="text-center text-sm text-[#4a7a55]">{t.stats?.goalsFor}</span>
|
|
||||||
<span className="text-center text-sm text-[#4a7a55]">{t.stats?.goalsAgainst}</span>
|
|
||||||
<span className="text-center text-sm text-[#4a7a55]">
|
|
||||||
{(t.stats?.goalsFor ?? 0) - (t.stats?.goalsAgainst ?? 0) >= 0
|
|
||||||
? `+${(t.stats?.goalsFor ?? 0) - (t.stats?.goalsAgainst ?? 0)}`
|
|
||||||
: (t.stats?.goalsFor ?? 0) - (t.stats?.goalsAgainst ?? 0)}
|
|
||||||
</span>
|
|
||||||
<span className="text-center text-[13px] font-bold text-[#22c55e]">{t.stats?.winPct}%</span>
|
|
||||||
</div>
|
|
||||||
</Link>
|
|
||||||
))}
|
|
||||||
</Card>
|
</Card>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -74,33 +74,37 @@ export function MatchCard({ match, compact = false }: { match: Match; compact?:
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Link href={`/tournaments/${match.year}#match-${match.id}`} className="block">
|
<Link href={`/tournaments/${match.year}#match-${match.id}`} className="block">
|
||||||
<div className="bg-gradient-to-br from-[#0d2016] to-[#102a1c] border border-[rgba(34,197,94,0.28)] rounded-2xl p-9 hover:border-[rgba(34,197,94,0.45)] transition-colors">
|
<div className="bg-gradient-to-br from-[#0d2016] to-[#102a1c] border border-[rgba(34,197,94,0.28)] rounded-2xl px-5 py-6 sm:px-9 sm:py-9 hover:border-[rgba(34,197,94,0.45)] transition-colors">
|
||||||
{match.isLive && <div className="mb-4"><LiveBadge label="Live Now" /></div>}
|
{match.isLive && <div className="mb-4"><LiveBadge label="Live Now" /></div>}
|
||||||
<div className="flex items-center justify-center gap-8 flex-wrap">
|
<div className="grid grid-cols-[1fr_auto_1fr] items-center gap-3 sm:gap-8">
|
||||||
<div className="text-center flex-1 min-w-[100px]">
|
<div className="text-center">
|
||||||
<TeamFlag name={match.team1.name} iso2={match.team1.iso2} size="xl" className="mb-2.5" />
|
<TeamFlag name={match.team1.name} iso2={match.team1.iso2} size="xl" className="mb-2" />
|
||||||
<div className="font-['Bebas_Neue'] text-xl tracking-[0.07em] text-[#dff5e8]">{match.team1.name}</div>
|
<div className={`font-['Bebas_Neue'] text-base sm:text-xl tracking-[0.07em] truncate ${winner === 'home' ? 'text-[#dff5e8]' : 'text-[#6abf7a]'}`}>
|
||||||
|
{match.team1.name}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="text-center flex-shrink-0">
|
<div className="text-center flex-shrink-0">
|
||||||
<div className="font-['Bebas_Neue'] text-[76px] text-[#22c55e] leading-none">
|
<div className="font-['Bebas_Neue'] text-[48px] sm:text-[76px] text-[#22c55e] leading-none">
|
||||||
{hasScore
|
{hasScore
|
||||||
? match.scoreP
|
? match.scoreP
|
||||||
? `${match.scoreP[0]} – ${match.scoreP[1]}`
|
? `${match.scoreP[0]}–${match.scoreP[1]}`
|
||||||
: `${ft![0]} – ${ft![1]}`
|
: `${ft![0]}–${ft![1]}`
|
||||||
: '? – ?'}
|
: '?–?'}
|
||||||
</div>
|
</div>
|
||||||
{match.scoreP && (
|
{match.scoreP && (
|
||||||
<div className="text-[11px] text-[#2a5c35] mt-0.5">{ft![0]}–{ft![1]} a.e.t.</div>
|
<div className="text-[10px] text-[#2a5c35] mt-0.5">{ft![0]}–{ft![1]} a.e.t.</div>
|
||||||
)}
|
)}
|
||||||
<div className="text-[10px] text-[#2a5c35] tracking-[0.12em] uppercase mt-1.5">{match.round}</div>
|
|
||||||
<div className="text-xs text-[#1a3a22] mt-1">{match.date ? formatDate(match.date) : ''}</div>
|
|
||||||
{match.scoreEt && !match.scoreP && (
|
{match.scoreEt && !match.scoreP && (
|
||||||
<div className="text-[10px] text-[#2a5c35] mt-1">a.e.t. {match.scoreEt[0]}–{match.scoreEt[1]}</div>
|
<div className="text-[10px] text-[#2a5c35] mt-0.5">a.e.t.</div>
|
||||||
)}
|
)}
|
||||||
|
<div className="text-[9px] text-[#2a5c35] tracking-[0.12em] uppercase mt-1.5">{match.round}</div>
|
||||||
|
<div className="text-[10px] text-[#1a3a22] mt-0.5">{match.date ? formatDate(match.date) : ''}</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="text-center flex-1 min-w-[100px]">
|
<div className="text-center">
|
||||||
<TeamFlag name={match.team2.name} iso2={match.team2.iso2} size="xl" className="mb-2.5" />
|
<TeamFlag name={match.team2.name} iso2={match.team2.iso2} size="xl" className="mb-2" />
|
||||||
<div className="font-['Bebas_Neue'] text-xl tracking-[0.07em] text-[#dff5e8]">{match.team2.name}</div>
|
<div className={`font-['Bebas_Neue'] text-base sm:text-xl tracking-[0.07em] truncate ${winner === 'away' ? 'text-[#dff5e8]' : 'text-[#6abf7a]'}`}>
|
||||||
|
{match.team2.name}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,25 +1,7 @@
|
|||||||
'use client'
|
'use client'
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
import { usePathname, useRouter } from 'next/navigation'
|
import { usePathname, useRouter } from 'next/navigation'
|
||||||
import { useState } from 'react'
|
import { useState, useEffect } from 'react'
|
||||||
|
|
||||||
const WC_BALL = (
|
|
||||||
<svg width="28" height="28" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<circle cx="50" cy="50" r="46" fill="#0a1810" />
|
|
||||||
<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 = [
|
||||||
{ href: '/', label: 'Home' },
|
{ href: '/', label: 'Home' },
|
||||||
@@ -32,44 +14,115 @@ export function Nav() {
|
|||||||
const pathname = usePathname()
|
const pathname = usePathname()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const [q, setQ] = useState('')
|
const [q, setQ] = useState('')
|
||||||
|
const [open, setOpen] = useState(false)
|
||||||
|
|
||||||
|
// Close menu on route change
|
||||||
|
useEffect(() => { setOpen(false) }, [pathname])
|
||||||
|
|
||||||
|
// Lock body scroll when menu open
|
||||||
|
useEffect(() => {
|
||||||
|
document.body.style.overflow = open ? 'hidden' : ''
|
||||||
|
return () => { document.body.style.overflow = '' }
|
||||||
|
}, [open])
|
||||||
|
|
||||||
const handleSearch = (e: React.FormEvent) => {
|
const handleSearch = (e: React.FormEvent) => {
|
||||||
e.preventDefault()
|
e.preventDefault()
|
||||||
if (q.trim()) router.push(`/search?q=${encodeURIComponent(q.trim())}`)
|
if (q.trim()) {
|
||||||
|
router.push(`/search?q=${encodeURIComponent(q.trim())}`)
|
||||||
|
setOpen(false)
|
||||||
|
setQ('')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
const isActive = (href: string) =>
|
||||||
<nav className="fixed top-0 left-0 right-0 z-50 h-[60px] flex items-center px-5 gap-0"
|
href === '/' ? pathname === '/' : pathname.startsWith(href)
|
||||||
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">
|
|
||||||
{WC_BALL}
|
|
||||||
<span className="font-['Bebas_Neue'] text-lg tracking-[3px] text-[#22c55e] whitespace-nowrap">WORLD CUP</span>
|
|
||||||
</Link>
|
|
||||||
|
|
||||||
<div className="flex gap-0.5 flex-1 min-w-0">
|
return (
|
||||||
{NAV_LINKS.map(({ href, label }) => {
|
<>
|
||||||
const active = href === '/' ? pathname === '/' : pathname.startsWith(href)
|
<nav
|
||||||
return (
|
className="fixed top-0 left-0 right-0 z-50 h-[60px] flex items-center px-5"
|
||||||
|
style={{ background: 'rgba(4,13,8,0.97)', backdropFilter: 'blur(18px)', borderBottom: '1px solid rgba(34,197,94,0.18)' }}
|
||||||
|
>
|
||||||
|
{/* Logo */}
|
||||||
|
<Link href="/" className="flex items-center gap-2.5 flex-shrink-0 cursor-pointer select-none">
|
||||||
|
{/* eslint-disable-next-line @next/next/no-img-element */}
|
||||||
|
<img src="/favicon.svg" style={{ height: '36px', width: 'auto' }} alt="" />
|
||||||
|
<span className="font-['Bebas_Neue'] text-lg tracking-[3px] text-[#22c55e] whitespace-nowrap">WORLD CUP</span>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
{/* Desktop links */}
|
||||||
|
<div className="hidden md:flex gap-0.5 flex-1 min-w-0 ml-5">
|
||||||
|
{NAV_LINKS.map(({ href, label }) => (
|
||||||
<Link key={href} href={href}
|
<Link key={href} href={href}
|
||||||
className={`px-3.5 py-1.5 rounded-lg text-[13px] font-medium whitespace-nowrap flex-shrink-0 transition-colors
|
className={`px-3.5 py-1.5 rounded-lg text-[13px] font-medium whitespace-nowrap transition-colors
|
||||||
${active ? 'bg-[rgba(34,197,94,0.12)] text-[#22c55e]' : 'text-[#4a7a55] hover:text-[#6abf7a]'}`}>
|
${isActive(href) ? 'bg-[rgba(34,197,94,0.12)] text-[#22c55e]' : 'text-[#4a7a55] hover:text-[#6abf7a]'}`}>
|
||||||
{label}
|
{label}
|
||||||
</Link>
|
</Link>
|
||||||
)
|
))}
|
||||||
})}
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<form onSubmit={handleSearch} className="relative flex-shrink-0 ml-2">
|
{/* Desktop search */}
|
||||||
<input
|
<form onSubmit={handleSearch} className="relative flex-shrink-0 ml-auto hidden md:block">
|
||||||
type="text" value={q} onChange={e => setQ(e.target.value)}
|
<input
|
||||||
placeholder="Search…"
|
type="text" value={q} onChange={e => setQ(e.target.value)}
|
||||||
className="w-44 pl-8 pr-3.5 py-1.5 rounded-[20px] text-[13px] text-[#dff5e8] outline-none"
|
placeholder="Search…"
|
||||||
style={{ background: 'rgba(34,197,94,0.06)', border: '1px solid rgba(34,197,94,0.18)' }}
|
className="w-44 pl-8 pr-3.5 py-1.5 rounded-[20px] text-[13px] text-[#dff5e8] outline-none"
|
||||||
|
style={{ background: 'rgba(34,197,94,0.06)', border: '1px solid rgba(34,197,94,0.18)' }}
|
||||||
|
/>
|
||||||
|
<svg className="absolute left-2.5 top-1/2 -translate-y-1/2 opacity-30 pointer-events-none" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#dff5e8" strokeWidth="2.5">
|
||||||
|
<circle cx="11" cy="11" r="8" /><line x1="21" y1="21" x2="16.65" y2="16.65" />
|
||||||
|
</svg>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
{/* Hamburger */}
|
||||||
|
<button
|
||||||
|
onClick={() => setOpen(o => !o)}
|
||||||
|
className="ml-auto md:hidden flex flex-col justify-center items-center w-9 h-9 gap-[5px] rounded-lg transition-colors"
|
||||||
|
style={{ background: open ? 'rgba(34,197,94,0.1)' : 'transparent' }}
|
||||||
|
aria-label="Menu"
|
||||||
|
>
|
||||||
|
<span className={`block w-5 h-[2px] bg-[#22c55e] rounded-full transition-all origin-center ${open ? 'rotate-45 translate-y-[7px]' : ''}`} />
|
||||||
|
<span className={`block w-5 h-[2px] bg-[#22c55e] rounded-full transition-all ${open ? 'opacity-0' : ''}`} />
|
||||||
|
<span className={`block w-5 h-[2px] bg-[#22c55e] rounded-full transition-all origin-center ${open ? '-rotate-45 -translate-y-[7px]' : ''}`} />
|
||||||
|
</button>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
{/* Mobile menu overlay */}
|
||||||
|
{open && (
|
||||||
|
<div
|
||||||
|
className="fixed inset-0 z-40 md:hidden"
|
||||||
|
style={{ background: 'rgba(4,13,8,0.6)', backdropFilter: 'blur(4px)', top: '60px' }}
|
||||||
|
onClick={() => setOpen(false)}
|
||||||
/>
|
/>
|
||||||
<svg className="absolute left-2.5 top-1/2 -translate-y-1/2 opacity-30 pointer-events-none" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#dff5e8" strokeWidth="2.5">
|
)}
|
||||||
<circle cx="11" cy="11" r="8" /><line x1="21" y1="21" x2="16.65" y2="16.65" />
|
|
||||||
</svg>
|
{/* Mobile menu panel */}
|
||||||
</form>
|
<div
|
||||||
</nav>
|
className={`fixed left-0 right-0 z-40 md:hidden transition-all duration-200 ${open ? 'top-[60px] opacity-100' : 'top-[48px] opacity-0 pointer-events-none'}`}
|
||||||
|
style={{ background: 'rgba(4,13,8,0.98)', borderBottom: '1px solid rgba(34,197,94,0.18)' }}
|
||||||
|
>
|
||||||
|
<div className="px-5 py-4 flex flex-col gap-1">
|
||||||
|
{NAV_LINKS.map(({ href, label }) => (
|
||||||
|
<Link key={href} href={href}
|
||||||
|
className={`px-4 py-3 rounded-xl text-[15px] font-medium transition-colors
|
||||||
|
${isActive(href) ? 'bg-[rgba(34,197,94,0.12)] text-[#22c55e]' : 'text-[#6abf7a] hover:bg-[rgba(34,197,94,0.06)]'}`}>
|
||||||
|
{label}
|
||||||
|
</Link>
|
||||||
|
))}
|
||||||
|
|
||||||
|
<form onSubmit={handleSearch} className="relative mt-3">
|
||||||
|
<input
|
||||||
|
type="text" value={q} onChange={e => setQ(e.target.value)}
|
||||||
|
placeholder="Search players, teams, tournaments…"
|
||||||
|
className="w-full pl-9 pr-4 py-3 rounded-xl text-[14px] text-[#dff5e8] outline-none"
|
||||||
|
style={{ background: 'rgba(34,197,94,0.06)', border: '1px solid rgba(34,197,94,0.18)' }}
|
||||||
|
/>
|
||||||
|
<svg className="absolute left-3 top-1/2 -translate-y-1/2 opacity-30 pointer-events-none" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#dff5e8" strokeWidth="2.5">
|
||||||
|
<circle cx="11" cy="11" r="8" /><line x1="21" y1="21" x2="16.65" y2="16.65" />
|
||||||
|
</svg>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 1020 B |
@@ -0,0 +1,133 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
|
||||||
|
<svg x="30.8" y="2" width="38.4" height="96" viewBox="0 1002.3622 20 50" preserveAspectRatio="xMidYMid meet">
|
||||||
|
<path
|
||||||
|
style="fill:#357050;fill-opacity:1;stroke:#2b6646;stroke-width:0.07243127px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 9.8255877,1048.3637 v 0 l -6.3422613,0.016 c -0.1893383,0 -0.3753165,0.019 -0.4572224,0.3101 l -0.6767796,1.9941 c -0.059174,0.2055 0.143734,0.403 0.2738807,0.4754 1.0236255,0.7015 5.0742057,0.83 7.166168,0.8533 v 0.01 c 0.1150315,0 0.2909119,0 0.4504309,0 0.159519,0 0.3354,0 0.450433,0 v -0.01 c 2.091961,-0.023 6.142542,-0.1518 7.166167,-0.8533 0.130147,-0.073 0.333054,-0.2699 0.273881,-0.4754 l -0.67678,-1.9941 c -0.08191,-0.2917 -0.267884,-0.3049 -0.457222,-0.3101 l -6.342263,-0.016 v 0 h -0.414216 z"
|
||||||
|
id="path3779" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffdd55;stroke:#ffd42a;stroke-width:0.08187283;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||||
|
d="m 9.8875251,1046.3291 v 0 l -5.4877232,0.014 c -0.1638266,0 -0.3247471,0.015 -0.3956176,0.2683 l -0.5855922,1.7255 c -0.0512,0.1778 0.1243691,0.3485 0.2369795,0.4112 0.8857039,0.607 4.3905202,0.7182 6.200617,0.7384 v 0.01 c 0.099534,0 0.2517164,0 0.3897414,0 0.138027,0 0.29021,0 0.389743,0 v -0.01 c 1.810096,-0.02 5.314912,-0.1314 6.200617,-0.7384 0.11261,-0.062 0.288179,-0.2334 0.236978,-0.4112 l -0.585592,-1.7255 c -0.07087,-0.2525 -0.23179,-0.2638 -0.395616,-0.2683 l -5.487725,-0.014 v 0 H 10.24593 Z"
|
||||||
|
id="path3788" />
|
||||||
|
<path
|
||||||
|
id="path3786"
|
||||||
|
d="m 9.9048258,1044.1742 v 0 l -5.0752328,0.012 c -0.1515131,0 -0.3003369,0.014 -0.3658799,0.2482 l -0.541576,1.5957 c -0.047352,0.1645 0.1150195,0.3224 0.2191658,0.3803 0.8191298,0.5615 4.0605033,0.6643 5.7345414,0.683 v 0.01 c 0.092054,0 0.2327957,0 0.3604477,0 0.127651,0 0.268394,0 0.360446,0 v -0.01 c 1.674039,-0.019 4.915413,-0.1215 5.734542,-0.683 0.104147,-0.058 0.266517,-0.2158 0.219166,-0.3803 l -0.541576,-1.5957 c -0.06555,-0.2334 -0.214366,-0.244 -0.36588,-0.2482 l -5.075232,-0.012 v 0 h -0.331466 z"
|
||||||
|
style="fill:#357050;fill-opacity:1;stroke:#2b6646;stroke-width:0.07571877;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
|
||||||
|
<ellipse
|
||||||
|
style="fill:none;stroke:#ffcc00;stroke-width:0.0609172;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||||
|
id="path3777"
|
||||||
|
cx="10.244996"
|
||||||
|
cy="1044.201"
|
||||||
|
rx="5.4729452"
|
||||||
|
ry="1.0609159" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffdd55;stroke:#ffd42a;stroke-width:0.07243127px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 4.7651768,1044.1799 c 0.6847924,-1.426 0.8022743,-3.0142 1.1834755,-4.527 l 0.2069458,-0.012 c -0.6953772,-2.4773 0.7166576,-5.6679 -1.0217976,-7.9805 v -0.6726 c -0.6838619,-0.9908 -1.0749796,-2.0551 -1.3710201,-3.1429 v -0.7761 c -0.2548064,-0.9532 -0.4708899,-1.9231 -0.5561691,-2.9489 l -0.2845514,-3.9708 -0.9312587,-1.3452 -0.5561684,-0.5174 -0.64670763,-1.6168 0.29748543,-0.957 H 18.89574 l -0.633774,3.1688 v 1.1124 l -1.707308,5.1219 -0.24575,3.0266 -1.500361,4.6562 -0.129342,1.4098 -0.491496,2.0436 -0.0776,1.2677 0.478563,1.0218 v 1.4744 c 0.415003,1.3812 1.048342,2.7488 1.112479,4.1518 0.130031,0.7432 -3.380915,1.1107 -5.419551,1.0898 -0.7882444,0.053 -5.466493,-0.1422 -5.516417,-1.0768 z"
|
||||||
|
id="path3797" />
|
||||||
|
<circle
|
||||||
|
style="fill:#fff6d5;stroke:#ffcc00;stroke-width:0.07476954;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||||
|
id="path3007"
|
||||||
|
cx="10.008132"
|
||||||
|
cy="1012.2585"
|
||||||
|
r="9.5612974" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffd42a;stroke:#ffcc00;stroke-width:0.0762846px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 16.805087,1018.9599 0.163202,-0.2612 -1.077144,0.4243 -0.293765,-0.065 0.424329,-0.457 -0.293768,-0.5875 -1.077144,0.7834 -2.089008,-0.065 -0.979222,0.4896 -0.522252,1.7625 1.300683,0.5385 c 2.310297,-0.6864 3.349599,-1.6299 4.444089,-2.5622 z"
|
||||||
|
id="path3885" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffe680;stroke:#ffcc00;stroke-width:0.07243127px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 18.79259,1012.8282 -0.789955,1.0479 v 2.1209 l -1.512002,2.5985 -0.271616,1.7338 -1.720243,3.8411 0.244456,-0.919 -0.516073,0.1902 -0.0067,-0.326 0.393846,-0.2377 0.278408,-1.2494 -0.104121,-0.6338 -0.595293,-1.2222 -1.693081,-0.025 -0.977823,0.7039 -0.03168,1.2676 0.744684,1.5663 c -2.17e-4,0 1.45e-4,0 0,0.01 l -0.97103,-0.5319 -0.633774,-2.5351 0.181078,-0.4527 -1.5640634,-3.5831 0.2829351,-1.0729 -0.2308743,-0.8284 -0.466277,-0.5545 -0.5047554,-0.027 0.4142162,0.7514 -0.6337728,-1.0864 -0.2851978,-0.013 0.2716174,0.8533 -0.3100968,-0.9573 -0.258036,0.3371 0.2195567,0.8783 -0.2716174,-1.0457 -0.233138,0.439 0.038479,0.1042 -0.1539166,0.1404 0.192396,1.2426 1.0230921,1.229 0.3349937,3.8163 0.3100968,0.516 1.0751515,4.604 0.529653,0.7514 0.633774,4.4365 -2.5350939,5.5613 -1.448625,0.7108 -1.2154872,4.0108 -0.3621561,0.063 -0.6337736,3.3635 1.5120019,-2.4061 3.0919097,-3.8931 0.4526952,-0.3237 1.706662,-3.8411 -0.710732,4.4364 -1.3716675,0.4662 -2.0303381,3.3228 -0.8012708,0.2604 -0.7378934,2.2113 2.2114164,-1.8763 4.1150014,-3.7891 1.344506,-3.2458 0.348575,-4.8778 1.281128,-4.3188 0.466276,-0.5953 1.849261,-5.4979 0.192395,-0.4007 0.660935,-3.6079 0.633773,-0.8533 -0.142599,-0.6202 0.205977,-0.661 -0.334994,-0.025 -0.389318,0.6972 0.427796,-0.8014 -0.06564,-0.3237 -0.03848,-0.4911 -0.400635,0.5953 -0.06338,0.5432 0.03848,-0.5432 0.425534,-0.6202 -0.115437,-0.5047 z"
|
||||||
|
id="path3799" />
|
||||||
|
<path
|
||||||
|
id="path3841"
|
||||||
|
style="fill:#ffcc00;stroke:#ffcc00;stroke-width:0.07243127px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 14.724475,1023.2557 0.226348,-0.084 -0.442995,0.983 z m -1.310788,1.7401 -1.015331,-1.4292 0.271617,-1.1576 -0.342756,-0.072 -0.452695,-0.5626 h 0.439761 l 0.491499,-1.4356 0.336287,0.2134 0.84072,-0.3816 0.226348,0.4398 -1.164073,0.02 -0.653175,1.2092 -0.394492,-0.012 0.349222,0.4074 0.433294,0.1228 -0.03234,0.679 1.597368,-0.2004 0.284551,-1.1058 -0.232814,1.177 -1.526231,0.6014 z m 0.808384,-1.759 0.02586,1.4356 -0.472097,0.3558 0.245749,-0.5756 z m -0.717845,-1.0736 c 0.241797,-0.1822 0.499179,-0.3176 0.86012,-0.1422 -0.268209,0.2416 -0.557458,0.2624 -0.86012,0.1422 z m 0.523833,-0.7696 0.01294,0.1358 -0.265151,0.046 z m -0.161677,-0.5174 0.06468,0.427 0.07114,-0.2522 0.413894,0.078 z m -1.080002,0.5304 0.782517,-0.595 0.135809,0.5692 -0.226348,-0.2846 z" />
|
||||||
|
<path
|
||||||
|
style="fill:#fff6d5;stroke:#ffeeaa;stroke-width:0.07243127px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 5.2320249,1044.4688 c 0.2148483,0.1204 0.4489003,0.1974 0.7050673,0.2247 l 0.7011945,-2.2818 z"
|
||||||
|
id="path3038" />
|
||||||
|
<path
|
||||||
|
style="fill:#fff6d5;stroke:#ffeeaa;stroke-width:0.07243127px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 14.27108,1031.5568 0.361591,1.523 -0.12053,1.1615 -0.405421,1.5778 0.01096,-1.7312 z"
|
||||||
|
id="path3034" />
|
||||||
|
<path
|
||||||
|
style="fill:#fff6d5;stroke:#ffeeaa;stroke-width:0.07243127px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 15.772233,1026.5602 0.427335,1.2492 0.219146,-2.5312 -0.295847,0.7341 z"
|
||||||
|
id="path3032" />
|
||||||
|
<path
|
||||||
|
style="fill:#fff6d5;stroke:#ffeeaa;stroke-width:0.07243127px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 7.4974892,1044.017 c 0.1097508,-0.055 2.44651,-1.134 2.44651,-1.134 l -0.4938755,0.8413 3.0364153,-1.1158 -4.5912057,2.3963 c 1.5311965,0.2105 2.1099167,0.1308 3.5313677,0.027 l 2.468294,-1.3261 -0.456571,1.1382 c 0.776294,-0.047 1.522548,-0.1657 2.093675,-0.6032 -0.02446,-1.3447 -0.839797,-3.1349 -1.271269,-4.2575 l 0.01372,-1.3077 -0.58076,-0.9649 -0.316829,2.1065 z"
|
||||||
|
id="path3016" />
|
||||||
|
<path
|
||||||
|
style="fill:#fff6d5;stroke:#ffeeaa;stroke-width:0.07243127px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 8.7458948,1034.7248 0.6482766,-4.8361 -1.7443374,-3.0979 0.4524985,-1.0795 -1.1785732,-0.067 -2.0870057,-3.117 -0.4743057,-1.1945 -1.2686734,-1.131 2.1218314,0.7316 c 1.4021774,1.1773 3.3669128,5.4164 4.7290065,5.5369 l 0.5071936,4.1295 z"
|
||||||
|
id="path3014" />
|
||||||
|
<path
|
||||||
|
style="fill:#fff6d5;stroke:#ffeeaa;stroke-width:0.07243127px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 5.7094799,1032.1 0.5853339,1.8748 -0.091462,2.6889 c -0.1247629,1.2399 -0.031425,2.1359 0.091462,2.7164 l 1.125976,-4.3353 z"
|
||||||
|
id="path3012" />
|
||||||
|
<path
|
||||||
|
style="fill:#fff6d5;stroke:#ffeeaa;stroke-width:0.07243127px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 4.0449393,1027.0698 4.088185,7.0331 0.5487499,1.4267 -0.8322711,-1.2529 -2.2224354,-2.7255 -1.6096651,-3.6583 z"
|
||||||
|
id="path3010" />
|
||||||
|
<path
|
||||||
|
style="fill:#fff6d5;stroke:#ffeeaa;stroke-width:0.07243127px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 8.4806661,1032.5023 -2.7528944,-3.5119 -2.2498734,-5.2131 2.9266642,4.829 1.8383116,2.3596 z"
|
||||||
|
id="path3854" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffd42a;stroke:#ffcc00;stroke-width:0.0762846px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 16.176092,1004.9549 0.253627,0.7527 0.91394,0.8814 0.04896,1.0935 -0.342728,-0.6855 -0.587533,-0.7017 -0.04896,0.669 0.864981,1.1425 -0.83234,0.1306 -0.522252,0.4079 -0.636494,-0.8649 0.326406,0.7344 -0.03264,0.4896 -0.538573,0.9792 -0.783378,0.3264 -0.163203,0.2612 v 0.9955 l -0.750737,0.3264 -0.652817,0.3101 -0.326407,-1.0445 -0.587533,-0.4733 v -0.5712 l -0.244805,-0.1306 -0.734418,0.7182 -0.8649803,0.2121 v 0.7834 l -0.8486578,1.1098 -0.7180976,-0.6365 0.2774458,-1.1587 -0.1468825,-0.9793 -0.6201759,0.4733 v -0.914 l -0.7344158,-0.032 -0.1305623,-0.359 -1.3709122,-0.3754 0.4406499,0.6692 0.9302623,0.3427 0.2774469,0.3263 -1.3219512,0.4408 -0.048961,0.3916 -0.7996988,0.2938 -0.7996984,-1.1262 -0.3916887,-1.5178 -0.1468832,1.1752 0.5222514,1.1587 0.7180967,0.6528 0.7180958,0.017 -0.2284845,0.4733 -0.5059323,0.6365 v 0.4896 l -0.5875318,0.6855 0.032637,0.3916 -0.1958449,0.5223 0.1142427,0.3101 0.4569703,0.1632 -0.016319,0.6854 -0.2937675,0.3591 -0.032642,0.8813 0.2937674,1.0608 -0.2774465,0.1632 -0.9139419,-0.1795 -2.2195711,-3.2478 -0.79969835,-2.5296 h -0.0904208 c 0.0537944,-3.3321 1.31356565,-5.4558 2.81138095,-7.0069 3.7990348,-3.9342 10.3257412,-3.1878 12.8888192,-0.5493 z"
|
||||||
|
id="path3857" />
|
||||||
|
<path
|
||||||
|
style="fill:#fff6d5;fill-opacity:1;stroke:#ffcc00;stroke-width:0.0762846px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 7.2739871,1006.0994 -0.4080101,-0.2938 -0.7017763,0.6529 0.342729,0.4406 -0.2448063,0.1632 0.4243305,0.2448 0.3753685,-0.6202 -0.3264077,-0.1795 0.1958455,-0.2938 z"
|
||||||
|
id="path3859" />
|
||||||
|
<path
|
||||||
|
style="fill:#fff6d5;fill-opacity:1;stroke:#ffcc00;stroke-width:0.0762846px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 3.0062924,1005.8371 -0.065282,0.3754 -0.3264076,0.457 -0.2448054,0.098 0.081601,0.6691 h 0.2284851 l 0.1305638,-0.4407 0.3100862,-0.2611 -0.032642,0.5223 0.3753677,-0.082 0.1142436,-0.6854 0.4080088,0.065 -0.3753686,0.7181 0.8486599,0.1631 -0.6528143,0.5713 H 2.7125252 l -0.01632,-0.1959 -0.3916887,-0.097 -0.1305631,-0.8813"
|
||||||
|
id="path3861" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffd42a;stroke:#ffcc00;stroke-width:0.0762846px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 6.2621234,1015.304 0.5385724,0.3918 0.065277,0.408 0.2774469,0.3427 -0.2937661,1.3219 H 6.2621193 l -0.016319,-0.7017 -0.3427285,-0.2611 0.016323,-0.2775 0.4243289,-0.2285 z"
|
||||||
|
id="path3863" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffd42a;stroke:#ffcc00;stroke-width:0.0762846px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 16.576601,1008.9554 0.01632,0.914 -0.375368,0.2611 -0.293767,-0.4896 0.01632,-0.4244 0.359048,-0.3101 z"
|
||||||
|
id="path3865" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffd42a;stroke:#ffcc00;stroke-width:0.0762846px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 15.907466,1010.7181 0.342727,-0.1959 0.440651,0.2121 -0.538573,0.5713 -0.342727,0.017 z"
|
||||||
|
id="path3867" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffd42a;stroke:#ffcc00;stroke-width:0.0762846px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 15.091447,1010.9302 -0.163204,0.4406 -0.408008,0.1306 -0.163205,-0.6039 0.212165,-0.1957 0.277446,0.032 z"
|
||||||
|
id="path3869" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffd42a;stroke:#ffcc00;stroke-width:0.0762846px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 13.459409,1012.3664 -0.146882,0.9792 -0.718099,-0.2938 0.244808,-0.5875 z"
|
||||||
|
id="path3871" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffd42a;stroke:#ffcc00;stroke-width:0.0762846px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 14.046943,1013.7862 c 0.06528,-0.017 1.403552,-0.8812 1.403552,-0.8812 l 0.783378,0.2937 c 0,0 -0.603853,0.5713 -0.538573,0.5713 0.06528,0 1.387233,0.033 1.387233,0.033 l -2.007406,1.0118 z"
|
||||||
|
id="path3873" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffd42a;stroke:#ffcc00;stroke-width:0.0762846px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 13.50837,1013.8189 -1.158746,-0.5059 0.130562,0.5549 0.522254,0.6038 0.0816,0.5386 0.962902,0.767 0.636494,-0.359 -0.89762,-0.6038 z"
|
||||||
|
id="path3875" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffd42a;stroke:#ffcc00;stroke-width:0.0762846px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 15.287292,1015.4836 -0.310089,0.2612 -0.505931,0.065 0.40801,0.3591 0.897621,-0.049 0.310088,0.2612 1.109785,-0.6365 -0.179525,-0.2449 -1.338271,0.2285 z"
|
||||||
|
id="path3877" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffd42a;stroke:#ffcc00;stroke-width:0.0762846px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 17.980154,1009.1676 -0.03264,1.4362 -0.91394,0.6855 0.587535,0.032 -0.163205,0.7833 0.848659,-1.5666 z"
|
||||||
|
id="path3879" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffd42a;stroke:#ffcc00;stroke-width:0.0762846px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 18.502405,1008.3842 -0.489611,0.5549 0.261126,0.065 0.03264,0.2938 0.522254,-0.3917 -0.326409,-0.1958 z"
|
||||||
|
id="path3881" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffd42a;stroke:#ffcc00;stroke-width:0.0762846px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 16.935649,1011.5177 -0.456971,0.2286 -0.09793,0.4569 0.522252,-0.2611 0.228485,-0.033 z"
|
||||||
|
id="path3883" />
|
||||||
|
</svg>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 14 KiB |
@@ -1 +0,0 @@
|
|||||||
<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 391 B |
@@ -1 +0,0 @@
|
|||||||
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 40 KiB |
@@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.3 KiB |
@@ -1 +0,0 @@
|
|||||||
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 128 B |
@@ -1 +0,0 @@
|
|||||||
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 385 B |