61°F

Aaron Parecki

  • Articles
  • Notes
  • Photos
  • Emoji Avatars for My Website

    February 25, 2019

    My previous avatar was almost 3 years old, and I was getting tired of it. I decided to replace my avatar on my website for my IndieWebCamp Austin hack day project. But if you know me, you know I can't do anything the easy way. For my hack day project I made the avatar on each post in my website change depending on the emoji I use in the post!

    I've had a page on my website for a while now that shows all the emoji I use in my posts. It's sorted by most frequently used emoji.

    https://aaronparecki.com/emoji

    If you click on an emoji, you can see all the posts that include that emoji, kind of like a tag. This has been pretty fun, but I wanted to take it one step further.

    Before I left for Austin, I did a little photo shoot at home. I took pictures of myself making a bunch of faces, and even with a few different props like a mug of beer, eating a pizza, holding an umbrella, etc. I added all these pictures to my admin interface and mapped them to the emoji I frequently use.

    (There's a bunch more, but I'll leave that to you to find them!) And now, whenever a post includes an emoji, it will swap the photo that's used as the avatar! Here are a few highlights.

    I'm looking forward to being surprised when I forget this exists and randomly use an emoji in a post and see a different photo!

    If you'd like to see the video of my demo of this feature, and the rest of the demos at IndieWebCamp, you can watch them here!

    I had a great time at IndieWebCamp Austin this weekend! Thanks to everyone for joining us this weekend, and special thanks to Manton for organizing!

    Austin, Texas • 52°F
    Mon, Feb 25, 2019 9:58am -06:00 #emoji #p3k #indiewebcamp #indieweb
    30 likes 3 reposts 1 bookmark 9 replies 8 mentions
    • James' Coffee Blog
    • capjamesg
    • ~lohn
    • Johan Bové 🇪🇺
    • Sebastiaan Andeweg
    • Jonas Voss
    • Barry Frost
    • Eddie Hinkle
    • Marty McGuire
    • Jonathan LaCour
    • Vincent Pickering
    • Joschi Kuphal 吉
    • Nate Barbettini
    • Benjamin Chait
    • Matthias Pfefferle
    • 😙 🍷 TC19 🍺 😄
    • Alexander Cobleigh
    • Kapowski
    • Eddie Hinkle
    • Nathan Fritz 🌯 🤔
    • Xavier Roy
    • Markus Heurung
    • Matt Raible
    • Eric Zieger
    • Matthias Ott
    • Jason McIntosh
    • mJordan
    • Max
    • Sebastian Weiss
    • Neojet
    • Jan Boddez
    • Matthias Ott
    • Jee
    • Vincent Pickering
    • Christina Warren twitter.com/film_girl
      That’s an excellent idea
      Mon, Aug 15, 2022 7:18pm +00:00 (via brid.gy)
    • Kevin Marks twitter.com/kevinmarks
      You could do what @aaronpk does and have a profile pic to match each emoji. aaronparecki.com/2019/02/25/9/e…
      Mon, Aug 15, 2022 7:17pm +00:00 (via brid.gy)
    • Amit Gawande www.amitgawande.com

      This is great! Ah, it makes so much sense — I am envious of how you always come up with cool hack projects. Frankly speaking, it’s surprising no social network explored this fun concept. Kudos!

      Tue, Feb 26, 2019 10:32pm -06:00
    • Aaron Davis readwriterespond.com
      💬 Emoji Avatars for My Website
      Tue, Feb 26, 2019 9:13pm +11:00
    • Matthias Ott twitter.com/m_ott
      Hahaha, brillant! 🤣
      Tue, Feb 26, 2019 8:07am +00:00 (via brid-gy.appspot.com)
    • Zachary Dunn adhoc.systems
      Lol, this is awesome!
      Mon, Feb 25, 2019 2:52pm -06:00
    • Eddie Hinkle twitter.com/EddieHinkle
      Interestingly, on the Twitter copy of this post, it shows an image. However, that image is NOT a visible part of either this post or the article you linked to. Where is it coming from? (eddiehinkle.com/2019/02/25/9/r…)
      Mon, Feb 25, 2019 6:16pm +00:00 (via brid-gy.appspot.com)
    • Michael mastodon.xyz/@nortix

      @aaronpk Great. 👍 I like the rotating avatar in the About me Section.

      Mon, Feb 25, 2019 5:28pm +00:00
    • Matthias Pfefferle twitter.com/pfefferle
      So funny :)

      I was just curious aaronparecki.com/emoji/%F0%9F%9… ;)
      Mon, Feb 25, 2019 4:38pm +00:00 (via brid-gy.appspot.com)

    Other Mentions

    • Chris Aldrich boffosocko.com
      What is your creative dream for the web?
      Mon, Mar 2, 2020 9:09pm -08:00
    • Jan Boddez twitter.com/janboddez
      Now that's creative web development! 'Emoji Avatars for My Website' aaronparecki.com/2019/02/25/9/e…
      Fri, Mar 8, 2019 12:45pm +00:00 (via brid-gy.appspot.com)
    • Mickaël Rémond twitter.com/mickael
      Emoji avatar: aaronparecki.com/2019/02/25/9/e…

      Cool idea by @aaronpk
      The website selects the avatar based on emojis used in the post itself
      Thu, Feb 28, 2019 9:15am +00:00 (via brid-gy.appspot.com)
    • Jean MacDonald twitter.com/macgenie
      This is so much fun. In each post, the photo of Aaron displayed as his avatar changes-- based on the emoji he uses in the post! What a fun photo shoot it must have been to make these. / cc: @jeremyburge
      Wed, Feb 27, 2019 3:51pm +00:00 (via brid-gy.appspot.com)
    • Lillian Karabaic twitter.com/anomalily
      Watching @aaronpk shoot the photos for him was just him running out of the studio gathering random objects “I need a martini glass! I need a cat! I need hearts! I need a whiskey glass!”
      Mon, Feb 25, 2019 5:25pm +00:00 (via brid-gy.appspot.com)
    • Adactio Links twitter.com/adactioLinks
      Emoji Avatars for My Website • Aaron Parecki aaronparecki.com/2019/02/25/9/e…
      Mon, Feb 25, 2019 4:47pm +00:00 (via brid-gy.appspot.com)
    • Aaron Parecki aaronparecki.com
      I just launched my favorite new feature on my website: emoji avatars 🤣 https://aaronparecki.com/2019/02/25/9/emoji
      Mon, Feb 25, 2019 10:17am -06:00
    • Marek Foss blog.process-one.net/author/mfoss
      Real-time Stack #24
      Wed, Aug 21, 2019 5:15am -06:00
Posted in /articles using quill.p3k.io

Hi, I'm Aaron Parecki, Director of Identity Standards at Okta, and co-founder of IndieWebCamp. I maintain oauth.net, write and consult about OAuth, and participate in the OAuth Working Group at the IETF. I also help people learn about video production and livestreaming. (detailed bio)

I've been tracking my location since 2008 and I wrote 100 songs in 100 days. I've spoken at conferences around the world about owning your data, OAuth, quantified self, and explained why R is a vowel. Read more.

  • Director of Identity Standards at Okta
  • IndieWebCamp Founder
  • OAuth WG Editor
  • OpenID Board Member

  • 🎥 YouTube Tutorials and Reviews
  • 🏠 We're building a triplex!
  • ⭐️ Life Stack
  • ⚙️ Home Automation
  • All
  • Articles
  • Bookmarks
  • Notes
  • Photos
  • Replies
  • Reviews
  • Trips
  • Videos
  • Contact
© 1999-2025 by Aaron Parecki. Powered by p3k. This site supports Webmention.
Except where otherwise noted, text content on this site is licensed under a Creative Commons Attribution 3.0 License.
IndieWebCamp Microformats Webmention W3C HTML5 Creative Commons
WeChat ID
aaronpk_tv