Fictional contribution plan: four requested spots, two offers and two unfilled spots

HTML for this example

Select the code and use your copy shortcut. Changes in this preview are temporary.

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="nos-demo-layout" content="responsive-lab"><title>Contribution spots and offered quantities</title><style>*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui;color:#382d37;background:#fcf7fa}main{max-width:850px;margin:auto;padding:22px}h1{font-size:1.8rem;line-height:1.2}h2{font-size:1.2rem}section{border-top:2px solid #b29aad;margin-top:20px;padding:12px 0}.summary{border-left:5px solid #87667f;padding:14px;background:#eee2eb}pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:#eee2eb;padding:14px}</style></head><body><main><h1>Spots are not servings</h1><p>Original fictional potluck contribution plan. All offers and names are demonstration inputs; no live sign-ups.</p><p class="summary">4 requested contributor spots − 2 recorded fictional offers = 2 unfilled spots. Portions and guest attendance are not supplied.</p><section data-item="P01"><h2>P01 · Main dishes</h2><p>Requested: 2 contributor spots. Recorded offer: Mira, 1 tray; portion count not supplied. Unfilled: 1 contributor spot.</p></section><section data-item="P02"><h2>P02 · Bread</h2><p>Requested: 1 contributor spot. Recorded offer: Ellis, 1 loaf. Unfilled: 0 contributor spots. Portion count not supplied.</p></section><section data-item="P03"><h2>P03 · Drinks</h2><p>Requested: 1 contributor spot. No offer supplied. Quantity and container details unknown. Unfilled: 1 contributor spot.</p></section><section><h2>Blank response format</h2><pre>Event / date / place: __________
Contribution ID: __________
Permitted display name: __________
Offered item / quantity / unit: __________
Supplied descriptive notes: __________
Actual sign-up destination / coordinator: __________
Snapshot date / maintained record: __________</pre><p>Send a real response through the organizer's actual maintained route. That destination is not supplied here. This reading copy does not reserve spots, receive sign-ups, notify the host or synchronize copies.</p></section></main></body></html>