From c698ef514a147830443fdb7b4d5d6db304645323 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Thu, 27 Feb 2025 01:48:10 +0900
Subject: [PATCH] chore(footer): add Bluesky link (#12538)

---
 client/src/assets/icons/bluesky.svg      |  1 +
 client/src/ui/atoms/icon/index.scss      |  4 ++--
 client/src/ui/organisms/footer/index.tsx | 10 ++++++++++
 3 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 client/src/assets/icons/bluesky.svg

diff --git a/client/src/assets/icons/bluesky.svg b/client/src/assets/icons/bluesky.svg
new file mode 100644
index 000000000000..6ecd318f7d96
--- /dev/null
+++ b/client/src/assets/icons/bluesky.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21px" height="21px" viewBox="0 0 512 512"><path fill="currentColor" d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2c-18.2 64.8-84.4 81.4-143.3 71.3C456 322 482.2 380 425.6 438c-107.4 110.2-154.3-27.6-166.3-62.9c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z"/></svg>
diff --git a/client/src/ui/atoms/icon/index.scss b/client/src/ui/atoms/icon/index.scss
index b144b6210fbe..df75f900cff3 100644
--- a/client/src/ui/atoms/icon/index.scss
+++ b/client/src/ui/atoms/icon/index.scss
@@ -1,6 +1,6 @@
 $icons: "add-filled", "add", "altname", "bell", "bell-filled", "bell-ring",
-  "bookmark-filled", "bookmark", "cancel", "chatgpt", "checkmark", "chevron",
-  "chrome", "critical", "curriculum-next", "curriculum-prev", "deno",
+  "bluesky", "bookmark-filled", "bookmark", "cancel", "chatgpt", "checkmark",
+  "chevron", "chrome", "critical", "curriculum-next", "curriculum-prev", "deno",
   "deprecated", "desktop", "disabled", "edge", "edit", "edit-filled",
   "ellipses", "experimental", "external", "eye-filled", "eye", "feed", "filter",
   "footnote", "github-mark-small", "ie", "information", "highlight", "history",
diff --git a/client/src/ui/organisms/footer/index.tsx b/client/src/ui/organisms/footer/index.tsx
index 40edce33855c..1072e2c1f723 100644
--- a/client/src/ui/organisms/footer/index.tsx
+++ b/client/src/ui/organisms/footer/index.tsx
@@ -22,6 +22,16 @@ export function Footer() {
           </a>
           <p>Your blueprint for a better internet.</p>
           <ul className="social-icons">
+            <li>
+              <a
+                href="https://bsky.app/profile/developer.mozilla.org"
+                target="_blank"
+                rel="me noopener noreferrer"
+              >
+                <span className="icon icon-bluesky"></span>
+                <span className="visually-hidden">MDN on Bluesky</span>
+              </a>
+            </li>
             <li>
               <a
                 href="https://mastodon.social/@mdn"