Embed this agenda

Drop the interactive agenda into any page with an iframe. It resizes itself automatically as visitors switch between days, so you won't get a scrollbar-in-a-box.

1. Add the iframe

<iframe
  id="iacc-agenda"
  src="https://conference-agenda.lanlan.site/embed.html"
  style="width:100%; border:0; display:block;"
  height="900"
  title="IACC agenda"
></iframe>

The height="900" is just a starting value — the script below adjusts it automatically once the page loads.

2. Add the resize listener

Paste this once, anywhere on the host page (before </body> is fine):

<script>
  window.addEventListener("message", function (event) {
    if (event.data && event.data.type === "horizon-agenda-resize") {
      var frame = document.getElementById("iacc-agenda");
      if (frame) frame.style.height = event.data.height + "px";
    }
  });
</script>

That's it

No API key, no build step. If you rename the iframe's id, update the id check in the listener to match.