<!DOCTYPE html>
<html>
<body>
  <script>
  let nfo = {
       "p":"gen-brc-721",
       "op":"mint",
       "s":"ordibots",
       "t_ins":[
          "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0"
       ],
       "id": "205",
	"a": [
		[0, "blue"],
		[0, "none"],
		[0, "standard-triangular"],
		[0, "empty"],
		[0, "angry"]
	]
    };
  </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>