๐จ Emojis 'n Books 1.
We are neither fans nor non-fans of emojis. They can be cool, but they can also be misused. What we wanted to do was provide an emoji widget on the connect button to make it feel more โconnected,โ as just saying the word โConnect.โ seems so distant. So, on a quick break, we coded a feature for the connect button.
Below is a quick index of this blog notes post.
The problem
The solution.
The impact.
1/3. The problem:
The problem is that the โConnect.โ button feels like we donโt care, like we just wrote 'Connect.' because everyone else does. Thatโs fine, as it works, but we wanted an enhancement thatโs more in tune with the moments people experience when they visit the website hub.
2/3. The solution:
We found the emojis that are relevant to the working week and weekends, such as commuting emojis (๐, ๐ถโโ๏ธ, ๐), lunch break emojis (๐, ๐ฅช, ๐), and other daily moments many face. We then defined the times these moments are most likely to occur, did some coding to make them appear on the โ๐ Connect.โ button at the right moment.
3/3. The impact:
You tell us. We like it, but โweโ can feel divisive, as we are you, you are us, and we're all on this journey to democratize wisdom hacks for everyoneโsubtle and easy to apply. It's on the desktop version, with mobile coming soon. Check it out and refresh the page to see it. If you think it's ****, tell us, but donโt write **** as the email might get filtered.
Extra:
101. Whats The Code?
A sample of the code is below. Are there any emojis you think are needed that represent the working week? We could add emojis like โ๐คฎโ for those moments we all know, or โ๐คฌโ or โ๐โ since there are also many great working moments, but let's keep it generic at this stage. So, please โ๐ Connect.โ or โ๐ Connect.โ with us :). <3.
// Define the emoji sets
const breakfastEmojis = ["๐ฅ", "๐ณ", "๐ฅ", "๐ฅ", "๐", "๐ง", "๐ฅ", "๐ ", "๐ซ", "๐ฏ", "๐", "๐", "๐ฝ", "โ๏ธ", "๐ฅ", "๐ฅ", "๐ฅฏ"];
const businessEmojis = ["๐ผ", "๐", "๐", "๐๏ธ", "๐ ", "๐ป", "๐๏ธ", "๐ฐ", "๐"];
const creativeEmojis = ["๐จ", "โ๏ธ", "๐ญ", "๐ฌ", "๐ธ", "๐ง", "๐ค", "๐ผ", "๐ป"];
const lunchEmojis = ["๐ฅช", "๐ฅ", "๐", "๐", "๐", "๐", "๐", "๐ฏ", "๐", "๐ฃ"];
const commuteEmojis = ["๐ถโโ๏ธ", "๐ถโโ๏ธ", "๐ฒ", "๐ด", "๐", "๐", "๐", "๐", "๐", "๐", "๐", "๐", "โ๏ธ", "๐ซ", "๐", "๐ค", "โด๏ธ", "๐ฆ", "โฝ"]
const defaultEmoji = "๐"; // Default fries emoji
const sleepEmoji = "๐ด"; // Sleep emoji after midnight
// Helper function to get a random emoji from a set
function getRandomEmoji(emojiSet) {
return emojiSet[Math.floor(Math.random() * emojiSet.length)];
}
102. Emojis Work With?
You will notice in the code that there are emojis that feel almost old-school or retro, with some assuming all offices are briefcases. While we know thatโs not the case, we respect everyoneโs views, so some emojis are added as a playful vibe at incorrect assumptions about the working world, while also serving as a love letter to it.
