Icons 2: electric boogaloo

- More sizes
- webmanifest file for even more versions
- symlink icons instead of copying them; fewer binaries in the repo.

assets/apple-touch-icon.png

@@ -0,0 +1 @@
+../static/apple-touch-icon.png

assets/favicon.png

@@ -0,0 +1 @@
+../static/favicon.png

assets/mask.svg

@@ -1 +0,0 @@
-<svg height="1024" width="1024" xmlns="http://www.w3.org/2000/svg"><path d="M348.4 721.7q-15.4 0-30-4.6t-25.3-15.4q-10.8-10.8-15.4-25.3-4.6-14.6-4.6-30t4.6-30q4.6-14.6 15.4-25.3 10.8-10.8 25.3-15.4 14.6-4.6 30-4.6t30 4.6q14.6 4.6 25.3 15.4 10.8 10.8 15.4 25.3 4.6 14.6 4.6 30t-4.6 30q-4.6 14.6-15.4 25.3-10.8 10.8-25.3 15.4-14.6 4.6-30 4.6zm0-268.8q-15.4 0-30-4.6t-25.3-15.4q-10.8-10.8-15.4-25.3-4.6-14.6-4.6-30t4.6-30q4.6-14.6 15.4-25.3 10.8-10.8 25.3-15.4 14.6-4.6 30-4.6t30 4.6q14.6 4.6 25.3 15.4 10.8 10.8 15.4 25.3 4.6 14.6 4.6 30t-4.6 30q-4.6 14.6-15.4 25.3-10.8 10.8-25.3 15.4-14.6 4.6-30 4.6zM654.8 873l-58.4-44.5q45.3-53.8 64.5-107.5-17.7-2.3-33-12.3-14.6-10.8-21.5-27.6-6.1-16.9-6.1-34.6 0-15.4 4.6-30t15.4-25.3q10.8-10.8 25.3-15.4 14.6-4.6 30-4.6t30 4.6q14.6 4.6 25.3 15.4 10.8 10.8 15.4 25.3 4.6 14.6 4.6 30v3.8q-1.5 111.4-96 222.7zm20.7-420.1q-15.4 0-30-4.6t-25.3-15.4q-10.8-10.8-15.4-25.3-4.6-14.6-4.6-30t4.6-30q4.6-14.6 15.4-25.3 10.8-10.8 25.3-15.4 14.6-4.6 30-4.6t30 4.6q14.6 4.6 25.3 15.4 10.8 10.8 15.4 25.3 4.6 14.6 4.6 30t-4.6 30q-4.6 14.6-15.4 25.3-10.8 10.8-25.3 15.4-14.6 4.6-30 4.6z"/></svg>

assets/mask.svg

@@ -0,0 +1 @@
+../static/mask.svg

static/favicon.svg

@@ -0,0 +1 @@
+<svg height="1024" width="1024" xmlns="http://www.w3.org/2000/svg"><rect height="100%" width="100%"/><path d="M348.4 721.7q-15.4 0-30-4.6t-25.3-15.4q-10.8-10.8-15.4-25.3-4.6-14.6-4.6-30t4.6-30q4.6-14.6 15.4-25.3 10.8-10.8 25.3-15.4 14.6-4.6 30-4.6t30 4.6q14.6 4.6 25.3 15.4 10.8 10.8 15.4 25.3 4.6 14.6 4.6 30t-4.6 30q-4.6 14.6-15.4 25.3-10.8 10.8-25.3 15.4-14.6 4.6-30 4.6zm0-268.8q-15.4 0-30-4.6t-25.3-15.4q-10.8-10.8-15.4-25.3-4.6-14.6-4.6-30t4.6-30q4.6-14.6 15.4-25.3 10.8-10.8 25.3-15.4 14.6-4.6 30-4.6t30 4.6q14.6 4.6 25.3 15.4 10.8 10.8 15.4 25.3 4.6 14.6 4.6 30t-4.6 30q-4.6 14.6-15.4 25.3-10.8 10.8-25.3 15.4-14.6 4.6-30 4.6zM654.8 873l-58.4-44.5q45.3-53.8 64.5-107.5-17.7-2.3-33-12.3-14.6-10.8-21.5-27.6-6.1-16.9-6.1-34.6 0-15.4 4.6-30t15.4-25.3q10.8-10.8 25.3-15.4 14.6-4.6 30-4.6t30 4.6q14.6 4.6 25.3 15.4 10.8 10.8 15.4 25.3 4.6 14.6 4.6 30v3.8q-1.5 111.4-96 222.7zm20.7-420.1q-15.4 0-30-4.6t-25.3-15.4q-10.8-10.8-15.4-25.3-4.6-14.6-4.6-30t4.6-30q4.6-14.6 15.4-25.3 10.8-10.8 25.3-15.4 14.6-4.6 30-4.6t30 4.6q14.6 4.6 25.3 15.4 10.8 10.8 15.4 25.3 4.6 14.6 4.6 30t-4.6 30q-4.6 14.6-15.4 25.3-10.8 10.8-25.3 15.4-14.6 4.6-30 4.6z" fill="#fff"/></svg>

static/manifest.webmanifest

@@ -0,0 +1,16 @@
+{
+	"name": "",
+	"short_name": "",
+	"icons": [
+		{
+			"src": "https://seirdy.one/apple-touch-icon.png",
+			"sizes": "192x192",
+			"type": "image/png"
+		},
+		{
+			"src": "https://seirdy.one/favicon.svg",
+			"sizes": "193x193",
+			"type": "image/svg"
+		}
+	]
+}

static/mask.svg

