Add Bluesky social links and icons to the footer and community pages

blog/2025-06-03_week_1_round_up.md

@@ -52,6 +52,7 @@ We use Google Groups to share architecture diagrams and other content. Please jo
 
 * [https://llm-d.ai](https://llm-d.ai)
 * [LinkedIn](http://linkedin.com/company/llm-d)
+* [Bluesky - @llm-d.ai](https://bsky.app/profile/llm-d.ai)
 * [@\_llm\_d\_](https://twitter.com/_llm_d_)
 * [r/llm\_d](https://www.reddit.com/r/llm_d/)
 * YouTube - coming soon

docs/community/index.md

@@ -199,6 +199,7 @@ import Link from '@docusaurus/Link';
 Follow llm-d across social platforms for updates, discussions, and community highlights:
 
 - 💼 **LinkedIn**: [@llm-d](https://linkedin.com/company/llm-d)
+- 🦋 **Bluesky**: [@llm-d.ai](https://bsky.app/profile/llm-d.ai)
 - 🐦 **X (Twitter)**: [@\_llm_d\_](https://x.com/_llm_d_)
 - 🤖 **Reddit**: [r/llm_d](https://www.reddit.com/r/llm_d/)
 

docusaurus.config.js

@@ -274,6 +274,9 @@ const config = {
                     <a href="https://www.reddit.com/r/llm_d/" target="_blank" rel="noreferrer noopener" aria-label="Reddit">
                       <img src="/img/new-social/reddit-mark-white.png" alt="Reddit" />
                     </a>
+                    <a href="https://bsky.app/profile/llm-d.ai" target="_blank" rel="noreferrer noopener" aria-label="Bluesky">
+                      <img src="/img/new-social/bluesky-mark-white.svg" alt="Bluesky" />
+                    </a>
                     <a href="https://x.com/_llm_d_" target="_blank" rel="noreferrer noopener" aria-label="X / Twitter">
                       <img src="/img/new-social/x-mark-white.png" alt="X / Twitter" />
                     </a>

src/css/custom.css

@@ -72,10 +72,25 @@ display: none !important;
 }
 
 .footer-socials-row {
-  display: flex;
-  gap: 14px;
-  flex-wrap: wrap;
+  display: grid;
+  grid-template-columns: repeat(6, 26px);
+  gap: 10px;
   align-items: center;
+  justify-content: start;
+}
+
+/* Responsive layout for smaller footer widths */
+@media screen and (max-width: 996px) {
+  .footer-socials-row {
+    grid-template-columns: repeat(3, 28px);
+    gap: 12px;
+    justify-content: start;
+  }
+
+  .footer-socials img {
+    width: 28px;
+    height: 28px;
+  }
 }
 
 .footer-socials-cta {
@@ -90,14 +105,14 @@ display: none !important;
 }
 
 .footer-socials img {
-  width: 28px;
-  height: 28px;
+  width: 26px;
+  height: 26px;
   display: inline-block;
   transition: transform 0.2s ease;
 }
 
 .footer-socials img:hover {
-  transform: scale(1.08);
+  transform: scale(1.1);
 }
 
 /* Navbar GitHub icon */