[Staging] Creators page UI adjustments.

[acekyd]

Created a couple creator profiles to start with and noticed a few things to adjust.

• Images are stretching on thumbnails and also featured image. There should be a way to adjust them to fit to scale or crop responsively.
• I added a few UI components to the articles and can be reviewed.
• Any other things to improve the UX of the articles listing and single pages.

cc @kaf-lamed-beyt

[kaf-lamed-beyt]

The blog looks soo cool with real articles mehnn!

I think the image shrinking only happens in the article cards section below the featured section. I'll take a look at it closely and open a PR soonest.

I added a few UI components to the articles and can be reviewed.

I checked the UI components and they all LGTM! :rocket: I left just one comment though.

[kaf-lamed-beyt]

I also noticed that there's a broken image on Victor's article

[kaf-lamed-beyt]

Any other things to improve the UX of the articles listing and single pages.

About this... I like the way you used the names of the authors as the slugs. Let us stick with this pattern @acekyd. "Why?" You might ask me.

Well.. I'm thinking of something. What if we look for a way to render the list of projects built by the creator in their article. I think this is where some of our project filter functions come in.

But then, it brings up another question... "what about folks that have not been interviewed or have an article dedicated to them on the website"?

What do you think about this?

[acekyd]

I think the image shrinking only happens in the article cards section below the featured section. I'll take a look at it closely and open a PR soonest.

It also happens on the individual article page but only for the featured image.

I've also fixed the broken image - I had a typo in the link.

What if we look for a way to render the list of projects built by the creator in their article.

Yes this was the plan all along. It's why we had the functionality all set up. There's no design for it yet but it'll be a JS component in the markdown that we pass the github username to as author which then displays the projects that match. So some posts might not have it, and some will without anything breaking as the implementation won't happen in the slug page but markdown to markdown file. E.g

<AuthorProjects author="acekyd" /> and this renders the projects either on the sidebar, bottom of page or however else we choose to implement it. Can you send me a message on Twitter? We can chat up on discord as well. @kaf-lamed-beyt

[kaf-lamed-beyt]

It also happens on the individual article page but only for the featured image.

Ah! Yes. I see it now.

I'll send a DM on Twitter soon