seirdy.one/layouts/shortcodes/indieweb-author.html

<!-- re-using the indefinetly-cached favicon to avoid bloating page size -->
{{ $favicon := resources.Get "/favicon.png" | resources.Fingerprint "md5" -}}
<span itemprop="author" class="h-card p-author"><a href="https://seirdy.one" rel="author home" class="u-url url"><img class="u-photo" src="{{ $favicon.RelPermalink }}" width="16" height="16" alt="Rohan Kumar" > <span class="p-name"><span class="p-given-name">Rohan</span> <span class="p-family-name">Kumar</span></span></a></span>
Indieweb: add u-photo and h-entry where relevant Inspired by the h-entry implementation on Charlie Owen's personal website: https://whalecoiner.com The u-photo re-uses the 32px favicon that the browser has already cached, so it shouldn't bloat up the page anymore. These changes required a bit of additional CSS. I snuck in come color changes too. 2020-12-29 13:12:57 -08:00			`<!-- re-using the indefinetly-cached favicon to avoid bloating page size -->`
			`{{ $favicon := resources.Get "/favicon.png" \| resources.Fingerprint "md5" -}}`
Metadata: Improve microformats + microdata - Wrap the <a> in a <span> to make the h-entry expose an author URL (link to homepage). Useful for sending Webmentions. - Switch from schema.org/Article to schema.org/BlogPosting 2021-01-19 21:15:21 -08:00			`<span itemprop="author" class="h-card p-author"><a href="https://seirdy.one" rel="author home" class="u-url url"><img class="u-photo" src="{{ $favicon.RelPermalink }}" width="16" height="16" alt="Rohan Kumar" > <span class="p-name"><span class="p-given-name">Rohan</span> <span class="p-family-name">Kumar</span></span></a></span>`