<html>
    <body>
      <script>
      let nfo = {"p":"gen-brc-721","op":"mint","s":"ordibots",
      "t_ins":["b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0"],
  "id": "257",
  "a": [[0,"bitcoin-orange"],[0,"none"],[0,"standard-triangular"],[0,"empty"],[0,"bored-red"]] };
    </script>
  
    <canvas id="canvas" width="500" height="500" style="image-rendering: pixelated;"></canvas>
  
    <script type="module">
      Promise.all(nfo.t_ins.map(url => fetch(`/content/${url}`).then(response => response.json())))
        .then(async deploys => {
          console.log(deploys)
          let GBRC721RenderImage = deploys[0].r ? new Function('return ' + deploys[0].r)() : null;
          if (!GBRC721RenderImage) {
            const module = await import('/content/2b126792c4a5d736dc071cea3a2439fd957f47b5cc7bf5c6fed5304ba5bd7f32i0');
            GBRC721RenderImage = module.GBRC721RenderImage;
          }
          GBRC721RenderImage({
            "a": nfo.a.map((item, index) => [item[0], deploys[item[0]].traits[deploys[item[0]].trait_types[index]][item[1]].base64])
          });
        })
        .catch(err => console.log(err));
    </script>
  </body>
  </html>