Drunk Texting

cross-posted from: https://piefed.world/c/shit/p/1198671/drunk-texting

SVG Code

<svg xmlns="http://www.w3.org/2000/svg” viewBox="0 0 375 166” width="100%” height="100%"> <style> .bubble-text { font-family: -apple-system, BlinkMacSystemFont, “SF Pro Display”, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 400; letter-spacing: -0.4px; dominant-baseline: middle; text-anchor: middle; } .gray-bubble { fill: #e9e9eb; } .gray-text { fill: #000000; } .blue-bubble { fill: #007aff; } .blue-text { fill: #ffffff; } </style>

<rect class="gray-bubble” x="10” y="10” width="115” height="34” rx="17” /> <text class="bubble-text gray-text” x="67.5” y="27">I’m drunk</text>

<rect class="gray-bubble” x="10” y="46” width="215” height="34” rx="17” /> <text class="bubble-text gray-text” x="117.5” y="63">Can you pick us up</text>

<rect class="blue-bubble” x="305” y="84” width="60” height="34” rx="17” /> <text class="bubble-text blue-text” x="335” y="101">Us??</text>

<rect class="gray-bubble” x="10” y="122” width="200” height="34” rx="17” /> <text class="bubble-text gray-text” x="110” y="139">I found a raccoon</text> </svg>