From f61283902cdab328df78ebfd14680b0206fc2734 Mon Sep 17 00:00:00 2001
From: Vivek <vivek7405@gmail.com>
Date: Mon, 17 Aug 2026 01:22:12 +0530
Subject: [PATCH] fix: list Bluesky above X in the website footer

The Community column ends on the account we promote least, so X moves
below Bluesky. The footer test now pins that order rather than only
asserting both links render.
---
 website/lib/ui/site-footer.ts           | 2 +-
 website/test/ssr/nav-and-routes.test.ts | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/website/lib/ui/site-footer.ts b/website/lib/ui/site-footer.ts
index dc5d86c4a..aa0beff1f 100644
--- a/website/lib/ui/site-footer.ts
+++ b/website/lib/ui/site-footer.ts
@@ -54,8 +54,8 @@ export function siteFooter() {
             <a class="text-fg-muted hover:text-accent no-underline text-sm transition-colors" href=${GH_URL} target="_blank" rel="noopener noreferrer">GitHub${NEW_TAB}</a>
             <a class="text-fg-muted hover:text-accent no-underline text-sm transition-colors" href=${GH_URL + '/discussions'} target="_blank" rel="noopener noreferrer">Discussions${NEW_TAB}</a>
             <a class="text-fg-muted hover:text-accent no-underline text-sm transition-colors" href=${DISCORD_URL} target="_blank" rel="noopener noreferrer">Discord${NEW_TAB}</a>
-            <a class="text-fg-muted hover:text-accent no-underline text-sm transition-colors" href=${X_URL} target="_blank" rel="noopener noreferrer">X${NEW_TAB}</a>
             <a class="text-fg-muted hover:text-accent no-underline text-sm transition-colors" href=${BLUESKY_URL} target="_blank" rel="noopener noreferrer">Bluesky${NEW_TAB}</a>
+            <a class="text-fg-muted hover:text-accent no-underline text-sm transition-colors" href=${X_URL} target="_blank" rel="noopener noreferrer">X${NEW_TAB}</a>
           </div>
           <div class="flex flex-col gap-3">
             <a href="/" aria-label="WebJs home" class="no-underline text-fg inline-flex w-fit transition-opacity duration-150 hover:opacity-80">${brandLockup('ftr', { height: 26 })}</a>
diff --git a/website/test/ssr/nav-and-routes.test.ts b/website/test/ssr/nav-and-routes.test.ts
index 28ca240df..e29afef24 100644
--- a/website/test/ssr/nav-and-routes.test.ts
+++ b/website/test/ssr/nav-and-routes.test.ts
@@ -58,6 +58,8 @@ test('the footer Community column carries the social profiles', async () => {
   }
   assert.ok(out.includes('>X<'), 'the X link is labelled');
   assert.ok(out.includes('>Bluesky<'), 'the Bluesky link is labelled');
+  // Bluesky sits above X, so the column ends on the account we promote least.
+  assert.ok(out.indexOf('>Bluesky<') < out.indexOf('>X<'), 'Bluesky is listed before X');
 });
 
 test('the header still carries the rest of the nav', async () => {