From 4b7f8afdeceae50ff9f1c9ba7e1e100c60925a91 Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Thu, 22 May 2025 13:20:49 +0200
Subject: Fix embed

---
 src/pages/embed-widget.astro | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

(limited to 'src')

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>&lt;iframe 
-  src="https://cidr.xyz/embed" 
-  width="100%" height="600" 
-  frameborder="0" 
-  allowtransparency="true"
-  title="CIDR Calculator"
-  loading="lazy"
-&gt;&lt;/iframe&gt;</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>
-- 
cgit v1.3.1