Space X Latest Launches

import Handlebars from "https://esm.sh/handlebars";

const template = Handlebars.compile(`
<style>
  body{
    font-family: arial;
    font-size: small;
  }
  .box {
    border-radius:10px;
    padding: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
  }
  .title {
    font-weight: bolder;
  }

  .main {
    font-size: x-large;
  }
</style>
<span class="main title"> Mission Patch </span>
<div class="main box">
<img src="{{data.links.patch.small}}"/>
</div>

<div><a href="{{data.links.reddit.launch}}">Reddit</a></div>
`);

const onResponse = async (res) => {
  const main = document.querySelector("main");
  if (!res) {
    main.innerHTML = "<pre>Response is empty</pre>";
    return;
  }
  const json = await res.json();
  
  main.innerHTML = template({ data:  json });
};

Rapid.onResponse(onResponse);