Add a download page to the website (#359)

This is a super rough start for a download page for the website. Please
make contributions since this is pretty bad so far. Can you tell Im not
a front end dev? 😆

In order for the links to always work we either need to:
* Modify our electron build to not add versions to the filename
* Add some way for the page to know the current version and use that in
the requested filename

For now they are hard coded with the version so they wont work next
month unless something changes.

For now the OS logos are colored so that they can be seen in both light
and dark modes. Im sure there is a better way than making them purple.

.github/actions/spelling/allow/keywords.txt

@@ -49,8 +49,10 @@ ldaplogin
 letsencrypt
 libofx
 linting
+linuxsvg
 lleskassen
 lte
+macsvg
 Mariushosting
 minimalistic
 monkeypatch
@@ -94,6 +96,7 @@ useb
 usernames
 valign
 Venmo
+winsvg
 WSL
 Xxxxx
 ynab

docusaurus.config.js

@@ -81,6 +81,11 @@ module.exports = {
             label: 'Contact',
             position: 'left',
           },
+          {
+            to: '/download',
+            label: 'Download',
+            position: 'left',
+          },
           {
             href: 'https://opencollective.com/actual',
             label: 'Donate',

src/pages/download.md

@@ -0,0 +1,26 @@
+---
+title: Downloads
+hide_table_of_contents: true
+---
+
+import Winsvg from '../../static/img/win.svg'
+import Macsvg from '../../static/img/apple.svg'
+import Linuxsvg from '../../static/img/linux.svg'
+
+# Downloads
+
+The simplest way to use Actual is to download the desktop application.  This will give you access to all of Actuals budgeting features.  For a breakdown of what features require a server in addition to the base app see the [Installation Guide](/docs/install).
+
+## Desktop Client
+|||
+|:--:|:--:|:--:|:--:|
+|<Winsvg width="100" height="100" fill="#6B46C1"/>|<Macsvg width="100" height="105" fill="#6B46C1"/>|<Linuxsvg width="100" height="100" fill="#6B46C1" />|<Linuxsvg width="100" height="100" fill="#6B46C1"/>|
+|[Windows](https://github.com/actualbudget/actual/releases/latest/download/Actual-windows.exe)|[Mac](https://github.com/actualbudget/actual/releases/latest/download/Actual-mac.dmg)|[Linux (Appimage)](https://github.com/actualbudget/actual/releases/latest/download/Actual-linux.AppImage)|[Linux (Flatpak) ](https://github.com/actualbudget/actual/releases/latest/download/Actual-linux.flatpak)|
+
+
+## Server Download
+Actual has two parts, the client and a sync server.  The primary task of the sync server is to sync your budget between devices, and to enable bank syncing.  We have a full write up of [if you need a server or not](/docs/install/). We also have install guides on how to set up the server in the following ways
+* [Docker Install](/docs/install/docker)
+* [Local Installation](/docs/install/local)
+* [PikaPods](/docs/install/pikapods)
+* [Fly.io](/docs/install/fly)