More specific link previews on individual Fellow pages

[chriskuang4]

Fellows: Feel free to start working on these issues by assigning them to yourself. If you have any questions feel free to add it in the comments and tag @jaredbain and @Dahianna. Also always create a new branch and add Jared as reviewer.
Skills: Engineer and design

The current link previews when linking to a specific Fellow page are the generic USDC link preview. You can see this using a tool like Bannerbear or in DM-ing yourself the link in Slack and seeing the expanded preview.

I'd like to explore what it might look like if we used the Fellow's headshot as the photo preview, and had customized title and helper text that perhaps reflects the Fellow's bio, etc.

We have full scale images for each Fellow if we want to use those for the preview.

Current:

[Dahianna]

@jaredbain to look into options

[mitchel-baker]

This can be achieved with meta tags to add unique title, description, image, etc. but will need to look into how to setup for a Jekyll site.

Potential solution would be to add the following in digitalcorps.gsa.gov/_layouts/fellow.html for "og:title", "og:description", "og:image":

<meta property="og:image" content="{{ dynamic/path/to/fellow/headshot.jpg }}" />

[chriskuang4]

thank you @mitchel-baker! That you're starting next week at CISA, @jaredbain will pick up with this.

[jaredbain]

Code template created for the fellow bio pages social media preview images. Just waiting on the preview image cards with the IRL headshots

[chriskuang4]

We need images 1200x628. @danielaaburtotc will work on this between now and early the week of 10/9 -- taking the headshots that we have to create the assets in the right size.

[chriskuang4]

No progress yet (front office priorities), hoping to pick up later this week.

[Dahianna]

@danielaaburtotc working on images

[daniela-aburto]

I sent the images to Jared via slack. We don't have these for the 2022 fellows, do we?

[Dahianna]

The 2022 Fellows are here: https://drive.google.com/drive/folders/1R90hhR_8OCNnEU7l-E_hqPyOacyvgGn7 U.S. General Services Administration *Dahianna V. Salazar Foreman* Communications and Marketing Lead U.S. Digital Corps Technology Transformation Services <https://www.linkedin.com/company/us-digital-corps/> <https://twitter.com/USDigitalCorps>

…

On Tue, Oct 17, 2023 at 10:04 PM Daniela Aburto ***@***.***> wrote: I sent the images to Jared via slack. We don't have these for the 2022 fellows, do we? — Reply to this email directly, view it on GitHub <#184 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AFO37OCX2OWDPTNORUTGRELX742I3AVCNFSM54AOR76KU5DIOJSWCZC7NNSXTN2JONZXKZKDN5WW2ZLOOQ5TCNZWG42DSMRYGUYQ> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[jaredbain]

Missing some preview images for 2023 Fellows

• Alyssa Bell
• Drew Keller
• Ryan Powers
• Yuqing Zhou

[chriskuang4]

Let’s use the default/current for these fellows and then make a note to update these preview images if/when we get formal headshots from them.

…

On Wed, Oct 18, 2023 at 2:13 PM Jared Bain ***@***.***> wrote: Missing some preview images for 2023 Fellows - Alyssa Bell - Drew Keller - Ryan Powers - Yuqing Zhou — Reply to this email directly, view it on GitHub <#184 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AUM6A2JHOWWRGDACV5GHXRLYAAL4HAVCNFSM54AOR76KU5DIOJSWCZC7NNSXTN2JONZXKZKDN5WW2ZLOOQ5TCNZWHEYDQMBUG43A> . You are receiving this because you were assigned.Message ID: ***@***.***>

[jaredbain]

Another option can be create one similar to John Melton's preview image.

[Dahianna]

@danielaaburtotc will create cards similar to John's for the other Fellows that don't have headshots

[Dahianna]

Daniela sent to Jared. @jared will update once Ruby is done

[Dahianna]

@danielaaburtotc to provide images for 2022 cohort as well

[Dahianna]

@jaredbain has everything he needs, just waiting on Ruby update

[Dahianna]

@danielaaburtotc working on last batch of images (5 Fellows) and then we can merge after Ruby update

[Dahianna]

From @danielaaburtotc

@jaredbain Here are the links to both cohort preview images:
2023 cohort: https://drive.google.com/drive/folders/1bucnPYcdz5Wf7vyGM-rXMvz_EgmpDrrr?usp=drive_link
2022 cohort: https://drive.google.com/drive/folders/1yBWosBF80AV5afxHZbqcO_y513c4GLEj?usp=drive_link

[jaredbain]

@Dahianna @chriskuang4 PR is ready for approval.