← back to Crazy News Channel
cartoons/20260924-come-in-and-get-me-meter.html
80 lines
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Come In and Get Me — P24 Cartoon Desk</title>
<meta name="description" content="Original P24 editorial cartoon in classic editorial-ink style: the one-day honorary mayor — a parking meter — refuses to vacate the office." />
<link rel="stylesheet" href="../assets/style.css" />
</head>
<body data-mood="politics" class="cartoon-page-frame">
<figure>
<div class="frame">
<svg viewBox="0 0 900 620" role="img" aria-label="A parking meter, wearing a mayoral sash and an expired-flag crown, barricaded behind an overturned desk in the mayor's office, snarling 'Come in and get me!' at officials peering around the door.">
<!-- ground + baseboard -->
<rect x="0" y="0" width="900" height="620" fill="#efe7d2"/>
<rect x="0" y="500" width="900" height="120" fill="#efe7d2"/>
<line x1="0" y1="500" x2="900" y2="500" stroke="#12100f" stroke-width="5"/>
<!-- office door frame, officials peering in -->
<rect x="30" y="150" width="150" height="352" fill="none" stroke="#12100f" stroke-width="6"/>
<rect x="30" y="150" width="150" height="352" fill="#2a0b0b" opacity="0.12"/>
<!-- two nervous heads peeking -->
<g stroke="#12100f" stroke-width="5" fill="none" stroke-linecap="round">
<circle cx="120" cy="250" r="26" fill="#efe7d2"/>
<path d="M108 246 q6 8 12 0 M96 250 h8 M132 250 h8"/>
<circle cx="150" cy="320" r="24" fill="#efe7d2"/>
<path d="M139 316 q5 7 11 0"/>
</g>
<!-- overturned desk barricade -->
<g>
<polygon points="300,500 300,330 560,300 560,500" fill="#12100f"/>
<polygon points="300,330 560,300 560,320 300,352" fill="#3a2a12"/>
<!-- scattered drawers + papers -->
<rect x="330" y="470" width="70" height="30" fill="#efe7d2" stroke="#12100f" stroke-width="4"/>
<g stroke="#12100f" stroke-width="3" fill="#efe7d2">
<rect x="600" y="470" width="46" height="30" transform="rotate(12 623 485)"/>
<rect x="655" y="478" width="46" height="30" transform="rotate(-9 678 493)"/>
</g>
</g>
<!-- THE METER MAYOR, heavy black, savage -->
<g stroke="#12100f" stroke-linecap="round" stroke-linejoin="round">
<!-- post -->
<rect x="470" y="250" width="26" height="240" fill="#12100f"/>
<!-- head/housing -->
<rect x="430" y="150" width="106" height="110" rx="10" fill="#12100f"/>
<!-- twin dials = angry eyes -->
<circle cx="463" cy="200" r="26" fill="#efe7d2" stroke="#12100f" stroke-width="6"/>
<circle cx="503" cy="200" r="26" fill="#efe7d2" stroke="#12100f" stroke-width="6"/>
<!-- EXPIRED flags as furious brows -->
<rect x="447" y="180" width="34" height="16" fill="var(--accent)" stroke="#12100f" stroke-width="3"/>
<rect x="487" y="180" width="34" height="16" fill="var(--accent)" stroke="#12100f" stroke-width="3"/>
<text x="464" y="193" font-size="11" font-family="system-ui,sans-serif" font-weight="800" fill="#12100f" text-anchor="middle">EXP.</text>
<text x="504" y="193" font-size="11" font-family="system-ui,sans-serif" font-weight="800" fill="#12100f" text-anchor="middle">EXP.</text>
<!-- coin-slot sneer -->
<path d="M452 236 q31 22 62 0" fill="none" stroke="#12100f" stroke-width="6"/>
<rect x="476" y="230" width="14" height="4" fill="#12100f"/>
<!-- crown of a one-day mayor, crooked -->
<path d="M430 150 l14 -34 18 22 21 -30 19 30 18 -22 14 34 z" fill="var(--accent2)" stroke="#12100f" stroke-width="4"/>
<!-- mayoral sash -->
<polygon points="430,262 470,250 500,470 462,486" fill="var(--accent)" stroke="#12100f" stroke-width="4"/>
<text x="470" y="380" font-size="15" font-family="system-ui,sans-serif" font-weight="800" fill="#12100f" text-anchor="middle" transform="rotate(80 470 380)">MAYOR (1 DAY)</text>
<!-- defiant iron arm clutching the desk -->
<path d="M470 300 q-70 -10 -150 40" fill="none" stroke="#12100f" stroke-width="16"/>
<circle cx="318" cy="342" r="16" fill="#12100f"/>
</g>
<!-- gavel nailed to the floor beside it -->
<g stroke="#12100f" stroke-width="5">
<rect x="590" y="430" width="70" height="26" rx="6" fill="#12100f" transform="rotate(-18 625 443)"/>
<line x1="625" y1="443" x2="690" y2="475" stroke-width="10"/>
</g>
</svg>
</div>
<figcaption>
<div class="cap"><span class="q">“You want the office back? Come in and get me.”</span></div>
<div class="sub">P24 Cartoon Desk · in classic editorial-ink style (device: the barricade) · on the Erie story “Sworn In as One-Day Honorary Mayor, Parking Meter Refuses to Vacate Office.” Invented satire.</div>
<div class="back"><a href="index.html">← Back to the Cartoon Desk</a> · <a href="reference/index.html">the editorial-ink style reference</a></div>
</figcaption>
</figure>
</body>
</html>