From 44eca40c5ac0ed0f2c8aa291de64b9a4e7be13c2 Mon Sep 17 00:00:00 2001
From: Brice Vandeputte <brice.vandeputte@orange.com>
Date: Tue, 17 Dec 2024 21:26:12 +0100
Subject: [PATCH] Fix #82 add bluesky link

---
 docusaurus.config.js |  7 +++++++
 src/css/custom.css   | 14 ++++++++++++++
 2 files changed, 21 insertions(+)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index 01c6fb1..be84e24 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -91,6 +91,12 @@ const config = {
                         className: 'header-github-link',
                         'aria-label': 'GitHub repository',
                     },
+                    {
+                        href: 'https://bsky.app/profile/chicken-bot.bsky.social',
+                        position: 'right',
+                        className: 'header-bluesky-link',
+                        'aria-label': 'BlueSky',
+                    },
                     {
                         type: 'search',
                         position: 'right',
@@ -121,6 +127,7 @@ const config = {
                         items: [
                             {label: 'Blog', to: '/blog'},
                             {label: 'GitHub', href: 'https://github.com/boly38/chickenbot-web'},
+                            {label: 'BlueSky', href: 'https://bsky.app/profile/chicken-bot.bsky.social'},
                         ],
                     },
                 ],
diff --git a/src/css/custom.css b/src/css/custom.css
index f2afde0..e7c2cc9 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -44,3 +44,17 @@
 .header-github-link:hover::before {
   background-color: var(--ifm-navbar-link-hover-color);
 }
+
+.header-bluesky-link::before {
+  content: '';
+  width: 24px;
+  height: 24px;
+  display: flex;
+  background-color: var(--ifm-navbar-link-color);
+  mask-image: url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' id='Bluesky--Streamline-Simple-Icons' height='24' width='24'%3E%3Cdesc%3EBluesky Streamline Icon: https://streamlinehq.com%3C/desc%3E%3Ctitle%3EBluesky%3C/title%3E%3Cpath d='M12 10.8c-1.087 -2.114 -4.046 -6.053 -6.798 -7.995C2.566 0.944 1.561 1.266 0.902 1.565 0.139 1.908 0 3.08 0 3.768c0 0.69 0.378 5.65 0.624 6.479 0.815 2.736 3.713 3.66 6.383 3.364 0.136 -0.02 0.275 -0.039 0.415 -0.056 -0.138 0.022 -0.276 0.04 -0.415 0.056 -3.912 0.58 -7.387 2.005 -2.83 7.078 5.013 5.19 6.87 -1.113 7.823 -4.308 0.953 3.195 2.05 9.271 7.733 4.308 4.267 -4.308 1.172 -6.498 -2.74 -7.078a8.741 8.741 0 0 1 -0.415 -0.056c0.14 0.017 0.279 0.036 0.415 0.056 2.67 0.297 5.568 -0.628 6.383 -3.364 0.246 -0.828 0.624 -5.79 0.624 -6.478 0 -0.69 -0.139 -1.861 -0.902 -2.206 -0.659 -0.298 -1.664 -0.62 -4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z' fill='%23000000' stroke-width='1'/%3E%3C/svg%3E");
+  transition: background-color var(--ifm-transition-fast) var(--ifm-transition-timing-default);
+}
+
+.header-bluesky-link:hover::before {
+  background-color: var(--ifm-navbar-link-hover-color);
+}
\ No newline at end of file