A Hovercard also known as a h-card is a bit of content that’s shared about you on your website kinda like a visual/interactive business card. Implementation looks like Gravitar. It can contain far more information and is self-hosted.

Comments

4 responses to “Hovercards”

  1. Chris Aldrich Avatar

    Joseph, I thought I caught you say it during the demos, but wasn’t 100% sure. Reading this, confirms it. You’re conflating two different but very similar ideas.
    h-card is a microformat class around the mark up of data about identity elements like names, addresses, cities, countries, and often including an avatar or photo. Hovercard is a UI element that creates a visual card when one hovers over a name or similar element that would contain h-card details.
    Gravatar serves some of these functions for WordPress from a centralized perspective. The data you would imput there would be wrapped with the h-card class, while Jetpack would give you the ability to display Gravatars as hovercards, so that when you hover over an avatar it will display more detail about the person in a small card-like UI.
    For your experimentation purposes, you should be able to use just one post to test against my site. Once you’ve modified your theme, you can simply resend the webmention to my site and that will automatically update your original post. You don’t need to create new posts each time to test it out.
    If you haven’t gotten it cleared up, do join us in the IndieWeb #WordPress channel, or catch us at an upcoming HWC event.

    1. Joseph Dickson Avatar

      Thanks for the clarification, I thought they were the same thing. 😀

      1. Chris Aldrich Avatar

        Ohhh! Your name comes across properly now in the comments properly. Now we just need to get the u-photo microformat on your h-card squared away…

        1. Joseph Dickson Avatar

          I’ll get there eventually. 😀

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.