Skip to content

Add flyer, friendly dates/times, and CSS to the JS events example#307

Merged
dgershman merged 1 commit into
mainfrom
feature/mayo-302-event-flyer-styling
Jul 9, 2026
Merged

Add flyer, friendly dates/times, and CSS to the JS events example#307
dgershman merged 1 commit into
mainfrom
feature/mayo-302-event-flyer-styling

Conversation

@dgershman

Copy link
Copy Markdown
Contributor

Follow-up to #303 and #306 (both merged). Polishes the render block in docs/rest-api-javascript-example.md:

  • Flyer — renders event.featured_image as an <img> (guarded for null, so flyer-less events still render).
  • Friendly dates2026-07-19Saturday, July 19, 2026 (parsed from parts to avoid the UTC weekday shift from new Date('YYYY-MM-DD')).
  • 12-hour times16:004:00 PM; no timezone conversion since the values are local wall-clock for the event's timezone. Same-day events show a time range; multi-day events span both dates.
  • Styling — a scoped <style> block presents the list as cards (rounded borders, subtle shadow + hover lift, flyer thumbnail, blue date emphasis).

Field names verified against the live nanj.org feed (featured_image, event_end_time, location_address, location_details). Docs-only.

Refs #302.

🤖 Generated with Claude Code

https://claude.ai/code/session_01Qhzc67oVYG5NsCp3naTPDu

…302]

Render the event flyer (featured_image, guarded for null), format dates as
"Saturday, July 19, 2026" and times as 12-hour (11:00 AM – 4:00 PM) instead
of ISO/military, and style the list as cards with a scoped <style> block.

🐦‍⬛ Generated with Claude Code, orchestrated by Crow

Co-Authored-By: Claude <noreply@anthropic.com>
Crow-Session: 43D5CCA0-472E-44C1-8990-7243EBC9DF1C
Claude-Session: https://claude.ai/code/session_01Qhzc67oVYG5NsCp3naTPDu
@dgershman dgershman merged commit 5667aef into main Jul 9, 2026
3 checks passed
@dgershman dgershman deleted the feature/mayo-302-event-flyer-styling branch July 9, 2026 23:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant