I started working on webmention displays for the dashboard in Tanzawa. Preview πŸ‘‡:

The base webmention layout


Content is plain text and limited to 140 characters (after which it will truncate nicely). There's a link to review it on the left and the source of the webmention is also linked. The webmention kind is displayed on the bottom right if it can be determined.

Using the html5 <object> tag I can handle broken images or no author photo quite easily.Β 

A broken author photo example


Come to think of it...these could be used as the base for displaying the interactions in a post as well...
Interactions
1
  • Inspired by James' work on Tanawa I decided to include avatars for webmentions. It's something I've been on the fence about for a while but have finally opted to include. It helps to break up the block of text made by multiple comments and is in keeping with the indieweb and social landscapes. avatars If no avatar is found then a circle with the first letter of the given name will be displayed. I've still got to add an <object> tag to display a default icon if the found image URL no longer works and then make some dark mode adjustments but it's nearly there.