Display emoji characters instead in images

[muan]

With the recent added support of native emoji display in Chrome, I think it's time to move towards this direction.

Such sharpness:

These are the custom emojis that we'll continue to display with images:

Not so sharp:

TODO:

• Check if support emoji
• Provide fallback if doesn't support emoji (Twemoji over sprite, maybe)
• Use individual image for the custom emojis instead of the sprite
• Think about ways to provide unicode character copying (not just the :name:)
• Extract json maybe or
• Change the test to validate the format of the whole file (currently only keyword arrays)

cc @notwaldorf if you have thoughts 😬

[muan]

Had to add this because some are not being rendered as colored emoji. For example: ☺️
but seems that obviously it won't work on windows and others, will probably need to test it out and find a solution for each OS :/

[muan]

@notwaldorf what do you think about the new Apple categories?

[notwaldorf]

@muan I like them loads. Do they have a list anywhere though? Doing this by hand last time was hilarious and I don't think intended for a hooman :(

[EDIT] There is a list! http://emojipedia.org/apple-emoji-list (right hand side).

[muan]

Cooolio. I don't see it, but we can probably parse it out of http://emojipedia.org/. 😬

[notwaldorf]

Yeah, we need to scrape each of the http://emojipedia.org/people/, http://emojipedia.org/nature/ etc categories 😭

[muan]

PARSED! HERE THEY ARE. This should be a fun notification email.

people

"😀,😁,😂,😃,😄,😅,😆,😇,😈,👿,😉,😊,☺️,😋,😌,😍,😎,😏,😐,😑,😒,😓,😔,😕,😖,😗,😘,😙,😚,😛,😜,😝,😞,😟,😠,😡,😢,😣,😤,😥,😦,😧,😨,😩,😪,😫,😬,😭,😮,😯,😰,😱,😲,😳,😴,😵,😶,😷,😸,😹,😺,😻,😼,😽,😾,😿,🙀,👣,👤,👥,👦,👧,👨,👩,👪,👫,👬,👭,👮,👯,👰,👱,👲,👳,👴,👵,👶,👷,👸,💂,👼,🎅,👻,👹,👺,💩,💀,👽,👾,🙇,💁,🙅,🙆,🙋,🙎,🙍,💆,💇,💑,👩‍❤️‍👩,👨‍❤️‍👨,💏,👩‍❤️‍💋‍👩,👨‍❤️‍💋‍👨,🙌,👏,👂,👀,👃,👄,💋,👅,💅,👋,👍,👎,☝️,👆,👇,👈,👉,👌,✌️,👊,✊,✋,💪,👐,🙏"

nature

"🌱,🌲,🌳,🌴,🌵,🌷,🌸,🌹,🌺,🌻,🌼,💐,🌾,🌿,🍀,🍁,🍂,🍃,🍄,🌰,🐀,🐁,🐭,🐹,🐂,🐃,🐄,🐮,🐅,🐆,🐯,🐇,🐰,🐈,🐱,🐎,🐴,🐏,🐑,🐐,🐓,🐔,🐤,🐣,🐥,🐦,🐧,🐘,🐪,🐫,🐗,🐖,🐷,🐽,🐕,🐩,🐶,🐺,🐻,🐨,🐼,🐵,🙈,🙉,🙊,🐒,🐉,🐲,🐊,🐍,🐢,🐸,🐋,🐳,🐬,🐙,🐟,🐠,🐡,🐚,🐌,🐛,🐜,🐝,🐞,🐾,⚡️,🔥,🌙,☀️,⛅,☁️,💧,💦,☔️,💨,❄️,🌟,⭐,🌠,🌄,🌅,🌈,🌊,🌋,🌌,🗻,🗾,🌐,🌍,🌎,🌏,🌑,🌒,🌓,🌔,🌕,🌖,🌗,🌘,🌚,🌝,🌛,🌜,🌞"

food & drink

"🍅,🍆,🌽,🍠,🍇,🍈,🍉,🍊,🍋,🍌,🍍,🍎,🍏,🍐,🍑,🍒,🍓,🍔,🍕,🍖,🍗,🍘,🍙,🍚,🍛,🍜,🍝,🍞,🍟,🍡,🍢,🍣,🍤,🍥,🍦,🍧,🍨,🍩,🍪,🍫,🍬,🍭,🍮,🍯,🍰,🍱,🍲,🍳,🍴,🍵,☕️,🍶,🍷,🍸,🍹,🍺,🍻,🍼"

celebration

"🎀,🎁,🎂,🎃,🎄,🎋,🎍,🎑,🎆,🎇,🎉,🎊,🎈,💫,✨,💥,🎓,👑,🎎,🎏,🎐,🎌,🏮,💍,❤️️,💔,💌,💕,💞,💓,💗,💖,💘,💝,💟,💜,💛,💚,💙"

