diff options
| author | Yuval Adam <_@yuv.al> | 2025-05-22 13:20:49 +0200 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2025-05-22 13:20:49 +0200 |
| commit | 4b7f8afdeceae50ff9f1c9ba7e1e100c60925a91 (patch) | |
| tree | b4bd1ca851c19e6d05fd64b31b847419a699be68 /src | |
| parent | d47b3ccf615639ee7c83a7be10aaa581e5a934e1 (diff) | |
Fix embed
Diffstat (limited to 'src')
| -rw-r--r-- | src/pages/embed-widget.astro | 13 |
1 files changed, 4 insertions, 9 deletions
diff --git a/src/pages/embed-widget.astro b/src/pages/embed-widget.astro index eafed9e..4f79bfe 100644 --- a/src/pages/embed-widget.astro +++ b/src/pages/embed-widget.astro @@ -4,6 +4,9 @@ import Layout from "../layouts/Layout.astro"; const title = "CIDR Calculator Widget Embed Example"; const description = "Learn how to embed the CIDR calculator widget in your website"; + +// Embed code that users can copy +const embedCode = `<iframe src="https://cidr.xyz/embed" width="100%" height="600" title="CIDR Calculator" loading="lazy"></iframe>`; --- <Layout title={title} description={description}> @@ -28,14 +31,7 @@ const description = </p> <pre - class="p-4 rounded-md overflow-x-auto"><code><iframe - src="https://cidr.xyz/embed" - width="100%" height="600" - frameborder="0" - allowtransparency="true" - title="CIDR Calculator" - loading="lazy" -></iframe></code></pre> + class="p-4 rounded-md overflow-x-auto bg-gray-800 flex justify-center"><code class="text-gray-300 whitespace-pre-wrap">{embedCode}</code></pre> <h3>Live Example</h3> </div> @@ -45,7 +41,6 @@ const description = src="/embed" width="100%" height="600" - allowtransparency="true" title="CIDR Calculator" loading="lazy"></iframe> </div> |