install page: Automatically link to correct OS directions

Add a script that will update the homepage / sidebar links to the
appropriate OS-specific link.

This falls back gracefully: if the script doesn't run, you can just
go to /install/ and click on the appropriate page.

Signed-off-by: Julia Evans <[email protected]>

Author: jvns

assets/js/application.js

@@ -36,6 +36,7 @@ $(document).ready(function() {
   Forms.init();
   Downloads.init();
   DownloadBox.init();
+  InstallPageLink.init();
   PostelizeAnchor.init();
   Print.init();
 });
@@ -809,6 +810,22 @@ var Graphviz = {
   }
 }
 
+var InstallPageLink = {
+  init: function() {
+    const installLink = document.querySelector('.install-link');
+    if (!installLink) return;
+
+    const os = window.session?.browser?.os;
+    if (os === "Mac") {
+      installLink.href = installLink.href.replace('/install', '/install/mac');
+    } else if (os === "Windows") {
+      installLink.href = installLink.href.replace('/install', '/install/win');
+    } else if (os === "Linux") {
+      installLink.href = installLink.href.replace('/install', '/install/linux');
+    }
+  }
+}
+
 var Print = {
   init: function() {
     Print.tagline = $("#tagline");

layouts/partials/sidebar.html

@@ -54,7 +54,7 @@
         <a href="{{ relURL "docs" }}"{{ if or (eq .Params.Subsection "reference") (eq .Params.Subsection "manual") }} class="active"{{ end }}>Reference</a>
       </li>
       <li>
-        <a href="{{ relURL "install" }}"{{ if (eq $section "install") }} class="active"{{ end }}>Install</a>
+        <a href="{{ relURL "install" }}" class="install-link{{ if (eq $section "install") }} active{{ end }}">Install</a>
       </li>
       <li>
         <a href="{{ relURL "community" }}"{{ if (eq $section "community") }} class="active"{{ end }}>Community</a>

layouts/partials/site-root.html

@@ -31,7 +31,7 @@ <h3>Reference</h3>
           </a>
         </li>
         <li>
-          <a href="{{ relURL "install" }}">
+          <a class="install-link" href="{{ relURL "install" }}">
             <img src="{{ relURL "images/icons/fa-down-long.svg" }}" width="74" height="74" />
             <h3>Install</h3>
             <p>Binary releases for all major platforms.</p>