- Add vite-plugin-pwa with autoUpdate service worker - Generate SVG + PNG icons (192, 512, apple-touch-icon, favicon) - Web app manifest with standalone display mode - Workbox caching: precache assets, cache Google Fonts, NetworkFirst for API - Apple mobile web app meta tags for iOS home screen Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
32 lines
2.0 KiB
XML
32 lines
2.0 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
<rect width="512" height="512" rx="64" fill="#0a0a0a"/>
|
|
<rect x="32" y="32" width="448" height="448" rx="48" fill="#111" stroke="#ff2d7b" stroke-width="4"/>
|
|
<!-- Left bot (cyan) -->
|
|
<rect x="100" y="180" width="120" height="100" rx="8" fill="#00f0ff"/>
|
|
<rect x="112" y="200" width="30" height="20" rx="4" fill="#0a0a0a"/>
|
|
<rect x="178" y="200" width="30" height="20" rx="4" fill="#0a0a0a"/>
|
|
<rect x="130" y="240" width="60" height="8" rx="4" fill="#0a0a0a"/>
|
|
<rect x="110" y="160" width="16" height="30" rx="4" fill="#00f0ff"/>
|
|
<rect x="194" y="160" width="16" height="30" rx="4" fill="#00f0ff"/>
|
|
<rect x="120" y="280" width="20" height="50" rx="4" fill="#00f0ff"/>
|
|
<rect x="180" y="280" width="20" height="50" rx="4" fill="#00f0ff"/>
|
|
<!-- Right bot (pink) -->
|
|
<rect x="292" y="180" width="120" height="100" rx="8" fill="#ff2d7b"/>
|
|
<rect x="304" y="200" width="30" height="20" rx="4" fill="#0a0a0a"/>
|
|
<rect x="370" y="200" width="30" height="20" rx="4" fill="#0a0a0a"/>
|
|
<rect x="322" y="240" width="60" height="8" rx="4" fill="#0a0a0a"/>
|
|
<rect x="302" y="160" width="16" height="30" rx="4" fill="#ff2d7b"/>
|
|
<rect x="386" y="160" width="16" height="30" rx="4" fill="#ff2d7b"/>
|
|
<rect x="312" y="280" width="20" height="50" rx="4" fill="#ff2d7b"/>
|
|
<rect x="372" y="280" width="20" height="50" rx="4" fill="#ff2d7b"/>
|
|
<!-- VS spark -->
|
|
<text x="256" y="270" text-anchor="middle" font-family="sans-serif" font-weight="900" font-size="48" fill="#b83dff">VS</text>
|
|
<!-- Lightning bolts -->
|
|
<polygon points="240,140 250,170 242,170 252,200" fill="#ffe14d"/>
|
|
<polygon points="272,140 262,170 270,170 260,200" fill="#ffe14d"/>
|
|
<!-- Title -->
|
|
<text x="256" y="400" text-anchor="middle" font-family="monospace" font-weight="900" font-size="40" fill="#ff2d7b" letter-spacing="4">BOTFIGHTS</text>
|
|
<!-- Ground line -->
|
|
<rect x="60" y="340" width="392" height="4" rx="2" fill="#ffe14d" opacity="0.6"/>
|
|
</svg>
|