philsturgeon / awesome-earth

"What can I do about the climate crisis?" Here are 326 things you can do.

Home Page:https://protect.earth

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Images for Featured Links

philsturgeon opened this issue · comments

The new design has featured "cards" for ones we'd like to make more visible, but we could also consider adding images to them. Maybe using Twitter/React Bootstrap "Cards", or maybe some other way.

image

Should look ok with an without images.

@rapzo hey there, do you think we could take another swing at this?

I appreciate it, and really no need to apologize. :D

@rapzo I will hopefully migrate to collections today (#155)

@rapzo I was just about to start, thank you!! Yeah fire that PR over and we can merge so we can both work on top of it.

Does this look good to you?
Screenshot 2020-03-23 at 16 00 06

The picture was uploaded via netlify-cms and, after a while (a build), popped up there.
Everything should be automated via the cms now.

Just let me know how if the styles need work.

This is great! I am visually useless, so I am unsure how to handle having an uneven number or having some with images and some without. I suppose we can make it a requirement of being featured, if its not got an image some explosion happens somewhere on build?

Another approach would be rolling in #129 so that the first 3 featured links WITH images for (this country or global).

Conditionals might be achievable with custom widgets. Don't know, have to play a bit more with it.
I'm reworking the queries in order to get an optimised version of the uploaded picture instead of the original.
Should have it done later today.

Thank you!