Original fictional meal-support calendar; no sign-ups or deliveries are recorded

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"><title>Fictional meal delivery calendar</title><style>*{box-sizing:border-box}body{margin:0;font:17px/1.65 system-ui,sans-serif;color:#29323b;background:#faf8f2}main{max-width:850px;margin:auto;padding:30px}h1{line-height:1.2}h2,h3{line-height:1.3}p{max-width:72ch}nav a{display:inline-block;margin:8px 18px 8px 0;color:#154d70}pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:#ebe8de;padding:18px}section{scroll-margin-top:18px}li{margin:12px 0}strong{font-weight:700}body{background:#f2f4f6}nav{border-block:2px solid #365474}.date{background:white;padding:22px;margin:20px 0;border-top:5px solid #365474}.date h3{margin-top:0}.window{font-weight:650}.note{border-left:4px solid #365474;padding-left:16px}@media(max-width:500px){main{padding:18px}}</style></head><body><main><h1>Three dates, three separate handoffs</h1><p>Original fictional meal-support reading copy, not a MealTrain.com export, booking page or recipient record. No actual invitation address or delivery has been supplied.</p><nav aria-label="Calendar sections"><a href="#calendar">Requested dates</a><a href="#delivery">Delivery questions</a><a href="#reply">Participant reply</a></nav><section id="calendar"><h2>Requested delivery dates</h2><p id="date-count">3 requested dates · 2 recorded fictional offers · 1 date with no offer</p><div class="date" id="m01"><h3>M01 · November 9, 2026</h3><p>Ellis has offered a meal in this fictional record.</p><p class="window">Proposed delivery window: 5:00-6:00 p.m.</p><p>Actual local time zone, dish and handoff arrangement: __________</p></div><div class="date" id="m02"><h3>M02 · November 11, 2026</h3><p><strong>No offer recorded.</strong> This date remains open in the exercise.</p><p>Actual contributor, meal and delivery details: __________</p></div><div class="date" id="m03"><h3>M03 · November 13, 2026</h3><p>Rowan has offered a meal in this fictional record.</p><p>Dish and actual delivery details are not supplied: __________</p></div><p class="note">One contribution per date is this exercise's plan. These counts are dates, not portions, people fed, actual bookings or completed deliveries. Household size and recipient acknowledgment are not supplied.</p></section><section id="delivery"><h2>Confirm before inviting participants</h2><ul><li>Recipient-approved dates, time zone and delivery windows.</li><li>Actual household size and recipient-supplied preferences or requirements.</li><li>Recipient-approved drop-off instructions and permitted audience.</li><li>The maintained invitation page and actual coordinator's contact route.</li></ul><p id="booking-route">Actual booking invitation / coordinator route: __________</p><p>Use the organizer's actual invitation to sign up. This reading copy has no Volunteer, Submit, Donate, confirmation or send button and cannot reserve a date.</p></section><section id="reply"><h2>Participant reply format</h2><pre>Date / contribution I am offering: __________
Meal details requested by the recipient: __________
Actual delivery arrangement I can make: __________
Question to resolve with the coordinator: __________
Recorded through the real calendar / coordinator: __________</pre><p>Leave that last line blank until the real arrangement is recorded. Do not treat an offer as a delivered meal or certify dietary suitability from a calendar.</p><a href="#calendar">Return to the requested dates</a></section></main></body></html>