web/about/community: add a link to bluesky

web/i18n/en/about.json

@@ -27,6 +27,7 @@
     "support.discord": "chat with the community and developers about cobalt or ask for help",
     "support.twitter": "follow cobalt's updates and development on your twitter timeline",
     "support.telegram": "stay up to date with latest cobalt updates via a telegram channel",
+    "support.bluesky": "follow cobalt's updates and development on your bluesky feed",
 
     "support.description.issue": "if you want to report a bug or some other recurring issue, please do it on github.",
     "support.description.help": "use discord for any other questions. describe the issue properly in #cobalt-support or else no one will be able help you.",

web/src/components/about/AboutSupport.svelte

@@ -8,6 +8,7 @@
     import IconBrandTwitter from "@tabler/icons-svelte/IconBrandTwitter.svelte";
     import IconBrandDiscord from "@tabler/icons-svelte/IconBrandDiscord.svelte";
     import IconBrandTelegram from "@tabler/icons-svelte/IconBrandTelegram.svelte";
+    import IconBrandBluesky from "@tabler/icons-svelte/IconBrandBluesky.svelte";
 
     const platformIcons = {
         github: {
@@ -26,6 +27,10 @@
             icon: IconBrandTelegram,
             color: "#1c9efb",
         },
+        bluesky: {
+            icon: IconBrandBluesky,
+            color: "#0a78ff",
+        },
     };
 
     export let platform: keyof typeof platformIcons;

web/src/lib/env.ts

@@ -20,7 +20,7 @@ const contacts = {
     discord: "https://discord.gg/pQPt8HBUPu",
     twitter: "https://x.com/justusecobalt",
     github: "https://github.com/imputnet/cobalt",
-    email: "support@cobalt.tools",
+    bluesky: "https://bsky.app/profile/cobalt.tools",
     telegram_ru: "https://t.me/justusecobalt_ru",
 }
 

web/src/routes/about/community/+page.svelte

@@ -14,7 +14,7 @@
         id="support-buttons"
         bind:offsetWidth={buttonContainerWidth}
 
-        class:two={$locale === "ru"}
+        class="two"
         class:one={buttonContainerWidth < 500}
     >
         <AboutSupport
@@ -36,6 +36,10 @@
                 platform="twitter"
                 externalLink={contacts.twitter}
             />
+            <AboutSupport
+                platform="bluesky"
+                externalLink={contacts.bluesky}
+            />
         {/if}
     </div>