Add favicon assets

apps/block_scout_web/assets/static/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

apps/block_scout_web/assets/static/safari-pinned-tab.svg

@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1240 4188 c-123 -42 -202 -96 -276 -193 -33 -43 -78 -132 -89 -178
+-4 -15 -19 -36 -34 -47 -70 -54 -86 -67 -116 -100 -42 -44 -85 -96 -113 -136
+-34 -50 -168 -323 -163 -333 2 -2 -1 -7 -6 -10 -4 -3 -15 -22 -25 -41 -9 -19
+-40 -84 -68 -145 -29 -60 -74 -154 -101 -208 -27 -54 -49 -104 -49 -112 0 -8
+-4 -15 -9 -15 -5 0 -12 -10 -16 -22 -4 -13 -8 -25 -9 -28 -1 -3 -19 -38 -39
+-78 -37 -72 -91 -220 -101 -277 -3 -16 -10 -52 -15 -80 -9 -49 -8 -290 2 -330
+2 -11 8 -40 12 -65 4 -25 10 -49 13 -55 4 -5 8 -21 10 -35 2 -13 7 -29 11 -35
+4 -5 13 -29 21 -52 7 -24 17 -43 22 -43 4 0 8 -8 8 -18 0 -10 14 -39 30 -65
+17 -26 30 -52 30 -57 0 -6 5 -10 10 -10 6 0 10 -5 10 -11 0 -6 6 -16 12 -23 7
+-7 24 -28 38 -47 134 -182 382 -339 623 -394 102 -23 315 -39 342 -26 6 3 19
+6 30 6 11 1 45 5 75 10 30 5 57 9 60 10 3 0 11 4 18 8 6 5 12 6 12 3 0 -3 30
+6 68 20 37 14 72 27 77 28 16 3 115 56 172 92 178 114 345 316 423 514 32 80
+59 178 66 235 7 68 11 77 31 74 10 0 20 0 23 1 44 17 303 25 460 15 190 -12
+186 -11 188 -52 1 -28 7 -61 16 -91 3 -9 7 -28 10 -42 15 -84 85 -240 156
+-345 49 -73 175 -207 251 -267 56 -45 212 -127 296 -157 186 -66 380 -80 592
+-45 55 9 181 53 261 91 216 103 405 288 511 503 22 43 39 82 39 87 0 4 6 20
+14 34 17 33 25 64 50 193 13 65 15 294 4 356 -14 77 -37 163 -55 210 -4 8 -7
+17 -8 20 -1 3 -6 16 -12 30 -31 72 -56 127 -113 245 -34 72 -86 180 -115 240
+-29 61 -81 169 -116 240 -34 72 -63 132 -64 135 -5 22 -87 176 -118 222 -47
+70 -146 173 -209 217 -28 20 -49 44 -53 60 -3 14 -22 59 -43 100 -128 256
+-448 362 -713 236 -117 -55 -228 -177 -271 -299 -21 -59 -19 -56 -54 -61 -16
+-2 -49 -8 -74 -14 -49 -10 -165 -25 -192 -23 -22 1 -25 -3 -32 -62 -11 -77
+-37 -129 -89 -175 -50 -44 -63 -51 -108 -66 -100 -34 -197 -19 -291 43 -65 42
+-118 141 -120 223 -1 16 -6 29 -12 30 -6 0 -20 2 -31 5 -11 2 -40 6 -65 9 -25
+3 -61 8 -80 12 -19 3 -44 7 -55 8 -89 13 -89 13 -124 95 -51 120 -148 221
+-261 273 -100 47 -108 48 -235 51 -76 2 -113 -2 -155 -16z"/>
+</g>
+</svg>

apps/block_scout_web/assets/static/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

apps/block_scout_web/lib/block_scout_web/templates/layout/app.html.eex

@@ -6,6 +6,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title><%= gettext "BlockScout" %></title>
     <link rel="stylesheet" href="<%= static_path(@conn, "/css/app.css") %>">
+
+    <link rel="apple-touch-icon" sizes="180x180" href="<%= static_path(@conn, "/apple-touch-icon.png") %>">
+    <link rel="icon" type="image/png" sizes="32x32" href="<%= static_path(@conn, "/favicon-32x32.png") %>">
+    <link rel="icon" type="image/png" sizes="16x16" href="<%= static_path(@conn, "/favicon-16x16.png") %>">
+    <link rel="manifest" href="<%= static_path(@conn, "/site.webmanifest") %>">
+    <link rel="mask-icon" href="<%= static_path(@conn, "/safari-pinned-tab.svg") %>" color="#5bbad5">
+    <link rel="shortcut icon" href="<%= static_path(@conn, "/favicon.ico") %>">
+    <meta name="msapplication-TileColor" content="#7dd79f">
+    <meta name="msapplication-config" content="<%= static_path(@conn, "/browserconfig.xml") %>">
+    <meta name="theme-color" content="#ffffff">
   </head>
 
   <body>