From 8640a2853abf0fbe20bf7f58b62d2b98bbb7bb62 Mon Sep 17 00:00:00 2001
From: Martin Trapp <94928215+martrapp@users.noreply.github.com>
Date: Fri, 8 Nov 2024 00:47:04 +0100
Subject: [PATCH] bsky

---
 src/components/bsky.astro  | 9 +++++++++
 src/content/docs/index.mdx | 7 +++++++
 2 files changed, 16 insertions(+)
 create mode 100644 src/components/bsky.astro

diff --git a/src/components/bsky.astro b/src/components/bsky.astro
new file mode 100644
index 0000000..7386ed3
--- /dev/null
+++ b/src/components/bsky.astro
@@ -0,0 +1,9 @@
+---
+export interface Props {
+  text: string;
+}
+const { text } = Astro.props;
+const encodedText = encodeURIComponent(text);
+---
+
+<a target="_blank" href={`https://bsky.app/intent/compose?text=${encodedText}`}><slot />🦋</a>
diff --git a/src/content/docs/index.mdx b/src/content/docs/index.mdx
index 83e571c..6e846e8 100644
--- a/src/content/docs/index.mdx
+++ b/src/content/docs/index.mdx
@@ -30,6 +30,8 @@ head:
     content: '{"@context": "https://schema.org", "@type": "WebSite", "name": "@vtbag", "url": "https://vtbag.dev/"}'
 ---
 
+import Bsky from "../../components/bsky.astro"
+
 <style>{`
   .hero h1 {
     text-align: left;
@@ -40,4 +42,9 @@ head:
   .right-sidebar-panel {
     display: none;
   }
+  .smallCTA {
+    font-size: 1.2rem;
+  }
 `}</style>
+
+<span class="smallCTA">If you’re enjoying this site, <Bsky text="Hey @vtbag.dev! Just checked out vtbag.dev and loving the info, tools, and tips & tricks on the View Transition API!">feel free to spread the word!</Bsky></span>
\ No newline at end of file