2020/West/hovercards

 Hovercards  was a session at IndieWebCamp West 2020.

Watch:

Notes archived from etherpad: https://etherpad.indieweb.org/hovercards

IndieWebCamp West 2020 Session: Hovercards When: 2020-06-27 17:00

Proposal
a convenient card to provide more information about ther person often including photos, a description, and where they can be found on the web. How can we create an easier way of doing this on IndieWeb sites (preferrably using only HTML with a bit of CSS)? Perhaps we can leverage the idea of an h-card or services like unmung.com or other parser coded? Could a service along the lines of Quotebacks be created to make it easier to cut and paste data into posts? Could they include simple one button functionality that dovetails with readers to make following people in feed readers or social readers?  I think though that if we want the IndieWeb to succeed, we will have to find some method of making directly mentioning people in posts simpler; it&#39;s really difficult to do @-mentions without middleman platforms right now. &mdash; Katherine M. Moss (@Cambridgeport90) June 21, 2020  I am way into this. After all, if you have (a link to) someone's h-card, aren't you one (?) step away from all the info you need? The JS demands don't seem too high -- make a request, put those values into an HTML tree, insert into the DOM -- but devils dwell in details, and I am not a web developer. "find some method of making directly mentioning people" YES
 * Many social silos (like Twitter, WordPress (via Gravatar)) have hovercard functionality that allows one to hover over a user's name and it pulls up
 * Examples:
 * https://kartikprabhu.com/static/demo/simple-hovercard.html
 * http://www.kevinmarks.com/indiewebcamplondon2020.html
 * Perhaps this is another piece to think about as well:
 * #Hovercards
 * +1
 * +1 undefined - would love to understand the use-case to see if we can do pure-CSS (no JS) hovercards, sounds like a fun hack project, maybe even a web component? (My demo linked above already does CSS-only! ;) - Kartik)

Participants

 * Joseph Dickson
 * mJordan
 * Paulo Pinto
 * Hibs
 * mJordan
 * Paulo Pinto
 * Hibs
 * Hibs
 * Hibs