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 {