Add speaker avatars - Githubissues

LunchDevCommunity / community-calendar

📅 Community calendar for our Discord server, built with love and Eleventy.

https://events.lunch.dev

15 stars 12 forks source link

Add speaker avatars #100

Closed chantastic closed 3 years ago

chantastic commented 3 years ago

Add speaker grid to event pages

add person global data
add person.getAvatar utility for returning an appropriate avatar based on person data
add elements.css styling for:
- data-avatar
- data-card
- data-unstyled-list
- data-speaker-grid
- data-flex-stack
update event.html to show speakers

Examples

speakerS

speaker

no speakers

chantastic commented 3 years ago

Added people records for folks in our React Podcast/lunch.dev server:

@BenDMyers how would you like to handle speakers for Some Antics events? It'd be great to automate this in some way, maybe we can poll a json file from Some Antics on build?

For now, we can probably just let it fall back

chantastic commented 3 years ago

added a custom, local avatar fallback:

chantastic commented 3 years ago

speakers added to homepage

JReinhold commented 3 years ago

The person at the end of the arrow is nice.

screenshot

Browser metadata

``` Path: / Browser: Chrome 89.0.4389.90 on Mac OS 11.2.3 Viewport: 1280 x 595 @2x Language: en-GB Cookies: Enabled ``` [View on BrowserStack](https://live.browserstack.com/dashboard#url=https%3A%2F%2Fdeploy-preview-100--lunchdev-events.netlify.app%2F&os=OS+X&os_version=Big+Sur&browser=Chrome&browser_version=89.0&resolution=1280x595&speed=1&start=true)

Open Deploy Preview · Mark as Resolved

chantastic commented 3 years ago

awwww. thanks @JReinhold!