diff --git a/apps/marketing/public/harnesses/cursor_light.svg b/apps/marketing/public/harnesses/cursor_light.svg index e61e0be3bfd..874990f6552 100644 --- a/apps/marketing/public/harnesses/cursor_light.svg +++ b/apps/marketing/public/harnesses/cursor_light.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/apps/marketing/src/pages/index.astro b/apps/marketing/src/pages/index.astro index a864c169924..0b3217f9c05 100644 --- a/apps/marketing/src/pages/index.astro +++ b/apps/marketing/src/pages/index.astro @@ -363,7 +363,7 @@ const mobileEndorsementRows = [ Download for macOS - Windows · Linux · other + Windows · Linux · other @@ -411,6 +411,29 @@ const mobileEndorsementRows = [ if (label) label.textContent = platform.label; if (ctaLabel) ctaLabel.textContent = platform.label; + const otherPlatformsLink = document.getElementById("cta-other-platforms-link"); + if (otherPlatformsLink) { + const others = + platform.os === "win" + ? ["macOS", "Linux", "other"] + : platform.os === "mac" + ? ["Windows", "Linux", "other"] + : ["Windows", "macOS", "other"]; + otherPlatformsLink.textContent = others.join(" · "); + } + + const keepClass = + platform.os === "mac" + ? "dl-icon--apple" + : platform.os === "win" + ? "dl-icon--windows" + : "dl-icon--linux"; + document.querySelectorAll(".dl-icon").forEach((el) => { + if (!el.classList.contains(keepClass)) { + el.remove(); + } + }); + try { const release = await fetchLatestRelease(); const url = pickAsset(release.assets ?? [], platform); @@ -538,17 +561,27 @@ const mobileEndorsementRows = [ } /* Download button icons (platform-aware) */ - .dl-icon { + :global(.dl-icon) { display: none; width: 14px; height: 14px; flex-shrink: 0; } - :global([data-platform="mac"]) .dl-icon--apple { display: block; } - :global([data-platform="win"]) .dl-icon--windows { display: block; } - :global([data-platform="linux"]) .dl-icon--linux { display: block; } - :global(:not([data-platform])) .dl-icon--apple { display: block; } + /* Default (pre-JS / unknown platform): show Apple icon only */ + :global(.dl-icon--apple) { display: block; } + + :global(html[data-platform="mac"] .dl-icon--apple) { display: block; } + :global(html[data-platform="mac"] .dl-icon--windows), + :global(html[data-platform="mac"] .dl-icon--linux) { display: none; } + + :global(html[data-platform="win"] .dl-icon--windows) { display: block; } + :global(html[data-platform="win"] .dl-icon--apple), + :global(html[data-platform="win"] .dl-icon--linux) { display: none; } + + :global(html[data-platform="linux"] .dl-icon--linux) { display: block; } + :global(html[data-platform="linux"] .dl-icon--apple), + :global(html[data-platform="linux"] .dl-icon--windows) { display: none; } /* Floating harness marks */ .hero-float {