search

monero-project / monero-site

https://getmonero.org
BSD 3-Clause "New" or "Revised" License
274 stars 385 forks source link

Change emoji icons to something more consistent #924

Closed erciccione closed 3 years ago

erciccione commented 4 years ago

This issue was created on gitlab and then migrated here. Only the original post was migrated, not the comments. Please take a look at the discussions on the original Gitlab issue before commenting here: https://repo.getmonero.org/monero-project/monero-site/-/issues/1075

Emojis look different on each device and some can be ugly (for example the check on Chrome appears grey). Right now we use emojis for the developer guides page, FAQ and roadmap.

The options could be:

Voice your opinion.

ghost commented 3 years ago

So I think this is the complete list of what needs to be replaced. grep -rIE '"\\0.+"' monero-site/

monero-site/css/custom.css: content: "\02714"; monero-site/css/custom.css: content: "\01F6A7"; monero-site/css/custom.css: content: "\01F9ED"; monero-site/css/custom.css: content: "\01F4C4"; monero-site/css/custom.css: content: "\01F310"; monero-site/css/custom.css: content: "\02714"; monero-site/css/custom.css: content: "\01F6A7"; monero-site/css/custom.css: content: "\01F9ED";

I suggest using SVGs from OpenMoji. They're nice and can be downloaded separately too. Each comes with a black and white version, although I think pages like the roadmap look better with the colored ones. I think we should use only one source for consistency (eg. not a little from bootstrap and a little from openmoji), but the roadmap page + black and white bootstrap icons looks ugly and boring imo. Here's how it would look with openmojis.

screen

erciccione commented 3 years ago

These icons look definitely nicer. The only drawbacks are that we need to add their license (CC BY-SA 4.0) and we add single svgs, which i preferred to avoid. But i think this is the best option we have for now. Let's see if there are other opinions.

erciccione commented 3 years ago

Just opened #1628, which add OpenMoji images and fixes this issue.