Live preview
Try both embed styles side by side. The iframe opens connection details in a popup window; the script embed shows an in-page dialog on your site.
iframe embed (recommended)
Copy and paste into your HTML. Connection details open in a small popup — no iframe resizing required.
<iframe
src="https://pacific.ipv6forum.com/embed/conn-status"
title="Your IPv6 connection status"
width="185" height="48"
style="border:0;overflow:hidden"
loading="lazy"
></iframe>
Script embed (advanced)
The widget mounts on your page and opens an in-page dialog. Your page CSP must allow script-src https://pacific.ipv6forum.com and connect-src: https://ipv4.pacific.ipv6forum.com/api/healthz https://ipv6.pacific.ipv6forum.com/api/healthz https://pacific.ipv6forum.com/api/healthz.
<div id="ipv6-conn-status"></div>
<link rel="stylesheet" href="https://pacific.ipv6forum.com/static/css/conn-status-embed.css">
<script async src="https://pacific.ipv6forum.com/embed/conn-status.js"></script>
Operators
Production nginx, CSP, and 6/6 drill notes: docs/embed.md in the repository.