The greatest response ever

cross-posted from: https://piefed.world/c/shit/p/1195610/the-greatest-response-ever

SVG Code

<svg xmlns="http://www.w3.org/2000/svg” viewBox="0 0 600 480” width="100%” height="100%” style="font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Helvetica, Arial, sans-serif;"> <defs> <filter id="bubble-shadow” x="-5%” y="-5%” width="115%” height="115%"> <feDropShadow dx="0” dy="1” stdDeviation="1.5” flood-color="#000” flood-opacity="0.12"/> </filter>

&lt;filter id="bg-blur" x="-20%" y="-20%" width="140%" height="140%"&gt;
  &lt;feGaussianBlur stdDeviation="25" /&gt;
&lt;/filter&gt;

</defs>

<rect width="600” height="480” fill="#1c211f” />

<g filter="url(#bg-blur)"> <rect x="350” y="100” width="150” height="400” fill="#2d3330” /> <circle cx="150” cy="300” r="100” fill="#a4a29a” opacity="0.6” /> <circle cx="500” cy="150” r="120” fill="#6d655a” opacity="0.8” /> <circle cx="280” cy="220” r="130” fill="#314f33” /> <circle cx="550” cy="250” r="100” fill="#2d4231” opacity="0.8” /> <circle cx="300” cy="450” r="90” fill="#880f22” /> <circle cx="200” cy="420” r="70” fill="#a3192e” /> </g>

<rect width="600” height="480” fill="rgba(0,0,0,0.15)” />

<rect width="600” height="110” fill="rgba(246, 246, 246, 0.95)” /> <line x1="0” y1="110” x2="600” y2="110” stroke="rgba(0,0,0,0.1)” stroke-width="1” />

<text x="55” y="26” font-size="16” font-weight="600” fill="#000">14:35</text>

<circle cx="450” cy="21” r="3.5” fill="#000” /> <circle cx="460” cy="21” r="3.5” fill="#000” /> <circle cx="470” cy="21” r="3.5” fill="#000” /> <circle cx="480” cy="21” r="3.5” fill="#aaa” />

<path d="M 495 16 A 12 12 0 0 1 513 16” fill="none” stroke="#000” stroke-width="2” stroke-linecap="round"/> <path d="M 499 21 A 7 7 0 0 1 509 21” fill="none” stroke="#000” stroke-width="2” stroke-linecap="round"/> <circle cx="504” cy="26” r="1.8” fill="#000"/>

<rect x="525” y="13” width="32” height="15” rx="4” fill="#000” /> <rect x="558” y="17” width="2” height="7” fill="#000” rx="1” /> <text x="541” y="25” font-size="11” font-weight="bold” fill="#fff” text-anchor="middle">73</text>

<polyline points="32,55 17,70 32,85” fill="none” stroke="#000” stroke-width="3” stroke-linecap="round” stroke-linejoin="round” /> <text x="45” y="78” font-size="24” fill="#000">6</text>

<circle cx="110” cy="70” r="24” fill="#000” /> <path d="M102,62 h12 v12 h-12 z” fill="#fff” rx="2” /> <path d="M100,55 c5,-3 10,-3 15,0 c-5,-5 -15,-5 -18,2 z” fill="#fff” /> <path d="M101,65 h14 M101,68 h14 M101,71 h14” stroke="#000” stroke-width="1.5” /> <path d="M105,80 l-5,-8 l-2,4 z” fill="#fff” />

<text x="145” y="77” font-size="22” font-weight="600” fill="#000">Lil Bro ❤️</text>

<rect x="460” y="58” width="22” height="16” rx="3” fill="none” stroke="#000” stroke-width="2” /> <polygon points="482,62 490,57 490,75 482,70” fill="#000” />

<path d="M542.4,75.1 c-1.5,1.5 -3.9,1.8 -5.8,0.7 c-2.9,-1.6 -5.6,-3.6 -7.9,-6 c-2.4,-2.4 -4.4,-5.1 -6,-7.9 c-1.1,-1.9 -0.8,-4.3 0.7,-5.8 l2.7,-2.7 c0.9,-0.9 2.4,-1.1 3.5,-0.4 l4.2,2.3 c1,0.6 1.4,1.8 0.8,2.8 l-1.8,3.2 c2.1,3 4.8,5.7 7.8,7.8 l3.2,-1.8 c1,-0.6 2.3,-0.3 2.8,0.8 l2.3,4.2 c0.6,1.2 0.4,2.6 -0.4,3.5 L542.4,75.1 z” fill="none” stroke="#000” stroke-width="2.2” stroke-linecap="round” stroke-linejoin="round” />

<path d="M 580 135 L 595 135 L 580 150 Z” fill="#d9fdd3” filter="url(#bubble-shadow)” /> <rect x="270” y="135” width="310” height="42” rx="12” fill="#d9fdd3” filter="url(#bubble-shadow)” /> <text x="285” y="163” font-size="21” fill="#000">When is your dad leaving?</text> <text x="515” y="165” font-size="12” fill="#667766">14:33</text> <polyline points="553,161 557,165 565,155” fill="none” stroke="#4fb6ec” stroke-width="2” stroke-linecap="round” stroke-linejoin="round” /> <polyline points="559,161 563,165 571,155” fill="none” stroke="#4fb6ec” stroke-width="2” stroke-linecap="round” stroke-linejoin="round” />

<path d="M 20 195 L 5 195 L 20 210 Z” fill="#ffffff” filter="url(#bubble-shadow)” /> <rect x="20” y="195” width="165” height="42” rx="12” fill="#ffffff” filter="url(#bubble-shadow)” /> <text x="35” y="223” font-size="21” fill="#000">I don’t know</text> <text x="145” y="225” font-size="12” fill="#888888">14:34</text>

<path d="M 580 255 L 595 255 L 580 270 Z” fill="#d9fdd3” filter="url(#bubble-shadow)” /> <rect x="390” y="255” width="190” height="42” rx="12” fill="#d9fdd3” filter="url(#bubble-shadow)” /> <text x="405” y="283” font-size="21” fill="#000">Tomorrow?</text> <text x="515” y="285” font-size="12” fill="#667766">14:34</text> <polyline points="553,281 557,285 565,275” fill="none” stroke="#4fb6ec” stroke-width="2” stroke-linecap="round” stroke-linejoin="round” /> <polyline points="559,281 563,285 571,275” fill="none” stroke="#4fb6ec” stroke-width="2” stroke-linecap="round” stroke-linejoin="round” />

<path d="M 20 325 L 5 325 L 20 340 Z” fill="#ffffff” filter="url(#bubble-shadow)” /> <rect x="20” y="325” width="220” height="110” rx="12” fill="#ffffff” filter="url(#bubble-shadow)” />

<rect x="30” y="335” width="200” height="52” rx="6” fill="#f0f2f5” /> <rect x="30” y="335” width="4” height="52” rx="2” fill="#d95829” /> <text x="42” y="356” font-size="15” font-weight="600” fill="#d95829">Lil Bro ❤️</text> <text x="42” y="376” font-size="14” fill="#555555">I don’t know</text>

<text x="32” y="415” font-size="21” fill="#000">This is English</text> <text x="185” y="420” font-size="12” fill="#888888">14:34</text> </svg>