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.Β
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.