From cf55ae3f801d923ecf8c055724d830744ae98018 Mon Sep 17 00:00:00 2001
From: James Arthur <thruflo@gmail.com>
Date: Wed, 20 Nov 2024 21:06:32 +0100
Subject: [PATCH] social: add bluesky and pglite links. (#2013)

---
 website/.vitepress/config.mts              |  6 ++--
 website/.vitepress/theme/custom.css        | 35 ++++++++++++++++++++++
 website/about/community.md                 |  2 +-
 website/public/img/icons/pglite-social.svg |  3 ++
 4 files changed, 43 insertions(+), 3 deletions(-)
 create mode 100644 website/public/img/icons/pglite-social.svg

diff --git a/website/.vitepress/config.mts b/website/.vitepress/config.mts
index 874a66531f..8172934c7d 100644
--- a/website/.vitepress/config.mts
+++ b/website/.vitepress/config.mts
@@ -257,8 +257,10 @@ export default defineConfig({
     },
     siteTitle: false,
     socialLinks: [
-      { icon: 'discord', link: 'https://discord.electric-sql.com' },
-      { icon: 'github', link: 'https://github.com/electric-sql/electric' }
+      { icon: 'pglite', link: 'https://pglite.dev' },
+      { icon: 'github', link: 'https://github.com/electric-sql/electric' },
+      { icon: 'bluesky', link: 'https://bsky.app/profile/electric-sql.com' },
+      { icon: 'discord', link: 'https://discord.electric-sql.com' }
     ]
   },
   transformHead: ({ pageData, siteData }) => {
diff --git a/website/.vitepress/theme/custom.css b/website/.vitepress/theme/custom.css
index 428f37c1b0..f38fc19204 100644
--- a/website/.vitepress/theme/custom.css
+++ b/website/.vitepress/theme/custom.css
@@ -151,6 +151,10 @@
   }
 }
 
+.vpi-social-pglite {
+  --icon: url('/img/icons/pglite-social.svg') !important;
+}
+
 .feature-cta a .count {
   margin-left: 0.25rem;
   min-width: 55px;
@@ -283,6 +287,10 @@ a.no-visual:hover {
   }
 }
 
+.VPNavBar .content-body {
+  margin-top: 1px;
+}
+
 .VPNavScreenMenuLink {
   text-align: center;
 }
@@ -303,6 +311,33 @@ a.no-visual:hover {
     content: "";
   }
 }
+@media (min-width: 1200px) {
+  .VPNavBarMenuLink {
+    padding: 0 12px 0 14px !important;
+  }
+  .VPNavBarSocialLinks::before,
+  .VPNavBarSocialLinks::after {
+    margin-left: 10px !important;
+    margin-right: 10px !important;
+  }
+}
+@media (min-width: 960px) and (max-width: 1040px) {
+  .VPNavBarMenuLink {
+    padding: 0 10px !important;
+  }
+  .VPSocialLink {
+    width: 30px !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 959px) {
+  .VPNavBarMenuLink {
+    padding: 0 9px !important;
+  }
+  .VPSocialLink {
+    width: 29px !important;
+  }
+}
+
 .DocSearch-Button-Keys {
   margin-right: 2px;
 }
diff --git a/website/about/community.md b/website/about/community.md
index fd07067306..b4f8ed6a7c 100644
--- a/website/about/community.md
+++ b/website/about/community.md
@@ -47,7 +47,7 @@ If you have feature requests or want to post ideas for discussion, please post o
 
 You can also find us on:
 
-- Mastondon as [@electric@fosstodon.org](https://fosstodon.org/@electric)
+- Bluesky as [@electric-sql.com](https://bsky.app/profile/@electric-sql.com) and [@pglite.dev](https://bsky.app/profile/@pglite.dev)
 - Twitter as [@ElectricSQL](https://twitter.com/ElectricSQL)
 - LinkedIn as [company/ElectricSQL](https://www.linkedin.com/company/electric-sql)
 
diff --git a/website/public/img/icons/pglite-social.svg b/website/public/img/icons/pglite-social.svg
new file mode 100644
index 0000000000..8f53935e30
--- /dev/null
+++ b/website/public/img/icons/pglite-social.svg
@@ -0,0 +1,3 @@
+<svg width="240" height="176" viewBox="0 0 240 176" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M240 40.0531L240 167.972C240 172.394 236.413 175.977 231.991 175.972L199.968 175.934C195.734 175.929 192.272 172.637 191.995 168.473C191.998 168.315 192 168.157 192 167.998L191.999 120.001C191.999 106.746 181.239 96.001 167.984 96.001C155.138 96.001 144.636 85.9084 144 73.2199V0.0119572L200.03 0.0531349C222.109 0.0693626 240 17.9732 240 40.0531ZM80 0.00069809L79.9998 56.0251C79.9997 69.2799 90.7449 80.0252 104 80.0252H128L128 78.4161C128 96.9641 143.036 112 161.584 112C169.533 112 175.977 118.444 175.977 126.393L175.977 167.934C175.977 168.125 175.98 168.316 175.984 168.505C175.722 172.688 172.247 175.999 167.999 175.999L127.726 175.996L128 120.037C128.022 115.618 124.457 112.019 120.039 111.997C115.621 111.976 112.022 115.54 112 119.958L111.726 175.961L111.726 175.995L63.8999 175.992V119.997C63.8999 115.579 60.3182 111.997 55.8999 111.997C51.4816 111.997 47.8999 115.579 47.8999 119.997V175.991L7.99948 175.988C3.5814 175.988 0 172.406 0 167.988V40.0005C0 17.909 17.9087 0.000371934 40.0002 0.000488282L80 0.00069809ZM204.04 48.2177C204.04 41.5903 198.667 36.2177 192.04 36.2177C185.412 36.2177 180.04 41.5903 180.04 48.2177C180.04 54.8451 185.412 60.2177 192.04 60.2177C198.667 60.2177 204.04 54.8451 204.04 48.2177Z" fill="currentColor"/>
+</svg>