Skip to content

xt26: speaker headshots inline in agenda#256

Open
jonpither wants to merge 2 commits into
mainfrom
xt26-merge-speaker-pics
Open

xt26: speaker headshots inline in agenda#256
jonpither wants to merge 2 commits into
mainfrom
xt26-merge-speaker-pics

Conversation

@jonpither
Copy link
Copy Markdown
Member

Summary

  • Each agenda subtitle line is parsed for the speaker name and matched against speakers.json
  • Where a match exists, a small circular avatar renders inline with the subtitle, using the same juxt-bordered styling as the speaker grid
  • Lines without a JSON entry (Nik Tkachev, Payal Jain) or non-speaker subtitles (Evening Reception "Canapés...") fall through gracefully
  • Multi-speaker rows (panels, dual-presenter slots) keep alignment via placeholder spacing

Test plan

  • Netlify deploy preview renders agenda with avatars next to each speaker line
  • Coffee/Lunch/Housekeeping rows look unchanged
  • Opening Remarks shows Jon's avatar over the green-bg row
  • Panel slot shows avatars for Michael Jones + Payal Jain (or placeholder), and "And more to be announced" line aligns
  • Mobile layout unaffected

🤖 Generated with Claude Code

Each agenda subtitle line is parsed for the speaker name and matched
against speakers.json. Where there's a hit, a small circular avatar
renders next to the line, matching the juxt-bordered style of the
speaker grid above. Lines without a speaker entry (Nik Tkachev, Payal
Jain, panel TBA placeholders, plain non-speaker subtitles) fall through
gracefully - placeholder spacing keeps multi-speaker rows aligned.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@netlify
Copy link
Copy Markdown

netlify Bot commented May 7, 2026

Deploy Preview for juxt-website ready!

Name Link
🔨 Latest commit 5513d42
🔍 Latest deploy log https://app.netlify.com/projects/juxt-website/deploys/69fc620607c7870008bf29cb
😎 Deploy Preview https://deploy-preview-256--juxt-website.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

The AssetImage component lives under @components/team/, not directly
under @components/. Tested locally with yarn build.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
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