cross-posted from: https://piefed.world/c/shit/p/1243452/facts

SVG Code

<svg xmlns="http://www.w3.org/2000/svg” viewBox="0 0 700 850” width="100%” height="100%"> <!– Background –> <rect width="100%” height="100%” fill="#fafafa” />

<!– Global styles –> <style> text { font-family: ‘Courier New’, Courier, monospace; font-size: 22px; fill: #111; } </style>

<!– Row 1: The “bad” –> <g transform="translate(0, 120)"> <circle cx="150” cy="0” r="40” fill="#000” /> <text x="230” y="8">here is the “bad"</text> </g>

<!– Row 2: The “good” –> <g transform="translate(0, 240)"> <circle cx="150” cy="0” r="40” fill="#fff” stroke="#000” stroke-width="2” /> <text x="230” y="8">here is the “good"</text> </g>

<!– Row 3: The “bad” that is in the “good” –> <g transform="translate(0, 360)"> <path d="M 150,-40 A 40,40 0 0,0 150,40 A 20,20 0 0,0 150,0 A 20,20 0 0,1 150,-40 Z” fill="#fff” stroke="#000” stroke-width="2” /> <circle cx="150” cy="20” r="6” fill="#000” /> <text x="230” y="-10">here is the “bad” that</text> <text x="230” y="20">is in the “good"</text> </g>

<!– Row 4: The “good” that is in the “bad” –> <g transform="translate(0, 480)"> <path d="M 150,-40 A 40,40 0 0,1 150,40 A 20,20 0 0,0 150,0 A 20,20 0 0,1 150,-40 Z” fill="#000” stroke="#000” stroke-width="2” /> <circle cx="150” cy="-20” r="6” fill="#fff” /> <text x="230” y="-10">here is the “good” that</text> <text x="230” y="20">is in the “bad"</text> </g>

<!– Row 5: here is life –> <g transform="translate(0, 600)"> <circle cx="150” cy="0” r="40” fill="#fff” /> <path d="M 150,-40 A 40,40 0 0,1 150,40 A 20,20 0 0,0 150,0 A 20,20 0 0,1 150,-40 Z” fill="#000” /> <circle cx="150” cy="20” r="6” fill="#000” /> <circle cx="150” cy="-20” r="6” fill="#fff” /> <circle cx="150” cy="0” r="40” fill="none” stroke="#000” stroke-width="2” /> <text x="230” y="8">here is life</text> </g>

<!– Row 6: here is the US government –> <g transform="translate(0, 720)"> <circle cx="150” cy="0” r="40” fill="#000” /> <text x="230” y="8">here is the US government</text> </g> </svg>