activity

"🏃,🚶,💃,🚣,🏊,🏄,🛀,🏂,🎿,⛄,🚴,🚵,🏇,⛺,🎣,⚽,🏀,🏈,⚾️,🎾,🏉,⛳,🏆,🎽,🏁,🎹,🎸,🎻,🎷,🎺,🎵,🎶,🎼,🎧,🎤,🎭,🎫,🎩,🎪,🎬,🎨,🎯,🎱,🎳,🎰,🎲,🎮,🎴,🃏,🀄,🎠,🎡,🎢"

travel & places

"🚃,🚞,🚂,🚋,🚝,🚄,🚅,🚆,🚇,🚈,🚉,🚊,🚌,🚍,🚎,🚐,🚑,🚒,🚓,🚔,🚨,🚕,🚖,🚗,🚘,🚙,🚚,🚛,🚜,🚲,🚏,⛽,🚧,🚦,🚥,🚀,🚁,✈️,💺,⚓,🚢,🚤,⛵,🚡,🚠,🚟,🛂,🛃,🛄,🛅,💴,💶,💷,💵,🗽,🗿,🌁,🗼,⛲,🏰,🏯,🌇,🌆,🌃,🌉,🏠,🏡,🏢,🏬,🏭,🏣,🏤,🏥,🏦,🏨,🏩,💒,⛪,🏪,🏫"

flags

"🇦🇺,🇦🇹,🇧🇪,🇧🇷,🇨🇦,🇨🇱,🇨🇳,🇨🇴,🇩🇰,🇫🇮,🇫🇷,🇩🇪,🇭🇰,🇮🇳,🇮🇩,🇮🇪,🇮🇱,🇮🇹,🇯🇵,🇰🇷,🇲🇴,🇲🇾,🇲🇽,🇳🇱,🇳🇿,🇳🇴,🇵🇭,🇵🇱,🇵🇹,🇵🇷,🇷🇺,🇸🇦,🇸🇬,🇿🇦,🇪🇸,🇸🇪,🇨🇭,🇹🇷,🇬🇧,🇺🇸,🇦🇪,🇻🇳"

object & symbols

"⌚,📱,📲,💻,⏰,⏳,⌛,📷,📹,🎥,📺,📻,📟,📞,☎️,📠,💽,💾,💿,📀,📼,🔋,🔌,💡,🔦,📡,💳,💸,💰,💎,🌂,👝,👛,👜,💼,🎒,💄,👓,👒,👡,👠,👢,👞,👟,👙,👗,👘,👚,👕,👔,👖,🚪,🚿,🛁,🚽,💈,💉,💊,🔬,🔭,🔮,🔧,🔪,🔩,🔨,💣,🚬,🔫,🔖,📰,🔑,✉️,📩,📨,📧,📥,📤,📦,📯,📮,📪,📫,📬,📭,📄,📃,📑,📈,📉,📊,📅,📆,🔅,🔆,📜,📋,📖,📓,📔,📒,📕,📗,📘,📙,📚,📇,🔗,📎,📌,✂️,📐,📍,📏,🚩,📁,📂,✒️,✏️,📝,🔏,🔐,🔒,🔓,📣,📢,🔈,🔉,🔊,🔇,💤,🔔,🔕,💭,💬,🚸,🔍,🔎,🚫,⛔,📛,🚷,🚯,🚳,🚱,📵,🔞,🉑,🉐,💮,㊙️,㊗️,🈴,🈵,🈲,🈶,🈚,🈸,🈺,🈷,🈹,🈳,🈂,🈁,🈯,💹,❇️,✳️,❎,✅,✴️,📳,📴,🆚,🅰,🅱,🆎,🆑,🅾,🆘,🆔,🅿️,🚾,🆒,🆓,🆕,🆖,🆗,🆙,🏧,♈,♉,♊,♋,♌,♍,♎,♏,♐,♑,♒,♓,🚻,🚹,🚺,🚼,♿,🚰,🚭,🚮,▶️,◀️,🔼,🔽,⏩,⏪,⏫,⏬,➡️,⬅️,⬆️,⬇️,↗️,↘️,↙️,↖️,↕️,↔️,🔄,↪️,↩️,⤴️,⤵️,🔀,🔁,🔂,#️⃣,0️⃣,1️⃣,2️⃣,3️⃣,4️⃣,5️⃣,6️⃣,7️⃣,8️⃣,9️⃣,🔟,🔢,🔤,🔡,🔠,ℹ️,📶,🎦,🔣,➕,➖,〰,➗,✖,✔,🔃,™,©,®,💱,💲,➰,➿,〽️,❗,❓,❕,❔,‼️,⁉️,❌,⭕,💯,🔚,🔙,🔛,🔝,🔜,🌀,Ⓜ️,⛎,🔯,🔰,🔱,⚠️,♨️,♻️,💢,💠,♠️,♥️,♣️,♦️,☑️,⚪,⚫,🔘,🔴,🔵,🔺,🔻,🔸,🔹,🔶,🔷,▪️,▫️,⬛,⬜,◼️,◻️,◾️,◽,🔲,🔳,🕐,🕜,🕑,🕝,🕒,🕞,🕓,🕟,🕔,🕠,🕕,🕡,🕖,🕢,🕗,🕣,🕘,🕤,🕙,🕥,🕚,🕦,🕛,🕧"

