Summary

This website displays all of Emote Dealer's emotes as an image gallery, updated dynamically every time an emote is added or removed.

Check out the emotes now!

Creation Process

Creation

Emotes.freelancepolice.org displays the emote images that the Emote Dealer Discord bot has available to use. Check out that project page if you haven’t yet for better understanding of this project.

Emote Dealer solved a basic problem, but it also led to another one: too many emotes. We’d forget what emotes we actually had or what they’re called, so sometimes we’d just guess until we found the one we wanted. Initially, I added a /emotes command to Emote Salesman that would send a list of all emotes, but it didn’t look pleasing and it didn’t tell you what the emotes looked like. So I decided to make a website instead.

Like duke.freelancepolice.org, this website uses an HTML template to dynamically populate a CSS Grid using jQuery. It does so by doing an AJAX call to the images sub-directory, and displaying every file ending in .gif, .png, or .jpg in that directory alongside its filename (which is also its Emote Dealer keyword to use on Discord). This images folder is always up to the day with the emotes directory because it’s actually just a symbolic link pointing to the emotes folder! In fact, if you open the emotes.freelancepolice.org/images/ URL you’ll see emote_dealer.py in there, the Emote Dealer Python script!

This website was made entirely by me. The gifs and images are property of their respective owners.

Check out the source code