user docs: Use tabbed instructions on desktop-app-install-guide.

Note that the correct tab is automatically activated depending on
the user's OS.

static/js/portico/landing-page.js

@@ -49,7 +49,7 @@ var apps_events = function () {
             description: "Zulip for Windows is even better than Zulip on the web, with a cleaner look, tray integration, native notifications, and support for multiple Zulip accounts.",
             link: ELECTRON_APP_URL_WINDOWS,
             show_instructions: true,
-            install_guide: "/help/desktop-app-install-guide#installing-on-windows",
+            install_guide: "/help/desktop-app-install-guide",
         },
         mac: {
             image: "/static/images/landing-page/macbook.png",
@@ -57,7 +57,7 @@ var apps_events = function () {
             description: "Zulip on macOS is even better than Zulip on the web, with a cleaner look, tray integration, native notifications, and support for multiple Zulip accounts.",
             link: ELECTRON_APP_URL_MAC,
             show_instructions: true,
-            install_guide: "/help/desktop-app-install-guide#installing-on-macos",
+            install_guide: "/help/desktop-app-install-guide",
         },
         android: {
             image: "/static/images/app-screenshots/zulip-android.png",
@@ -77,7 +77,7 @@ var apps_events = function () {
             description: "Zulip on the Linux desktop is even better than Zulip on the web, with a cleaner look, tray integration, native notifications, and support for multiple Zulip accounts.",
             link: ELECTRON_APP_URL_LINUX,
             show_instructions: true,
-            install_guide: "/help/desktop-app-install-guide#installing-on-linux",
+            install_guide: "/help/desktop-app-install-guide",
         },
     };
 

templates/zerver/help/desktop-app-install-guide.md

@@ -8,8 +8,8 @@ To install the latest stable release (recommended for most users),
 find your operating system below.  If you're interested in an early
 look at the newest features, consider the [beta releases](#beta-releases).
 
-<!-- This heading is linked to directly from /apps; change with caution -->
-## Installing on macOS
+{start_tabs}
+{tab|mac}
 
 ### Disk image (recommended)
 <!-- TODO why zip? -->
@@ -27,8 +27,7 @@ The app will update automatically to future versions.
 The app will update automatically to future versions. `brew upgrade` will
 also work, if you prefer.
 
-<!-- This heading is linked to directly from /apps; change with caution -->
-## Installing on Windows
+{tab|windows}
 
 ### Web installer (recommended)
 
@@ -48,8 +47,7 @@ The app will update automatically to future versions.
 The app will NOT update automatically. You can repeat these steps to upgrade
 to future versions. <!-- TODO fact check -->
 
-<!-- This heading is linked to directly from /apps; change with caution -->
-## Installing on Linux
+{tab|linux}
 
 ### apt (Ubuntu or Debian 8+)
 
@@ -83,6 +81,8 @@ update automatically. You can repeat these steps to upgrade to future versions.
 
 <!-- TODO why dpkg? -->
 
+{end_tabs}
+
 ## Beta releases
 
 Get a peek at new features before they're released!

zerver/lib/bugdown/tabbed_sections.py

@@ -40,6 +40,9 @@ TAB_DISPLAY_NAMES = {
     'desktop-web': 'Desktop/Web',
     'ios': 'iOS',
     'android': 'Android',
+    'mac': 'macOS',
+    'windows': 'Windows',
+    'linux': 'Linux',
 }
 
 class TabbedSectionsGenerator(Extension):