From 0fccf997410c09f5f32fc57d1ddc6a85beda6822 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20P=C4=99dzich?= <contact@maciejpedzi.ch>
Date: Tue, 26 Mar 2024 22:40:04 +0100
Subject: [PATCH] Add transition rules to the notbyai.fyi badge

---
 src/pages/blog/[...slug].astro | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 92631d7..d785130 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -25,9 +25,24 @@ const { Content, headings } = await post.render();
   <Content />
   <a href="https://notbyai.fyi" target="_blank" rel="noopener noreferrer">
     <img
+      id="notbyai"
       src="/Written-By-Human-Not-By-AI-Badge-white@2x.png"
       alt="Written by human, not by AI"
       width="160"
     />
   </a>
 </BlogPost>
+
+<style>
+  #notbyai {
+    transition-duration: 300ms;
+  }
+
+  #notbyai:hover {
+    transform: scale(1.075);
+  }
+
+  #notbyai:active {
+    transform: scale(0.95);
+  }
+</style>