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

{{ $favicon := resources.Get "/favicon.png" -}}
{{- $favicon_base64 := $favicon.Content | base64Encode -}}
{{- $favicon_svg := resources.Get "/favicon.svg" | resources.Fingerprint "md5" -}}
{{- $favicon_bigpng := resources.Get "/apple-touch-icon.png" | resources.Fingerprint "md5" -}}
<img itemprop="image" class="u-photo photo" width="16" height="16" alt=""
{{ if (eq .Site.BaseURL "http://wgq3bd2kqoybhstp77i3wrzbfnsyd27wt34psaja4grqiezqircorkyd.onion/") -}}
	src="data:image/png;base64,{{ $favicon_base64 }}" srcset="{{ $favicon_bigpng.RelPermalink }} 2x"
{{- else -}}
	src="{{ $favicon_svg.RelPermalink }}"
{{- 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 -}}`
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" -}}`
			`{{- $favicon_bigpng := resources.Get "/apple-touch-icon.png" \| resources.Fingerprint "md5" -}}`
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=""`
			`{{ if (eq .Site.BaseURL "http://wgq3bd2kqoybhstp77i3wrzbfnsyd27wt34psaja4grqiezqircorkyd.onion/") -}}`
			`src="data:image/png;base64,{{ $favicon_base64 }}" srcset="{{ $favicon_bigpng.RelPermalink }} 2x"`
			`{{- else -}}`
			`src="{{ $favicon_svg.RelPermalink }}"`
Don't use SVG for the hidden service The Tor Browser's "safest" mode blocks SVG rendering, but the browser doesn't download or use any fallback images because of fingerprinting concerns. 2022-03-08 19:12:25 -08:00			`{{- end -}}`
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			`>`