← back to Crazy News Channel
P24: add Paul Conrad style reference (Masters page + device toolbox) and 3 Conrad-manner strips (meter mayor, corn marshal, toll treadmill)
dff6f9fae7989dc2b7649ee55ede4d201ba89a9b · 2026-09-24 12:44:18 -0700 · Steve
Files touched
A cartoons/20260924-come-in-and-get-me-meter.htmlA cartoons/20260924-gold-tier-treadmill.htmlA cartoons/20260924-row-by-row-marshal.html
Diff
commit dff6f9fae7989dc2b7649ee55ede4d201ba89a9b
Author: Steve <steve@designerwallcoverings.com>
Date: Thu Sep 24 12:44:18 2026 -0700
P24: add Paul Conrad style reference (Masters page + device toolbox) and 3 Conrad-manner strips (meter mayor, corn marshal, toll treadmill)
---
cartoons/20260924-come-in-and-get-me-meter.html | 95 ++++++++++++++++++++++
cartoons/20260924-gold-tier-treadmill.html | 101 ++++++++++++++++++++++++
cartoons/20260924-row-by-row-marshal.html | 88 +++++++++++++++++++++
3 files changed, 284 insertions(+)
diff --git a/cartoons/20260924-come-in-and-get-me-meter.html b/cartoons/20260924-come-in-and-get-me-meter.html
new file mode 100644
index 0000000..7b8c0b4
--- /dev/null
+++ b/cartoons/20260924-come-in-and-get-me-meter.html
@@ -0,0 +1,95 @@
+<!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 the manner of Paul Conrad: the one-day honorary mayor — a parking meter — refuses to vacate the office." />
+<style>
+ :root { --bg:#2a0b0b; --ink:#12100f; --paper:#efe7d2; --accent:#ff3b3b; --accent2:#ffb703; --text:#ffe9e9; --focus:#ffd166; }
+ * { box-sizing:border-box; }
+ body { margin:0; min-height:100vh; background:var(--bg); color:var(--text);
+ font-family:'Iowan Old Style','Palatino Linotype',Georgia,serif;
+ display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px 16px; }
+ a { color:var(--accent2); }
+ a:focus-visible { outline:3px solid var(--focus); outline-offset:2px; }
+ figure { margin:0; width:100%; max-width:900px; }
+ .frame { background:var(--paper); border:6px solid var(--ink); border-radius:4px; box-shadow:0 12px 40px #0009; }
+ svg { display:block; width:100%; height:auto; }
+ figcaption { margin-top:14px; text-align:center; }
+ .cap { font-size:clamp(18px,3vw,26px); font-weight:700; color:var(--text); }
+ .cap .q { color:var(--accent2); font-style:italic; }
+ .sub { margin-top:6px; font-size:13px; color:#ffd7d7aa; font-family:system-ui,sans-serif; }
+ .back { margin-top:18px; font-size:13px; font-family:system-ui,sans-serif; }
+</style>
+</head>
+<body>
+ <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 the manner of Paul Conrad (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 Conrad manner</a></div>
+ </figcaption>
+ </figure>
+</body>
+</html>
diff --git a/cartoons/20260924-gold-tier-treadmill.html b/cartoons/20260924-gold-tier-treadmill.html
new file mode 100644
index 0000000..5275fa2
--- /dev/null
+++ b/cartoons/20260924-gold-tier-treadmill.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<title>Gold Commuter — P24 Cartoon Desk</title>
+<meta name="description" content="Original P24 editorial cartoon in the manner of Paul Conrad: motorists circle a toll bridge all night on a treadmill of asphalt, chasing 'Gold Commuter' status." />
+<style>
+ :root { --bg:#08210f; --ink:#0b1a0e; --paper:#eafff0; --accent:#2ecc71; --accent2:#f1c40f; --text:#eafff0; --focus:#f1c40f; }
+ * { box-sizing:border-box; }
+ body { margin:0; min-height:100vh; background:var(--bg); color:var(--text);
+ font-family:'Iowan Old Style','Palatino Linotype',Georgia,serif;
+ display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px 16px; }
+ a { color:var(--accent2); }
+ a:focus-visible { outline:3px solid var(--focus); outline-offset:2px; }
+ figure { margin:0; width:100%; max-width:900px; }
+ .frame { background:var(--paper); border:6px solid var(--ink); border-radius:4px; box-shadow:0 12px 40px #0009; }
+ svg { display:block; width:100%; height:auto; }
+ figcaption { margin-top:14px; text-align:center; }
+ .cap { font-size:clamp(18px,3vw,26px); font-weight:700; color:var(--text); }
+ .cap .q { color:var(--accent2); font-style:italic; }
+ .sub { margin-top:6px; font-size:13px; color:#c9f5d6aa; font-family:system-ui,sans-serif; }
+ .back { margin-top:18px; font-size:13px; font-family:system-ui,sans-serif; }
+</style>
+</head>
+<body>
+ <figure>
+ <div class="frame">
+ <svg viewBox="0 0 900 620" role="img" aria-label="A toll booth sits at the hub of a giant hamster-wheel of bridge asphalt turning in the night; exhausted cars trudge around and around it chasing a dangling gold 'GOLD TIER' carrot, headlights tracing an endless loop under a crescent moon.">
+ <rect x="0" y="0" width="900" height="620" fill="#eafff0"/>
+ <!-- night sky wash inside frame top -->
+ <rect x="0" y="0" width="900" height="250" fill="#08210f" opacity="0.10"/>
+ <!-- crescent moon -->
+ <path d="M792 70 a44 44 0 1 0 20 78 a34 34 0 1 1 -20 -78z" fill="var(--accent2)" stroke="#0b1a0e" stroke-width="4"/>
+
+ <!-- THE TREADMILL WHEEL of asphalt -->
+ <g stroke="#0b1a0e" stroke-linejoin="round" stroke-linecap="round">
+ <circle cx="450" cy="360" r="230" fill="none" stroke-width="10"/>
+ <circle cx="450" cy="360" r="180" fill="none" stroke-width="4" stroke-dasharray="24 18"/>
+ <!-- lane dashes around the rim -->
+ <circle cx="450" cy="360" r="205" fill="none" stroke="var(--accent2)" stroke-width="6" stroke-dasharray="20 26"/>
+ <!-- hub = toll booth -->
+ <rect x="405" y="315" width="90" height="90" rx="6" fill="#0b1a0e"/>
+ <rect x="418" y="300" width="64" height="22" fill="#0b1a0e"/>
+ <rect x="424" y="332" width="52" height="34" fill="var(--paper)"/>
+ <text x="450" y="356" text-anchor="middle" font-size="13" font-family="system-ui,sans-serif" font-weight="900" fill="#0b1a0e">BOOTH 3</text>
+ <!-- boom gate -->
+ <line x1="495" y1="360" x2="600" y2="330" stroke-width="6"/>
+ </g>
+
+ <!-- the dangling GOLD carrot on a stick from the booth -->
+ <g stroke="#0b1a0e" stroke-width="5">
+ <line x1="450" y1="300" x2="450" y2="150"/>
+ <line x1="450" y1="150" x2="560" y2="150"/>
+ </g>
+ <g>
+ <path d="M560 150 l40 -16 -6 32 z" fill="var(--accent2)" stroke="#0b1a0e" stroke-width="4"/>
+ <text x="596" y="120" text-anchor="middle" font-size="14" font-family="system-ui,sans-serif" font-weight="900" fill="var(--accent2)">GOLD TIER</text>
+ </g>
+
+ <!-- exhausted cars trudging the rim, headlight beams tracing the loop -->
+ <g stroke="#0b1a0e" stroke-width="4" stroke-linejoin="round">
+ <!-- car 1 (top) -->
+ <g transform="translate(450 155) rotate(0)">
+ <path d="M-26 8 q6 -20 26 -20 q20 0 26 20 z" fill="#0b1a0e"/>
+ <circle cx="-14" cy="10" r="7" fill="#0b1a0e"/><circle cx="14" cy="10" r="7" fill="#0b1a0e"/>
+ </g>
+ <!-- car 2 (right) -->
+ <g transform="translate(655 360) rotate(90)">
+ <path d="M-26 8 q6 -20 26 -20 q20 0 26 20 z" fill="#0b1a0e"/>
+ <circle cx="-14" cy="10" r="7" fill="#0b1a0e"/><circle cx="14" cy="10" r="7" fill="#0b1a0e"/>
+ </g>
+ <!-- car 3 (bottom) -->
+ <g transform="translate(450 565) rotate(180)">
+ <path d="M-26 8 q6 -20 26 -20 q20 0 26 20 z" fill="#0b1a0e"/>
+ <circle cx="-14" cy="10" r="7" fill="#0b1a0e"/><circle cx="14" cy="10" r="7" fill="#0b1a0e"/>
+ </g>
+ <!-- car 4 (left) -->
+ <g transform="translate(245 360) rotate(270)">
+ <path d="M-26 8 q6 -20 26 -20 q20 0 26 20 z" fill="#0b1a0e"/>
+ <circle cx="-14" cy="10" r="7" fill="#0b1a0e"/><circle cx="14" cy="10" r="7" fill="#0b1a0e"/>
+ </g>
+ </g>
+ <!-- faint headlight cones as motion smear -->
+ <g fill="var(--accent2)" opacity="0.5">
+ <polygon points="476,150 520,140 520,168"/>
+ <polygon points="650,384 662,430 636,424"/>
+ </g>
+
+ <!-- odometer-style tally slumped at bottom -->
+ <text x="450" y="606" text-anchor="middle" font-size="15" font-family="system-ui,sans-serif" font-weight="800" fill="var(--accent)">CROSSINGS TONIGHT: ∞</text>
+ </svg>
+ </div>
+ <figcaption>
+ <div class="cap"><span class="q">“Three more laps to Gold, honey. Then we can afford the toll.”</span></div>
+ <div class="sub">P24 Cartoon Desk · in the manner of Paul Conrad (device: the doomed loop) · on the Ashtabula story “Drivers Circling Toll Bridge Overnight to Reach Gold Commuter Tier.” Invented satire.</div>
+ <div class="back"><a href="index.html">← Back to the Cartoon Desk</a> · <a href="reference/index.html">the Conrad manner</a></div>
+ </figcaption>
+ </figure>
+</body>
+</html>
diff --git a/cartoons/20260924-row-by-row-marshal.html b/cartoons/20260924-row-by-row-marshal.html
new file mode 100644
index 0000000..cd4e7f6
--- /dev/null
+++ b/cartoons/20260924-row-by-row-marshal.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<title>Row by Row, Citizen — P24 Cartoon Desk</title>
+<meta name="description" content="Original P24 editorial cartoon in the manner of Paul Conrad: a state Corn Marshal confiscates a cob and outlaws the cob holder as a 'cheating device.'" />
+<style>
+ :root { --bg:#2a0b0b; --ink:#12100f; --paper:#efe7d2; --accent:#ff3b3b; --accent2:#ffb703; --text:#ffe9e9; --focus:#ffd166; }
+ * { box-sizing:border-box; }
+ body { margin:0; min-height:100vh; background:var(--bg); color:var(--text);
+ font-family:'Iowan Old Style','Palatino Linotype',Georgia,serif;
+ display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px 16px; }
+ a { color:var(--accent2); }
+ a:focus-visible { outline:3px solid var(--focus); outline-offset:2px; }
+ figure { margin:0; width:100%; max-width:900px; }
+ .frame { background:var(--paper); border:6px solid var(--ink); border-radius:4px; box-shadow:0 12px 40px #0009; }
+ svg { display:block; width:100%; height:auto; }
+ figcaption { margin-top:14px; text-align:center; }
+ .cap { font-size:clamp(18px,3vw,26px); font-weight:700; color:var(--text); }
+ .cap .q { color:var(--accent2); font-style:italic; }
+ .sub { margin-top:6px; font-size:13px; color:#ffd7d7aa; font-family:system-ui,sans-serif; }
+ .back { margin-top:18px; font-size:13px; font-family:system-ui,sans-serif; }
+</style>
+</head>
+<body>
+ <figure>
+ <div class="frame">
+ <svg viewBox="0 0 900 620" role="img" aria-label="A towering, jackbooted Corn Marshal in a badge and peaked cap looms over a small trembling diner, confiscating a corn cob with tongs while a cob holder lies stamped 'CHEATING DEVICE' at his boot.">
+ <rect x="0" y="0" width="900" height="620" fill="#efe7d2"/>
+ <line x1="0" y1="520" x2="900" y2="520" stroke="#12100f" stroke-width="5"/>
+ <!-- long Conrad shadow thrown by the Marshal -->
+ <polygon points="470,520 250,520 560,300 620,340" fill="#12100f" opacity="0.16"/>
+
+ <!-- THE MARSHAL: heavy, authoritarian, looming -->
+ <g stroke="#12100f" stroke-width="5" stroke-linejoin="round" stroke-linecap="round">
+ <!-- boots -->
+ <path d="M470 520 v-70 h44 v70 z" fill="#12100f"/>
+ <path d="M534 520 v-70 h44 v70 z" fill="#12100f"/>
+ <rect x="462" y="512" width="60" height="14" fill="#12100f"/>
+ <rect x="526" y="512" width="60" height="14" fill="#12100f"/>
+ <!-- greatcoat body, broad and black -->
+ <path d="M452 250 q100 -30 190 0 l26 210 q-120 30 -240 0 z" fill="#12100f"/>
+ <!-- belt + oversized badge -->
+ <rect x="452" y="360" width="216" height="20" fill="#3a2a12"/>
+ <circle cx="560" cy="330" r="30" fill="var(--accent2)" stroke="#12100f" stroke-width="5"/>
+ <text x="560" y="336" text-anchor="middle" font-size="13" font-family="system-ui,sans-serif" font-weight="900" fill="#12100f">CORN</text>
+ <!-- head, jowly, peaked cap -->
+ <circle cx="560" cy="205" r="52" fill="#efe7d2" stroke="#12100f" stroke-width="6"/>
+ <path d="M500 190 q60 -70 120 0 z" fill="#12100f"/>
+ <rect x="498" y="188" width="124" height="16" fill="#12100f"/>
+ <!-- badge insignia on cap: a single corn ear -->
+ <path d="M560 150 q9 18 0 40 q-9 -22 0 -40z" fill="var(--accent2)" stroke="#12100f" stroke-width="3"/>
+ <!-- scowl + heavy brow -->
+ <path d="M534 196 l18 6 M586 196 l-18 6" stroke-width="6"/>
+ <path d="M536 228 q24 14 48 0" fill="none" stroke-width="6"/>
+ <!-- outstretched arm with TONGS confiscating a cob -->
+ <path d="M470 300 q-90 6 -150 60" fill="none" stroke-width="16"/>
+ <path d="M322 356 l-40 24 M322 372 l-40 -8" stroke-width="8"/>
+ <ellipse cx="300" cy="360" rx="30" ry="12" fill="var(--accent2)" stroke="#12100f" stroke-width="4"/>
+ </g>
+
+ <!-- the small trembling citizen, napkin tucked, hands raised -->
+ <g stroke="#12100f" stroke-width="4" fill="none" stroke-linecap="round">
+ <circle cx="150" cy="430" r="26" fill="#efe7d2"/>
+ <path d="M138 426 l8 4 M162 426 l-8 4 M140 442 q10 8 20 0"/>
+ <path d="M150 456 v40 M150 470 l-24 -14 M150 470 l24 -14" />
+ <!-- tiny plate -->
+ <ellipse cx="150" cy="512" rx="40" ry="8" fill="#efe7d2"/>
+ </g>
+
+ <!-- confiscated cob holder, stamped CHEATING DEVICE, at his boot -->
+ <g stroke="#12100f" stroke-width="4">
+ <line x1="600" y1="540" x2="660" y2="540"/>
+ <circle cx="600" cy="540" r="7" fill="#12100f"/>
+ <circle cx="660" cy="540" r="7" fill="#12100f"/>
+ </g>
+ <text x="630" y="572" text-anchor="middle" font-size="15" font-family="system-ui,sans-serif" font-weight="800" fill="var(--accent)">"CHEATING DEVICE"</text>
+ </svg>
+ </div>
+ <figcaption>
+ <div class="cap"><span class="q">“Row by row only, citizen. Step away from the cob holder.”</span></div>
+ <div class="sub">P24 Cartoon Desk · in the manner of Paul Conrad (device: the looming authority) · on the Kansas story “Statewide Row-by-Row Only Zone, Cob Holders Banned as Cheating Devices.” Invented satire.</div>
+ <div class="back"><a href="index.html">← Back to the Cartoon Desk</a> · <a href="reference/index.html">the Conrad manner</a></div>
+ </figcaption>
+ </figure>
+</body>
+</html>
← e2f9f7b Add Paul Conrad style-reference page for P24 Political Carto
·
back to Crazy News Channel
·
Backfill story_id links for 9 orphaned cartoons + codify lin c130b62 →