social: add bluesky and pglite links. (#2013)

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 }) => {

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;
 }

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)