fix(site): rm duplicate mask-icon; refactor(site): reorder <head> (coder#425)

G r e y · web-flow · commit 80577d0186f9 · 2022-03-13T20:24:50.000-04:00
* fix(site): remove duplicate mask-icon

/favicon.svg should 404, but it's also a duplicate of the mask-icon
that has crossorigin="use-credentials"

refactor(site): link attribute ordering

I believe the former duplication of rel="mask-icon" was because the
crossorigin and rel attributes made it less readable.

* refactor(site): reorder link and meta tags
diff --git a/site/html_templates/index.html b/site/html_templates/index.html
@@ -2,16 +2,15 @@
 
 <head>
   <meta charset="utf-8" />
-  <link rel="mask-icon" href="/favicon.svg" color="#000000" />
-  <link rel="alternate icon" type="image/png" href="/favicon.png" />
-  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="application-name" content="Coder" />
   <meta name="theme-color" content="#17172E" />
+  <meta name="application-name" content="Coder" />
   <meta property="og:type" content="website" />
-  <meta property="csrf-token" content="{{ .CSRF.Token }}" />
   <meta property="csp-nonce" content="{{ .CSP.Nonce }}" />
-  <link crossorigin="use-credentials" rel="mask-icon" href="/static/favicon.svg" color="#000000" />
+  <meta property="csrf-token" content="{{ .CSRF.Token }}" />
+  <link rel="mask-icon" href="/static/favicon.svg" color="#000000" crossorigin="use-credentials" />
+  <link rel="alternate icon" type="image/png" href="/favicon.png" />
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
   <title>Coder</title>
 </head>
 
