Use new Phly artwork as favicon

index.html

@@ -4,28 +4,17 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <title>stay phly!</title>
-  <link id="favicon" rel="icon" href="data:,">
+  <link rel="icon" type="image/png" href="https://teahub-runtime.fly.dev/boring/blobs/download/eyJleHAiOjE3OTEwODg0MTcsImtpbmQiOiJkb3dubG9hZCIsInNoYTI1NiI6IjdmNmM1NjIyZThhZjFhYjQ5MjQwZTFkOTQ4ZTRkYzY2ODhlYmIyYTI2ODgxZjMwNWE4YTRjMzc1ZjRiMDNiZTYifQ.V_VfL7K165hIp1NOMM3TxkQIEM242RMDujkjalJLfTI">
-  <link id="apple-touch-icon" rel="apple-touch-icon" href="data:,">
+  <style>html,body{height:100%;margin:0}body{display:grid;place-items:center;background:#fff}img{display:block;width:min(72vw,760px);height:auto;max-height:82vh;object-fit:contain}</style>
-  <style>
-    html,body{height:100%;margin:0}
-    body{display:grid;place-items:center;background:#fff}
-    img{display:block;width:min(72vw,760px);height:auto;max-height:82vh;object-fit:contain}
-  </style>
 </head>
 <body>
   <img id="phly" alt="">
   <script>
-    fetch('phly-mascot.b64')
+    fetch('phly-mascot.b64').then(r=>r.text()).then(s=>{
-      .then(r=>{if(!r.ok) throw new Error('asset'); return r.text()})
+      const bin=atob(s.trim()),bytes=new Uint8Array(bin.length);
-      .then(s=>{
+      for(let i=0;i<bin.length;i++)bytes[i]=bin.charCodeAt(i);
-        const bin=atob(s.trim()), bytes=new Uint8Array(bin.length);
+      document.getElementById('phly').src=URL.createObjectURL(new Blob([bytes],{type:'image/webp'}));
-        for(let i=0;i<bin.length;i++) bytes[i]=bin.charCodeAt(i);
+    });
-        const blob=new Blob([bytes],{type:'image/webp'});
-        const url=URL.createObjectURL(blob);
-        document.getElementById('phly').src=url;
-        document.getElementById('favicon').href=url;
-        document.getElementById('apple-touch-icon').href=url;
-      });
   </script>
 </body>
 </html>