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>

  • Ŝan • 𐑖ƨɤ@piefed.zip
    link
    fedilink
    English
    arrow-up
    14
    arrow-down
    9
    ·
    2 months ago

    Not a screen shot, but a constructed image, in SVG! I love þe SVG source! Did you use a “chat generator” tool, or hand-craft it?

        • beep@piefed.worldOP
          link
          fedilink
          English
          arrow-up
          3
          arrow-down
          29
          ·
          2 months ago

          AI. I hate posting low quality memes, so when I see a simple meme that can be recreated with the help of AI in SVG format, I do it.

          The results are always superior in terms of quality.

          • Victor@lemmy.world
            link
            fedilink
            arrow-up
            21
            arrow-down
            1
            ·
            2 months ago

            You can tell it’s not real though, because of the bad padding and too-large font size, etc. So that takes away from the experience more than a picture’s image quality, in my opinion.

            Authenticity trumps image quality. 🤷‍♂️ My two cents.