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

<!-- re-using the indefinetly-cached favicon to avoid bloating page size -->
{{ $favicon := resources.Get "/favicon.png" -}}
{{- $favicon_base64 := $favicon.Content | base64Encode -}}
<span itemprop="author" itemscope itemtype="https://schema.org/Person" class="h-card p-author vcard"><a itemprop="url" href="https://seirdy.one" rel="author home" class="u-url url"><img itemprop="image" class="u-photo photo" src="data:image/png;base64,{{ $favicon_base64 }}" width="16" height="16" alt="Rohan Kumar"> <span itemprop="name" class="p-name fn n"><span itemprop="givenName" class="p-given-name given-name">Rohan</span> <span itemprop="familyName" class="p-family-name 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 21:12:57 +00:00			`<!-- re-using the indefinetly-cached favicon to avoid bloating page size -->`
Inline favicon The favicon is 175 bytes, smaller than the size of the HTTP headers to fetch it. It can be inlined. Now, pages that don't have any other images need just a single request. 2021-06-05 00:29:05 +00:00			`{{ $favicon := resources.Get "/favicon.png" -}}`
			`{{- $favicon_base64 := $favicon.Content \| base64Encode -}}`
IndieWeb: more semantic markup The only visible change to page display should be author names in webmentions. Besides that, this commit only alters the underlying markup to improve metadata extraction. - Add more microdata for webmentions, authors, dates, etc. - Add microformats2 for webmentions - Add authors to webmention text, when available. 2022-02-10 22:22:37 +00:00			<span itemprop="author" itemscope itemtype="https://schema.org/Person" class="h-card p-author vcard"><a itemprop="url" href="https://seirdy.one" rel="author home" class="u-url url"><img itemprop="image" class="u-photo photo" src="data:image/png;base64,{{ $favicon_base64 }}" width="16" height="16" alt="Rohan Kumar"> <span itemprop="name" class="p-name fn n"><span itemprop="givenName" class="p-given-name given-name">Rohan</span> <span itemprop="familyName" class="p-family-name family-name">Kumar</span></span></a></span>