---

edit

Ugh JavaScript messing up my ordering.

people = ["😀","😁","😂","😃","😄","😅","😆","😇","😈","👿","😉","😊","☺️","😋","😌","😍","😎","😏","😐","😑","😒","😓","😔","😕","😖","😗","😘","😙","😚","😛","😜","😝","😞","😟","😠","😡","😢","😣","😤","😥","😦","😧","😨","😩","😪","😫","😬","😭","😮","😯","😰","😱","😲","😳","😴","😵","😶","😷","😸","😹","😺","😻","😼","😽","😾","😿","🙀","👣","👤","👥","👦","👧","👨","👩","👪","👫","👬","👭","👮","👯","👰","👱","👲","👳","👴","👵","👶","👷","👸","💂","👼","🎅","👻","👹","👺","💩","💀","👽","👾","🙇","💁","🙅","🙆","🙋","🙎","🙍","💆","💇","💑","👩‍❤️‍👩","👨‍❤️‍👨","💏","👩‍❤️‍💋‍👩","👨‍❤️‍💋‍👨","🙌","👏","👂","👀","👃","👄","💋","👅","💅","👋","👍","👎","☝️","👆","👇","👈","👉","👌","✌️","👊","✊","✋","💪","👐","🙏"]

nature = ["🌱","🌲","🌳","🌴","🌵","🌷","🌸","🌹","🌺","🌻","🌼","💐","🌾","🌿","🍀","🍁","🍂","🍃","🍄","🌰","🐀","🐁","🐭","🐹","🐂","🐃","🐄","🐮","🐅","🐆","🐯","🐇","🐰","🐈","🐱","🐎","🐴","🐏","🐑","🐐","🐓","🐔","🐤","🐣","🐥","🐦","🐧","🐘","🐪","🐫","🐗","🐖","🐷","🐽","🐕","🐩","🐶","🐺","🐻","🐨","🐼","🐵","🙈","🙉","🙊","🐒","🐉","🐲","🐊","🐍","🐢","🐸","🐋","🐳","🐬","🐙","🐟","🐠","🐡","🐚","🐌","🐛","🐜","🐝","🐞","🐾","⚡️","🔥","🌙","☀️","⛅","☁️","💧","💦","☔️","💨","❄️","🌟","⭐","🌠","🌄","🌅","🌈","🌊","🌋","🌌","🗻","🗾","🌐","🌍","🌎","🌏","🌑","🌒","🌓","🌔","🌕","🌖","🌗","🌘","🌚","🌝","🌛","🌜","🌞"]

foodanddrink = ["🍅","🍆","🌽","🍠","🍇","🍈","🍉","🍊","🍋","🍌","🍍","🍎","🍏","🍐","🍑","🍒","🍓","🍔","🍕","🍖","🍗","🍘","🍙","🍚","🍛","🍜","🍝","🍞","🍟","🍡","🍢","🍣","🍤","🍥","🍦","🍧","🍨","🍩","🍪","🍫","🍬","🍭","🍮","🍯","🍰","🍱","🍲","🍳","🍴","🍵","☕️","🍶","🍷","🍸","🍹","🍺","🍻","🍼"]

celebration = ["🎀","🎁","🎂","🎃","🎄","🎋","🎍","🎑","🎆","🎇","🎉","🎊","🎈","💫","✨","💥","🎓","👑","🎎","🎏","🎐","🎌","🏮","💍","❤️️","💔","💌","💕","💞","💓","💗","💖","💘","💝","💟","💜","💛","💚","💙"]

activity = ["🏃","🚶","💃","🚣","🏊","🏄","🛀","🏂","🎿","⛄","🚴","🚵","🏇","⛺","🎣","⚽","🏀","🏈","⚾️","🎾","🏉","⛳","🏆","🎽","🏁","🎹","🎸","🎻","🎷","🎺","🎵","🎶","🎼","🎧","🎤","🎭","🎫","🎩","🎪","🎬","🎨","🎯","🎱","🎳","🎰","🎲","🎮","🎴","🃏","🀄","🎠","🎡","🎢"]

