<html>
<head> <style> html, body { height: 100%; margin: 0; padding: 0; font-family: Roboto, Helvetica, Arial, sans-serif; background: #ECEFF1; color: rgba(0, 0, 0, 0.87); }
div { position: relative; height: 100%; width: 100%; }
div #ctnr { text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 200; height: 150; border-radius: 3px; background-color: white; }
#ctnr { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } </style></head>
<body> <div> <div id="ctnr"> <img src="logo.png" width="200" style="margin: auto;"> <div id="msg"></div> </div> </div></body><script> async function get() { const data = await fetch("/api"); const d = await data.text() document.getElementById("msg").innerHTML = d } get();</script>
</html>