Simple embedding

Embeding code

<iframe src="https://imperialcollegelondon.github.io/orphanhood_calculator/" loading="lazy" style="width: 100%; height: 1050px; border: 0px none;"></iframe>

Example

With resizing

We also provide a client to iframe resizer in the content.

You need to install the iframe resizer library in your website to make use of this integration method. If you want to avoid that a simple iframe as described above can be used.

Embeding code

iframe in content

<iframe id="orphanhood_calculator" src="https://imperialcollegelondon.github.io/orphanhood_calculator/"></iframe>

Styling in header

<style>
        iframe#orphanhood_calculator {
            width: 1px;
            min-width: 100%;
        }
</style>

Javascript at end of body

<script>
        iFrameResize({ log: true }, '#orphanhood_calculator')
</script>

Example