travelandplaces = ["🚃","🚞","🚂","🚋","🚝","🚄","🚅","🚆","🚇","🚈","🚉","🚊","🚌","🚍","🚎","🚐","🚑","🚒","🚓","🚔","🚨","🚕","🚖","🚗","🚘","🚙","🚚","🚛","🚜","🚲","🚏","⛽","🚧","🚦","🚥","🚀","🚁","✈️","💺","⚓","🚢","🚤","⛵","🚡","🚠","🚟","🛂","🛃","🛄","🛅","💴","💶","💷","💵","🗽","🗿","🌁","🗼","⛲","🏰","🏯","🌇","🌆","🌃","🌉","🏠","🏡","🏢","🏬","🏭","🏣","🏤","🏥","🏦","🏨","🏩","💒","⛪","🏪","🏫"]

flags = ["🇦🇺","🇦🇹","🇧🇪","🇧🇷","🇨🇦","🇨🇱","🇨🇳","🇨🇴","🇩🇰","🇫🇮","🇫🇷","🇩🇪","🇭🇰","🇮🇳","🇮🇩","🇮🇪","🇮🇱","🇮🇹","🇯🇵","🇰🇷","🇲🇴","🇲🇾","🇲🇽","🇳🇱","🇳🇿","🇳🇴","🇵🇭","🇵🇱","🇵🇹","🇵🇷","🇷🇺","🇸🇦","🇸🇬","🇿🇦","🇪🇸","🇸🇪","🇨🇭","🇹🇷","🇬🇧","🇺🇸","🇦🇪","🇻🇳"]

objectsandsymbols = ["⌚","📱","📲","💻","⏰","⏳","⌛","📷","📹","🎥","📺","📻","📟","📞","☎️","📠","💽","💾","💿","📀","📼","🔋","🔌","💡","🔦","📡","💳","💸","💰","💎","🌂","👝","👛","👜","💼","🎒","💄","👓","👒","👡","👠","👢","👞","👟","👙","👗","👘","👚","👕","👔","👖","🚪","🚿","🛁","🚽","💈","💉","💊","🔬","🔭","🔮","🔧","🔪","🔩","🔨","💣","🚬","🔫","🔖","📰","🔑","✉️","📩","📨","📧","📥","📤","📦","📯","📮","📪","📫","📬","📭","📄","📃","📑","📈","📉","📊","📅","📆","🔅","🔆","📜","📋","📖","📓","📔","📒","📕","📗","📘","📙","📚","📇","🔗","📎","📌","✂️","📐","📍","📏","🚩","📁","📂","✒️","✏️","📝","🔏","🔐","🔒","🔓","📣","📢","🔈","🔉","🔊","🔇","💤","🔔","🔕","💭","💬","🚸","🔍","🔎","🚫","⛔","📛","🚷","🚯","🚳","🚱","📵","🔞","🉑","🉐","💮","㊙️","㊗️","🈴","🈵","🈲","🈶","🈚","🈸","🈺","🈷","🈹","🈳","🈂","🈁","🈯","💹","❇️","✳️","❎","✅","✴️","📳","📴","🆚","🅰","🅱","🆎","🆑","🅾","🆘","🆔","🅿️","🚾","🆒","🆓","🆕","🆖","🆗","🆙","🏧","♈","♉","♊","♋","♌","♍","♎","♏","♐","♑","♒","♓","🚻","🚹","🚺","🚼","♿","🚰","🚭","🚮","▶️","◀️","🔼","🔽","⏩","⏪","⏫","⏬","➡️","⬅️","⬆️","⬇️","↗️","↘️","↙️","↖️","↕️","↔️","🔄","↪️","↩️","⤴️","⤵️","🔀","🔁","🔂","#️⃣","0️⃣","1️⃣","2️⃣","3️⃣","4️⃣","5️⃣","6️⃣","7️⃣","8️⃣","9️⃣","🔟","🔢","🔤","🔡","🔠","ℹ️","📶","🎦","🔣","➕","➖","〰","➗","✖","✔","🔃","™","©","®","💱","💲","➰","➿","〽️","❗","❓","❕","❔","‼️","⁉️","❌","⭕","💯","🔚","🔙","🔛","🔝","🔜","🌀","Ⓜ️","⛎","🔯","🔰","🔱","⚠️","♨️","♻️","💢","💠","♠️","♥️","♣️","♦️","☑️","⚪","⚫","🔘","🔴","🔵","🔺","🔻","🔸","🔹","🔶","🔷","▪️","▫️","⬛","⬜","◼️","◻️","◾️","◽","🔲","🔳","🕐","🕜","🕑","🕝","🕒","🕞","🕓","🕟","🕔","🕠","🕕","🕡","🕖","🕢","🕗","🕣","🕘","🕤","🕙","🕥","🕚","🕦","🕛","🕧"]

[notwaldorf]

😻🚢😻

[muan]

Other to-dos aren't blocking this.

[notwaldorf]

🎉 🎈 🍰