search

enhance-dev / enhance.dev

Docs website for Enhance!
https://enhance.dev
73 stars 20 forks source link

Use multi-color skin tone emoji #67

Open ryanblock opened 1 year ago

ryanblock commented 1 year ago

If in our docs we use any emoji with a skin tone (e.g. the 🙌 found in https://github.com/enhance-dev/enhance.dev/blob/9afb5739ed4f19605b50b75cf1c2e11fa2c58577/src/views/docs/md/learn/starter-project/pages.md#dynamic-if-need-be) I think we should replace that with some multi-color skin tone replacement; perhaps as an animation, or some other means.

There's a lot out there on this topic (Google: yellow skin tone emoji, etc.) and some research relating to the inclusivity of defaulting to yellow.

tbeseda commented 1 year ago

This one seems really cool, so I picked it up hoping it was a couple hours. It wasn't 😆

But I did make progress.
This is an emoji refreshing several times, using a random skin tone each time:

emoji random skin tone

I still need to solve for emoji with modifiers like: 👳‍ + ♂ == 👳‍♂️ (person with turban + male = man with turban). The character that sets skin tone goes between those 2 characters and my implementation doesn't support that.

Then there's 👩‍ + 🌾 == 👩‍🌾 -- So I can't just hot swap emojis all over the place...

Might try and randomize gender, too. But only when one "emoji presentation" of a person is present. Gender is significant when representing more than one person, like a family.

Pretty cool problem.

macdonst commented 1 year ago

We should create an emoji component which takes in a base emoji and randomly assigns a skin colour on every page generation.