Introduce aarch64 architecture class

Author: bluewave41

media/css/cms/pages/flare26-channels.css

@@ -173,13 +173,18 @@ ul.download-list strong {
 }
 
 /* 64-bit UA detection for Firefox on Windows (issue #8635) */
+.windows.x64 .download-button .os_win {
+    display: none !important;
+}
 .windows.x64 .download-button .os_win64 {
     display: block !important;
 }
-
-.windows.x64 .download-button .os_win {
+.windows.aarch64 .download-button .os_win {
     display: none !important;
 }
+.windows.aarch64 .download-button .os_win64-aarch64 {
+    display: block !important;
+}
 
 /* add spacing between displayed buttons */
 .download-list {

media/css/protocol/components/_download-button.scss

@@ -102,26 +102,37 @@ ul.download-list {
 }
 
 // 64-bit UA detection for Firefox on Windows (issue #8635)
+.windows.x64 .download-button .os_win {
+    display: none !important;
+}
 .windows.x64 .download-button .os_win64 {
     display: block !important;
 }
-
-.windows.x64 .download-button .os_win {
+.windows.aarch64 .download-button .os_win {
     display: none !important;
 }
 
+.windows.aarch64 .download-button .os_win64-aarch64 {
+    display: block !important;
+}
+
 // add spacing between displayed buttons
 .download-list {
     display: grid;
     gap: $spacing-md;
 }
 
-// 64-bit UA detection for Firefox Beta on Windows (issue #10194)
-.windows.x64 .download-button-beta .os_win {
+/* 64-bit UA detection for Firefox on Windows (issue #8635) */
+.windows.x64 .download-button .os_win {
     display: none !important;
 }
-
-.windows.x64 .download-button-beta .os_win64 {
+.windows.x64 .download-button .os_win64 {
+    display: block !important;
+}
+.windows.aarch64 .download-button .os_win {
+    display: none !important;
+}
+.windows.aarch64 .download-button .os_win64-aarch64 {
     display: block !important;
 }
 

media/js/base/site.js

@@ -121,8 +121,17 @@
         getPlatformClass: function (platform, platformVersion, archSize) {
             var classString = document.documentElement.className;
             var _version = platformVersion ? parseFloat(platformVersion) : 0;
+            var forcedArchitecture = new URLSearchParams(
+                window.location.search
+            ).get('installer_arch');
 
             if (platform === 'windows') {
+                forcedArchitecture = {
+                    1: 'win',
+                    2: 'win64',
+                    3: 'win64-aarch64'
+                }[forcedArchitecture];
+
                 // Detect Windows 10 "and up" to display installation
                 // messaging on the /thanks/ page.
 
@@ -136,6 +145,10 @@
                     classString += ' fx-unsupported';
                     window.site.fxSupported = false;
                 }
+
+                if (forcedArchitecture !== undefined) {
+                    archSize = forcedArchitecture === 'win' ? 32 : 64;
+                }
             } else {
                 classString = classString.replace('windows', platform);
             }
@@ -149,8 +162,14 @@
                 }
             }
 
+            if (
+                platform === 'windows' &&
+                forcedArchitecture === 'win64-aarch64'
+            ) {
+                classString += ' aarch64';
+            }
             // Used for 64bit download link on Linux and Firefox Beta on Windows.
-            if (archSize === 64) {
+            else if (archSize === 64) {
                 classString += ' x64';
             }