WIP: content: usage: installation: add download links

Author: ES-Alexander

content/usage/installation.md

@@ -27,5 +27,53 @@ Once installed, updating to a new Cockpit version can be done via the "Installed
 
 ## Self-Contained Application
 
-In future, Cockpit will also be available as a self-contained Electron application, which can be stored on a Control Station
+Cockpit is also available as a self-contained Electron application, which can be stored on a Control Station
 Computer and started up for connection to a vehicle.
+
+Download the latest version for your operating system here:
+
+<a id="mac-x86_64">macOS Download Test</a>
+
+{% horizontal_scroll(width="750px") %}
+| Operating System | x86_64 | arm64 |
+| --- | --- | --- |
+| Windows | [Cockpit.exe](https://github.com/bluerobotics/cockpit/releases/latest/download/Cockpit-win-x64.exe) | Not available |
+| macOS | [Cockpit-Intel.dmg](https://github.com/bluerobotics/cockpit/releases/latest/download/Cockpit-mac-x64.dmg) | Not yet available, use x86_64 version |
+| iOS / iPadOS | N/A | use the BlueOS Extension in a browser |
+| Linux | [Cockpit-x86_64.AppImage](https://github.com/bluerobotics/cockpit/releases/latest/download/Cockpit-linux-x86_64.AppImage)<br>[Cockpit-x86_64.flatpak](https://github.com/bluerobotics/cockpit/releases/latest/download/Cockpit-linux-x86_64.flatpak) | [Cockpit-arm64.AppImage](https://github.com/bluerobotics/cockpit/releases/latest/download/Cockpit-linux-arm64.AppImage)<br>[Cockpit-arm64.flatpak](https://github.com/bluerobotics/cockpit/releases/latest/download/Cockpit-linux-arm64.flatpak) |
+| Android | N/A | use the BlueOS Extension in a browser |
+{% end %}
+
+or check the [releases](https://github.com/bluerobotics/cockpit/releases), for a list of all available versions, and the main changes between them.
+
+<script type="text/javascript">
+const linkBase = "https://github.com/bluerobotics/cockpit/releases/latest/download/";
+
+/*
+function fetchAndApplyDownloadLink(yamlURL, fileExtension, aID) {
+    const re = new RegExp("  - url: ([-a-zA-Z0-9\.])" + fileExtension + "\n");
+    fetch(yamlURL)
+      .then(res => res.blob())
+      .then(blob => blob.text())
+      .then(yamlAsString => {
+        document.getElementById(aID).setAttribute("href", linkBase + yamlAsString.match(re)[0] + fileExtension);
+    })
+}
+
+fetchAndApplyDownloadLink(linkBase + yamlURL, ".dmg", "mac-x86_64");
+*/
+
+const yamlURL = linkBase + "latest-mac.yml"
+const fileExtension = ".dmg"
+const re = new RegExp("  - url: ([-a-zA-Z0-9\.])" + fileExtension + "\n");
+fetch(yamlURL, {mode: 'no-cors'})
+  .then(res => res.blob())
+  .then(blob => blob.text())
+  .then(yamlAsString => {
+    console.log("Test");
+    console.log(yamlAsString);
+})
+
+
+document.getElementById("mac-x86_64").setAttribute("href", yamlURL)
+</script>