From 31edb323f817d9a9437bf819fd1cd133def3915f Mon Sep 17 00:00:00 2001
From: MR-Addict <MR-Addict@users.noreply.github.com>
Date: Fri, 12 Jan 2024 18:15:57 +0000
Subject: [PATCH] deploy: 69283d57ab4b20d8bb770b4fa028d366d1923aeb

---
 print.html                   | 12 ++++++------
 third-party/bilibili.html    |  2 +-
 third-party/codepen.html     |  2 +-
 third-party/codesandbox.html |  2 +-
 third-party/stackblitz.html  |  2 +-
 third-party/youtube.html     |  4 ++--
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/print.html b/print.html
index bccf495..13f3064 100644
--- a/print.html
+++ b/print.html
@@ -557,9 +557,9 @@ <h2 id="example-1"><a class="header" href="#example-1">Example</a></h2>
 <iframe
   allowfullscreen
   loading="lazy"
-  name="YouTube"
+  name="youtube"
   src="https://www.youtube.com/embed/DyTCOwB0DVw"
-  style="width: 100%; height: 100%; border: none; aspect-ratio: 16/9; border-radius: 1rem"
+  style="width: 100%; height: 100%; border: none; aspect-ratio: 16/9; border-radius: 1rem; background: black"
   allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
 ></iframe>
 <style>
@@ -626,7 +626,7 @@ <h2 id="example-2"><a class="header" href="#example-2">Example</a></h2>
   loading="lazy"
   name="bilibili"
   src="https://player.bilibili.com/player.html?bvid=BV1uT4y1P7CX&danmaku=0"
-  style="width: 100%; height: 100%; border: none; aspect-ratio: 16/9; border-radius: 1rem"
+  style="width: 100%; height: 100%; border: none; aspect-ratio: 16/9; border-radius: 1rem; background: black"
 ></iframe>
 <style>
   .scroll-to-top {
@@ -692,7 +692,7 @@ <h2 id="example-3"><a class="header" href="#example-3">Example</a></h2>
   loading="lazy"
   name="sandbox"
   src="https://codesandbox.io/embed/ke8wx?&theme=light"
-  style="width: 100%; height: 100%; border: solid 1px #e5e7eb; aspect-ratio: 16/9; border-radius: 1rem"
+  style="width: 100%; height: 100%; border: none; aspect-ratio: 16/9; border-radius: 1rem; background: black"
 ></iframe>
 <style>
   .scroll-to-top {
@@ -758,7 +758,7 @@ <h2 id="example-4"><a class="header" href="#example-4">Example</a></h2>
   loading="lazy"
   name="stackblitz"
   src="https://stackblitz.com/edit/vitejs-vite-y8mdxg?embed=1&theme=light&view=preview"
-  style="width: 100%; height: 100%; border: none; aspect-ratio: 16/9; border-radius: 1rem"
+  style="width: 100%; height: 100%; border: none; aspect-ratio: 16/9; border-radius: 1rem; background: black"
 ></iframe>
 <style>
   .scroll-to-top {
@@ -827,7 +827,7 @@ <h2 id="example-5"><a class="header" href="#example-5">Example</a></h2>
   loading="lazy"
   name="codepen"
   height="600"
-  style="width: 100%; border: none; border-radius: 1rem"
+  style="width: 100%; border: none; border-radius: 1rem; background: black"
   src="https://codepen.io/MR-Addict/embed/NWBOqKw?default-tab=result&theme-id=dark"
 ></iframe>
 <style>
diff --git a/third-party/bilibili.html b/third-party/bilibili.html
index 2ae9609..7bc6e9c 100644
--- a/third-party/bilibili.html
+++ b/third-party/bilibili.html
@@ -195,7 +195,7 @@ <h2 id="example"><a class="header" href="#example">Example</a></h2>
   loading="lazy"
   name="bilibili"
   src="https://player.bilibili.com/player.html?bvid=BV1uT4y1P7CX&danmaku=0"
-  style="width: 100%; height: 100%; border: none; aspect-ratio: 16/9; border-radius: 1rem"
+  style="width: 100%; height: 100%; border: none; aspect-ratio: 16/9; border-radius: 1rem; background: black"
 ></iframe>
 <style>
   .scroll-to-top {
diff --git a/third-party/codepen.html b/third-party/codepen.html
index 175d491..332efc3 100644
--- a/third-party/codepen.html
+++ b/third-party/codepen.html
@@ -198,7 +198,7 @@ <h2 id="example"><a class="header" href="#example">Example</a></h2>
   loading="lazy"
   name="codepen"
   height="600"
-  style="width: 100%; border: none; border-radius: 1rem"
+  style="width: 100%; border: none; border-radius: 1rem; background: black"
   src="https://codepen.io/MR-Addict/embed/NWBOqKw?default-tab=result&theme-id=dark"
 ></iframe>
 <style>
diff --git a/third-party/codesandbox.html b/third-party/codesandbox.html
index 1c5ff4e..5d6af17 100644
--- a/third-party/codesandbox.html
+++ b/third-party/codesandbox.html
@@ -195,7 +195,7 @@ <h2 id="example"><a class="header" href="#example">Example</a></h2>
   loading="lazy"
   name="sandbox"
   src="https://codesandbox.io/embed/ke8wx?&theme=light"
-  style="width: 100%; height: 100%; border: solid 1px #e5e7eb; aspect-ratio: 16/9; border-radius: 1rem"
+  style="width: 100%; height: 100%; border: none; aspect-ratio: 16/9; border-radius: 1rem; background: black"
 ></iframe>
 <style>
   .scroll-to-top {
diff --git a/third-party/stackblitz.html b/third-party/stackblitz.html
index 2214414..306a81e 100644
--- a/third-party/stackblitz.html
+++ b/third-party/stackblitz.html
@@ -195,7 +195,7 @@ <h2 id="example"><a class="header" href="#example">Example</a></h2>
   loading="lazy"
   name="stackblitz"
   src="https://stackblitz.com/edit/vitejs-vite-y8mdxg?embed=1&theme=light&view=preview"
-  style="width: 100%; height: 100%; border: none; aspect-ratio: 16/9; border-radius: 1rem"
+  style="width: 100%; height: 100%; border: none; aspect-ratio: 16/9; border-radius: 1rem; background: black"
 ></iframe>
 <style>
   .scroll-to-top {
diff --git a/third-party/youtube.html b/third-party/youtube.html
index b5a32f9..1bb2d61 100644
--- a/third-party/youtube.html
+++ b/third-party/youtube.html
@@ -193,9 +193,9 @@ <h2 id="example"><a class="header" href="#example">Example</a></h2>
 <iframe
   allowfullscreen
   loading="lazy"
-  name="YouTube"
+  name="youtube"
   src="https://www.youtube.com/embed/DyTCOwB0DVw"
-  style="width: 100%; height: 100%; border: none; aspect-ratio: 16/9; border-radius: 1rem"
+  style="width: 100%; height: 100%; border: none; aspect-ratio: 16/9; border-radius: 1rem; background: black"
   allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
 ></iframe>
 <style>