cncf / presentations-website

Code for presentations.cncf.io
MIT License
2 stars 0 forks source link

Generate a social card for presentations #5

Closed castrojo closed 1 year ago

castrojo commented 1 year ago

Just a quick catchup on what the work loop looks like. I PRed a talk by Lori here: https://github.com/cncf/presentations/pull/147/files

When that merges it should be picked up by the site at some point: https://dev-cncf-presentations.pantheonsite.io/

And then the entry will be in there. However I wanted to capture this part. As I was trying to find an example talk I found this page: https://jfrog.com/community/cloud-native/the-cncf-you-growing-community-in-the-cloud-native-landscape-kubernetes-community-days/

This announcement has all the information that is now in github. I think we should have an embeddable social card for people to reuse the content in this repo. The affiliations would immediately have something that they could use on their properties with all the right info (that they can grab programmatically!) and it would encourage reuse. The card would have:

Here's a podcast specific example but you probably get the right idea:

image

And then on each result page of the subsite there is a little widget, similar to the one on artifacthub that lets anyone just click and grab the code to slap onto their blog, website, linkedin, twitter/X, etc.

Additionally a stripped down one that would render like a minimalist Github badge would encourage projects to put it in their repo, especially if they could filter the target. Example:

image

but when you click on it it sends them to the site but we filter by Prometheus only, with any talks by project maintainers + speaker bureau as a base default.

Right now when people share talks at kubecon sometimes it's to the slides, sometimes to a blog, sometimes directly to the video, sometimes directly to the schedule ... and then you end up having to chase them all down, with one nice widget it would make sharing that more consistent (which is why I think the artwork is an important part, you'd see it and immediately know it was from a cncf talk)

caniszczyk commented 1 year ago

This looks awesome!

On Mon, Aug 21, 2023 at 12:21 PM Jorge O. Castro @.***> wrote:

Just a quick catchup on what the work loop looks like. I PRed a talk by Lori here: https://github.com/cncf/presentations/pull/147/files

When that merges it should be picked up by the site at some point: https://dev-cncf-presentations.pantheonsite.io/

And then the entry will be in there. However I wanted to capture this part. As I was trying to find an example talk I found this page: https://jfrog.com/community/cloud-native/the-cncf-you-growing-community-in-the-cloud-native-landscape-kubernetes-community-days/

This announcement has all the information that is now in github. I think we should have an embeddable social card for people to reuse the content in this repo. The affiliations would immediately have something that they could use on their properties with all the right info (that they can grab programmatically!) and it would encourage reuse. The card would have:

  • The person's photo derived from their github profile, which we need
  • A slick thumbnail to the video or slides if possible
  • Title of the presentation, date, the important stuff
  • Consistent CNCF branding so it looks good. Have a stock background but later on it would be cool if we could embed an event specific background

Here's a podcast specific example but you probably get the right idea:

[image: image] https://user-images.githubusercontent.com/1264109/262096289-8862fda9-a4ba-458a-bb75-8aaeb32387b2.png

And then on each result page of the subsite there is a little widget, similar to the one on artifacthub that lets anyone just click and grab the code to slap onto their blog, website, linkedin, twitter/X, etc.

Additionally a stripped down one that would render like a minimalist Github badge would encourage projects to put it in their repo, especially if they could filter the target. Example:

[image: image] https://user-images.githubusercontent.com/1264109/262097123-2f542f5b-6bb9-4561-a01c-343f427bc2e3.png

but when you click on it it sends them to the site but we filter by Prometheus only, with any talks by project maintainers + speaker bureau as a base default.

— Reply to this email directly, view it on GitHub https://github.com/cncf/presentations-website/issues/5, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAAPSILWHSF4FCV3OUOFG5TXWOKH5ANCNFSM6AAAAAA3YWNCQQ . You are receiving this because you are subscribed to this thread.Message ID: @.***>

-- Cheers,

Chris Aniszczyk https://aniszczyk.org

cjyabraham commented 1 year ago

I don't think we need to go the route of a custom "widget" here as I think our standard social share infrastructure would be sufficient. Notice when you share a particular blog post on any of the platforms you list, the thumbnail for the post is also visible. So we just need a way to automatically create the share images for each presentation using the metadata you list above. There are some plugins like those listed here that do this or we may be able to code our own. (CC @thetwopct who may have further ideas)

castrojo commented 1 year ago

Those look great to me, that looks like the way to go and it'd be consistent with other things.

cjyabraham commented 1 year ago

I've configured a dynamically generated social share image. Each presentation has the same image but with its own title embedded. LMK if this is sufficient: social-image