swadhinbiswas fix: recreate og-image svg · 2/2/2026
3c64516
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630">
<defs>
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#1e1e2e"/>
<stop offset="100%" style="stop-color:#181825"/>
</linearGradient>
<linearGradient id="text" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#89b4fa"/>
<stop offset="50%" style="stop-color:#cba6f7"/>
<stop offset="100%" style="stop-color:#f38ba8"/>
</linearGradient>
<linearGradient id="accent" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#a6e3a1"/>
<stop offset="100%" style="stop-color:#94e2d5"/>
</linearGradient>
<linearGradient id="url" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#f9e2af"/>
<stop offset="100%" style="stop-color:#fab387"/>
</linearGradient>
</defs>
<rect width="1200" height="630" fill="url(#bg)"/>
<rect x="20" y="20" width="1160" height="590" rx="20" fill="none" stroke="url(#text)" stroke-width="3" opacity="0.4"/>
<circle cx="450" cy="80" r="20" fill="#f38ba8"/>
<circle cx="520" cy="80" r="20" fill="#fab387"/>
<circle cx="590" cy="80" r="20" fill="#a6e3a1"/>
<circle cx="660" cy="80" r="20" fill="#89b4fa"/>
<circle cx="730" cy="80" r="20" fill="#f9e2af"/>
<text x="600" y="220" font-family="system-ui, -apple-system, sans-serif" font-size="72" font-weight="bold" fill="url(#text)" text-anchor="middle">FAANG Job Prep</text>
<rect x="480" y="250" width="240" height="50" rx="25" fill="url(#accent)"/>
<text x="600" y="285" font-family="system-ui, -apple-system, sans-serif" font-size="28" font-weight="bold" fill="#1e1e2e" text-anchor="middle">2026 - 2027</text>
<text x="600" y="370" font-family="system-ui, -apple-system, sans-serif" font-size="32" fill="#cdd6f4" text-anchor="middle">Complete Interview Roadmap</text>
<text x="250" y="450" font-family="system-ui, -apple-system, sans-serif" font-size="22" fill="#a6adc8" text-anchor="middle">DSA Patterns</text>
<text x="480" y="450" font-family="system-ui, -apple-system, sans-serif" font-size="22" fill="#a6adc8" text-anchor="middle">System Design</text>
<text x="720" y="450" font-family="system-ui, -apple-system, sans-serif" font-size="22" fill="#a6adc8" text-anchor="middle">Behavioral</text>
<text x="950" y="450" font-family="system-ui, -apple-system, sans-serif" font-size="22" fill="#a6adc8" text-anchor="middle">Company Guides</text>
<text x="600" y="540" font-family="system-ui, -apple-system, sans-serif" font-size="24" fill="#6c7086" text-anchor="middle">Google • Amazon • Meta • Apple • Netflix</text>
<text x="600" y="590" font-family="monospace" font-size="20" fill="url(#url)" text-anchor="middle">roadmap.swadhin.cv</text>
</svg>