godotengine / godot-website

The code for the official Godot Engine website. A static site built using Jekyll.
https://godotengine.org
MIT License
282 stars 138 forks source link

Highlight recent post dates on homepage and article metadata #793

Closed Calinou closed 5 months ago

Calinou commented 5 months ago

This helps make recent articles more noticeable. The highlight is applied to post dates less than 48 hours old on the client side.

Preview

Homepage

Without a post highlighted as recent

Light theme Dark theme
Screenshot_20240202_195220 webp Screenshot_20240202_195228 webp

With a post highlighted as recent

Light theme Dark theme
Screenshot_20240202_195957 webp Screenshot_20240202_200021 webp

Article page

Light theme Dark theme
Screenshot_20240202_200653 webp Screenshot_20240202_200644 webp
JohnVeness commented 5 months ago

Speaking as a colour-blind person, I'm finding the difference rather subtle. Could you add a little NEW text/symbol too, maybe?

Calinou commented 5 months ago

Speaking as a colour-blind person, I'm finding the difference rather subtle. Could you add a little NEW text/symbol too, maybe?

I've added that (not pushed yet), how does this look?

image

image

JohnVeness commented 5 months ago

Thanks, that looks great. Maybe a box round it, e.g.: image or inverted text, so people don't get tripped up thinking it's part of the date?

Calinou commented 5 months ago

Done (and also pushed):

image

image

coppolaemilio commented 5 months ago

Looks really nice!