Files
public-blog/public/starter-showcase.svg
2026-06-03 10:52:55 -05:00

27 lines
1.7 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" role="img" aria-labelledby="title desc">
<title id="title">Starter MDX showcase cover</title>
<desc id="desc">A small abstract gradient cover with cards representing math, code, and design.</desc>
<defs>
<linearGradient id="bg" x1="0" x2="1" y1="0" y2="1">
<stop offset="0" stop-color="#7c3aed"/>
<stop offset="0.55" stop-color="#2563eb"/>
<stop offset="1" stop-color="#14b8a6"/>
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="18" stdDeviation="20" flood-color="#0f172a" flood-opacity="0.25"/>
</filter>
</defs>
<rect width="1200" height="630" rx="42" fill="url(#bg)"/>
<circle cx="1030" cy="120" r="150" fill="#ffffff" opacity="0.16"/>
<circle cx="130" cy="560" r="210" fill="#ffffff" opacity="0.12"/>
<g filter="url(#shadow)">
<rect x="155" y="145" width="890" height="340" rx="32" fill="#ffffff" opacity="0.92"/>
<rect x="210" y="205" width="260" height="42" rx="12" fill="#111827" opacity="0.9"/>
<rect x="210" y="275" width="330" height="28" rx="10" fill="#6366f1" opacity="0.85"/>
<rect x="210" y="330" width="260" height="28" rx="10" fill="#0f766e" opacity="0.75"/>
<text x="615" y="255" fill="#111827" font-family="ui-monospace, SFMono-Regular, Menlo, monospace" font-size="46" font-weight="700">MDX</text>
<text x="615" y="325" fill="#334155" font-family="ui-monospace, SFMono-Regular, Menlo, monospace" font-size="34">$E=mc²</text>
<text x="615" y="390" fill="#334155" font-family="ui-monospace, SFMono-Regular, Menlo, monospace" font-size="30">code · links · tables</text>
</g>
</svg>