31 lines
1.1 KiB
HTML
31 lines
1.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<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 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>
|
|
</head>
|
|
<body>
|
|
<img id="phly" alt="">
|
|
<script>
|
|
fetch('phly-mascot.b64')
|
|
.then(r=>{if(!r.ok) throw new Error('asset'); return r.text()})
|
|
.then(s=>{
|
|
const bin=atob(s.trim()), bytes=new Uint8Array(bin.length);
|
|
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> |