Add a carbon footprint calculator to your website

<style>
    #sustrax_flights_iframe {
    box-sizing: content-box;   /* border sits outside the height, so the frame never runs short */
    border: 10px solid #f0f0f0;
    border-radius: 25px;
    width: calc(100% - 20px);  /* frame plus border fills the container exactly */
    display: block;
    height: 750px;             /* starting height; the script sets the real height */
    }
</style>
<iframe id="sustrax_flights_iframe" title="Sustrax flight carbon calculator" src="https://singletabmodeoffline.app.sustrax.com/form?name=flight"></iframe>
<script>
    (() => {
        const APP_ORIGIN = "https://singletabmodeoffline.app.sustrax.com";
        const iframe = document.getElementById("sustrax_flights_iframe");
        window.addEventListener("message", (event) => {
            if (event.origin !== APP_ORIGIN || event.source !== iframe.contentWindow) return;
            const data = event.data;
            if (!data || data.type !== "sustrax:resize" || typeof data.height !== "number") return;
            iframe.style.height = Math.max(400, Math.min(Math.ceil(data.height) + 24, 8000)) + "px";
            iframe.setAttribute("scrolling", "no");
        });
    })();
</script>

<style>
    #sustrax_holiday_iframe {
    box-sizing: content-box;   /* border sits outside the height, so the frame never runs short */
    border: 1px solid #ddd;
    border-radius: 24px;
    width: calc(100% - 2px);   /* frame plus border fills the container exactly */
    display: block;
    margin: 0 auto;
    box-shadow: 0 5px 30px rgba(0,0,0,0.05);
    height: 925px;             /* starting height; the script sets the real height */
    }
</style>
<iframe id="sustrax_holiday_iframe" title="Sustrax holiday carbon calculator" src="https://singletabmodeoffline.app.sustrax.com/holiday"></iframe>
<script>
    (() => {
        const APP_ORIGIN = "https://singletabmodeoffline.app.sustrax.com";
        const iframe = document.getElementById("sustrax_holiday_iframe");
        window.addEventListener("message", (event) => {
            if (event.origin !== APP_ORIGIN || event.source !== iframe.contentWindow) return;
            const data = event.data;
            if (!data || data.type !== "sustrax:resize" || typeof data.height !== "number") return;
            iframe.style.height = Math.max(400, Math.min(Math.ceil(data.height) + 24, 8000)) + "px";
            iframe.setAttribute("scrolling", "no");
        });
    })();
</script>