Shareable widget

Embed the P(doom) calculator on your site

Drop the snippet below anywhere on your page (blog post, documentation, or landing page) to provide direct access to the calculator within an iframe.

Copy & paste snippet

Paste this markup where you want the widget to appear. It keeps the calculator responsive and leaves the surrounding styling up to the parent page.

<div style="max-width:960px;margin:0 auto;">
  <iframe
    src="https://neoneye.github.io/pdoom-calculator/"
    title="P(doom) Calculator"
    loading="lazy"
    referrerpolicy="strict-origin-when-cross-origin"
    allowtransparency="true"
    style="width:100%;min-height:760px;"
  ></iframe>
</div>

Live preview

This is exactly what the embed looks like with the recommended wrapper class applied.

Tips

Place the snippet inside a container that has enough vertical space (the calculator is roughly 740px tall at desktop widths).
You can override the default height by adding a custom class and setting min-height on the iframe.
For dark pages, keep the surrounding container dark so the calculator styling blends seamlessly.
If you use a Content Security Policy, allow https://neoneye.github.io for frame-src.