city-food-guidelisted

# City Food Guide builder Turn a curated restaurant list into a polished, shareable, bilingual guide site — the engine behind *Skylar's NYC 100*. Everything is driven by **one `guide.json`** (config + venues); the HTML template is generic, so the same pipeline re-skins to any city ("Tokyo 100", "LA 100") by swapping the data file and the photos. ## What you get A static, dependency-free `index.html` with: - **Filterable photo grid** of venues, by cuisine group, with search. - **Check-in tracker** ("打卡进度") persisted in localStorage + a score share-card. - **Per-venue + per-score share cards** rendered on a `<canvas>`, with auto-copied captions/hashtags and a desktop share dialog (mobile uses the native share sheet). - **Interactive Leaflet map** with cuisine-colored pins (only venues that have lat/lng appear). - **Email-capture gate** via an embedded beehiiv subscribe form. - **Instant lead-magnet delivery** — after subscribing, beehiiv redirects back with a `?sub_id=…`; the page latches that into localStorage (and cleans the URL), then swaps the signup form for an "unlocked" panel linking the Google My Maps (`mymaps_url`) + PDF (`pdf_url`). No paid beehiiv automation needed — the value lands on-page, instantly. - **"Buy me a coffee" follow gag** — a tip button that, on click, flips to a playful "just kidding — follow me ❤️" and opens your 小红书 (`xhs_url`). Degrades to a plain link without JS. - **End-cap CTA tile** that fills the orphaned last grid cell. - **S