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

{{ $favicon := resources.Get "/favicon.png" -}}
{{- $favicon_base64 := $favicon.Content | base64Encode -}}
{{- $favicon_bigpng := resources.Get "/favicon192.png" | resources.Fingerprint "md5" -}}
{{- $favicon_svg := resources.Get "/favicon.svg" | resources.Fingerprint "md5" -}}
{{- if in site.BaseURL ".onion" -}}
<img itemprop="image" class="u-photo photo" width="16" height="16" alt=""
	src="data:image/png;base64,{{ $favicon_base64 }}" />
{{- else -}}
<picture itemprop="image">
	<source srcset="{{ $favicon_svg.RelPermalink }}" type="image/svg+xml" />
	<img class="u-photo photo" width="16" height="16" alt=""
		src="{{ $favicon_bigpng.RelPermalink }}" />
</picture>
{{- end -}}
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-04 17:29:05 -07:00			`{{ $favicon := resources.Get "/favicon.png" -}}`
			`{{- $favicon_base64 := $favicon.Content \| base64Encode -}}`
Give indieweb icon a PNG fallback This should improve compatibility with older and non-mainstream browsers. 2022-06-09 08:34:49 -07:00			`{{- $favicon_bigpng := resources.Get "/favicon192.png" \| resources.Fingerprint "md5" -}}`
Include SVG version of u-photo on homepage Useful for other IndieWeb software that parses homepages and renders avatars. 2022-03-08 19:03:09 -08:00			`{{- $favicon_svg := resources.Get "/favicon.svg" \| resources.Fingerprint "md5" -}}`
Give indieweb icon a PNG fallback This should improve compatibility with older and non-mainstream browsers. 2022-06-09 08:34:49 -07:00			`{{- if in site.BaseURL ".onion" -}}`
Don't include an unused png fallback for an SVG No browser I know of falls back to a PNG when given an SVG with a PNG fallback. The Tor version of my site uses no SVGs. Exclude the SVG favicon in the Tor version of the site, since the Tor Browser disables SVG on the safest setting. 2022-03-10 21:27:40 -08:00			`<img itemprop="image" class="u-photo photo" width="16" height="16" alt=""`
Give indieweb icon a PNG fallback This should improve compatibility with older and non-mainstream browsers. 2022-06-09 08:34:49 -07:00			`src="data:image/png;base64,{{ $favicon_base64 }}" />`
Don't include an unused png fallback for an SVG No browser I know of falls back to a PNG when given an SVG with a PNG fallback. The Tor version of my site uses no SVGs. Exclude the SVG favicon in the Tor version of the site, since the Tor Browser disables SVG on the safest setting. 2022-03-10 21:27:40 -08:00			`{{- else -}}`
Give indieweb icon a PNG fallback This should improve compatibility with older and non-mainstream browsers. 2022-06-09 08:34:49 -07:00			`<picture itemprop="image">`
			`<source srcset="{{ $favicon_svg.RelPermalink }}" type="image/svg+xml" />`
			`<img class="u-photo photo" width="16" height="16" alt=""`
			`src="{{ $favicon_bigpng.RelPermalink }}" />`
			`</picture>`
			`{{- end -}}`