mirror of
https://github.com/lancedikson/bowser
synced 2025-12-05 06:02:14 +00:00
59 lines
3.0 KiB
XML
59 lines
3.0 KiB
XML
|
<svg width="1200" height="630" viewBox="0 0 1200 630" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#2b86c5;stop-opacity:1" />
|
||
|
|
<stop offset="100%" style="stop-color:#784ba0;stop-opacity:1" />
|
||
|
|
</linearGradient>
|
||
|
|
<filter id="dropShadow" x="-20%" y="-20%" width="140%" height="140%">
|
||
|
|
<feGaussianBlur in="SourceAlpha" stdDeviation="10" />
|
||
|
|
<feOffset dx="0" dy="10" result="offsetblur" />
|
||
|
|
<feComponentTransfer>
|
||
|
|
<feFuncA type="linear" slope="0.3" />
|
||
|
|
</feComponentTransfer>
|
||
|
|
<feMerge>
|
||
|
|
<feMergeNode />
|
||
|
|
<feMergeNode in="SourceGraphic" />
|
||
|
|
</feMerge>
|
||
|
|
</filter>
|
||
|
|
<filter id="blobBlur">
|
||
|
|
<feGaussianBlur in="SourceGraphic" stdDeviation="40" />
|
||
|
|
</filter>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- Background -->
|
||
|
|
<rect width="100%" height="100%" fill="url(#bgGradient)" />
|
||
|
|
|
||
|
|
<!-- Abstract Blobs for texture -->
|
||
|
|
<circle cx="90%" cy="10%" r="300" fill="#00c853" fill-opacity="0.2" filter="url(#blobBlur)" />
|
||
|
|
<circle cx="10%" cy="90%" r="250" fill="#2b86c5" fill-opacity="0.2" filter="url(#blobBlur)" />
|
||
|
|
|
||
|
|
<!-- Browser Window (Centered) -->
|
||
|
|
<g transform="translate(350, 125)">
|
||
|
|
<!-- Browser Window Frame -->
|
||
|
|
<rect x="0" y="0" width="500" height="380" rx="20" fill="rgba(255,255,255,0.1)" stroke="rgba(255,255,255,0.2)" stroke-width="1" filter="url(#dropShadow)" />
|
||
|
|
|
||
|
|
<!-- Window Controls -->
|
||
|
|
<g transform="translate(20, 20)">
|
||
|
|
<circle cx="0" cy="0" r="7.5" fill="#ff5f56" />
|
||
|
|
<circle cx="25" cy="0" r="7.5" fill="#ffbd2e" />
|
||
|
|
<circle cx="50" cy="0" r="7.5" fill="#27c93f" />
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- URL Bar -->
|
||
|
|
<rect x="100" y="7.5" width="380" height="25" rx="12.5" fill="rgba(255,255,255,0.1)" />
|
||
|
|
|
||
|
|
<!-- Content Inside Browser (Centered) -->
|
||
|
|
<g transform="translate(250, 210)">
|
||
|
|
<!-- Title -->
|
||
|
|
<text x="0" y="-30" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-weight="900" font-size="100" fill="white" letter-spacing="-2" text-anchor="middle">Bowser</text>
|
||
|
|
|
||
|
|
<!-- Badge -->
|
||
|
|
<!-- Centered: Badge width 380, x starts at -190 -->
|
||
|
|
<rect x="-190" y="10" width="380" height="64" rx="32" fill="#00c853" />
|
||
|
|
<text x="0" y="52" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-weight="bold" font-size="28" fill="white" text-anchor="middle">New release • v2.13.0</text>
|
||
|
|
|
||
|
|
<!-- URL -->
|
||
|
|
<text x="0" y="120" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-weight="600" font-size="24" fill="rgba(255,255,255,0.9)" text-anchor="middle">github.com/bowser-js/bowser</text>
|
||
|
|
</g>
|
||
|
|
</g>
|
||
|
|
</svg>
|