@@ -0,0 +1 @@
+<svg height="1024" width="1024" xmlns="http://www.w3.org/2000/svg"><path d="M348.4 721.7q-15.4 0-30-4.6t-25.3-15.4q-10.8-10.8-15.4-25.3-4.6-14.6-4.6-30t4.6-30q4.6-14.6 15.4-25.3 10.8-10.8 25.3-15.4 14.6-4.6 30-4.6t30 4.6q14.6 4.6 25.3 15.4 10.8 10.8 15.4 25.3 4.6 14.6 4.6 30t-4.6 30q-4.6 14.6-15.4 25.3-10.8 10.8-25.3 15.4-14.6 4.6-30 4.6zm0-268.8q-15.4 0-30-4.6t-25.3-15.4q-10.8-10.8-15.4-25.3-4.6-14.6-4.6-30t4.6-30q4.6-14.6 15.4-25.3 10.8-10.8 25.3-15.4 14.6-4.6 30-4.6t30 4.6q14.6 4.6 25.3 15.4 10.8 10.8 15.4 25.3 4.6 14.6 4.6 30t-4.6 30q-4.6 14.6-15.4 25.3-10.8 10.8-25.3 15.4-14.6 4.6-30 4.6zM654.8 873l-58.4-44.5q45.3-53.8 64.5-107.5-17.7-2.3-33-12.3-14.6-10.8-21.5-27.6-6.1-16.9-6.1-34.6 0-15.4 4.6-30t15.4-25.3q10.8-10.8 25.3-15.4 14.6-4.6 30-4.6t30 4.6q14.6 4.6 25.3 15.4 10.8 10.8 15.4 25.3 4.6 14.6 4.6 30v3.8q-1.5 111.4-96 222.7zm20.7-420.1q-15.4 0-30-4.6t-25.3-15.4q-10.8-10.8-15.4-25.3-4.6-14.6-4.6-30t4.6-30q4.6-14.6 15.4-25.3 10.8-10.8 25.3-15.4 14.6-4.6 30-4.6t30 4.6q14.6 4.6 25.3 15.4 10.8 10.8 15.4 25.3 4.6 14.6 4.6 30t-4.6 30q-4.6 14.6-15.4 25.3-10.8 10.8-25.3 15.4-14.6 4.6-30 4.6z"/></svg>

themes/etch-custom/layouts/partials/head.html

@@ -4,20 +4,23 @@
 	{{ with .Site.Params.description -}}
 	<meta name="description" content="{{ . }}">
 	{{ end }}
-	{{- $favicon := resources.Get "/favicon.png" | resources.Fingerprint "sha384" -}}
+	{{- $icon_192 := resources.Get "/apple-touch-icon.png" | resources.Fingerprint "sha384" -}}
-	{{ printf `<link rel="shortcut icon" href="%s" integrity="%s">` $favicon.RelPermalink $favicon.Data.Integrity | safeHTML }}
+	{{ printf `<link rel="icon" sizes="192x192" href="%s" type="image/png" integrity="%s">` $icon_192.RelPermalink $icon_192.Data.Integrity | safeHTML }}
-	<link href="{{ .Site.BaseURL }}posts/index.xml" rel="alternate" type="application/rss+xml" title="{{ $.Site.Title }}"/>
+	{{ $favicon := resources.Get "/favicon.png" | resources.Fingerprint "sha384" -}}
+	{{ printf `<link rel="icon" sizes="32x32" href="%s" type="image/png" integrity="%s">` $favicon.RelPermalink $favicon.Data.Integrity | safeHTML -}}
+	<!--apple-touch-icon and mask-icon used to be appple-specific, but now
+	 they're pseudo-standards relied upon by other vendors too. See
+	 https://html.spec.whatwg.org/multipage/semantics.html#attr-link-sizes-->
+	{{ printf `<link rel="apple-touch-icon" href="%s" integrity="%s">` $icon_192.RelPermalink $icon_192.Data.Integrity | safeHTML }}
+	{{ $mask_icon := resources.Get "/mask.svg" | resources.Fingerprint "sha384" -}}
+	{{ printf `<link rel="mask-icon" href="%s" integrity="%s" color="black">` $mask_icon.RelPermalink $mask_icon.Data.Integrity | safeHTML }}
+	<link rel="manifest" href="{{ .Site.BaseURL }}manifest.webmanifest">
+	<link rel="alternate" type="application/rss+xml" href="{{ .Site.BaseURL }}posts/index.xml" title="{{ $.Site.Title }}"/>
 	{{ if eq .Site.BaseURL "https://envs.net/~seirdy/" -}}
 	<meta name="robots" content="noindex">
 	{{ else -}}
 	<link rel="canonical" href="https://seirdy.one{{ .RelPermalink }}"/>
 	{{ end -}}
-	<!--It used to be appple-specific, but now it's a pseudo-standard
-	 relied upon by other vendors too.-->
-	{{- $apple_icon := resources.Get "/apple-touch-icon.png" | resources.Fingerprint "sha384" -}}
-	{{ printf `<link rel="apple-touch-icon" href="%s" integrity="%s">` $apple_icon.RelPermalink $apple_icon.Data.Integrity | safeHTML }}
-	{{- $mask_icon := resources.Get "/mask.svg" | resources.Fingerprint "sha384" -}}
-	{{ printf `<link rel="mask" href="%s" integrity="%s">` $mask_icon.RelPermalink $mask_icon.Data.Integrity | safeHTML }}
 	{{ $resources := slice -}}
 	{{ $resources = $resources | append (resources.Get "/css/main.css") -}}
 	{{ $resources = $resources | append (resources.Get "/css/narrow.css") -}}