diff --git a/src/pages/posts/[...slug].astro b/src/pages/posts/[...slug].astro
index d02f6db..bd76953 100644
--- a/src/pages/posts/[...slug].astro
+++ b/src/pages/posts/[...slug].astro
@@ -26,6 +26,9 @@ const { Content } = await post.render();
+
+
+
diff --git a/src/styles/Written-By-Human-Not-By-AI-Badge-black.svg b/src/styles/Written-By-Human-Not-By-AI-Badge-black.svg
new file mode 100644
index 0000000..0797820
--- /dev/null
+++ b/src/styles/Written-By-Human-Not-By-AI-Badge-black.svg
@@ -0,0 +1,30 @@
+
diff --git a/src/styles/Written-By-Human-Not-By-AI-Badge-white.svg b/src/styles/Written-By-Human-Not-By-AI-Badge-white.svg
new file mode 100644
index 0000000..2f21dc2
--- /dev/null
+++ b/src/styles/Written-By-Human-Not-By-AI-Badge-white.svg
@@ -0,0 +1,30 @@
+
diff --git a/src/styles/global.css b/src/styles/global.css
index ea6cdbf..6ac32c1 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -271,3 +271,21 @@ dialog {
svg {
color: var(--text);
}
+
+/* Not By AI badge */
+
+.not-by-ai {
+ display: block;
+ width: 134px;
+ height: 45px;
+ background-image: url(Written-By-Human-Not-By-AI-Badge-white.svg);
+ background-repeat: no-repeat;
+ background-position: center;
+ /* border: 1px solid red; */
+}
+
+@media (prefers-color-scheme: dark) {
+ .not-by-ai {
+ background-image: url(Written-By-Human-Not-By-AI-Badge-black.svg);
+ }
+}