Reworked installation page and added buttons in css

docs/css/buttons.css

@@ -0,0 +1,48 @@
+a.xournalppButton {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    background-color: var(--md-primary-fg-color);
+    color: var(--md-primary-bg-color);
+    padding: 8px;
+    cursor: pointer;
+    font-size: 20px;
+}
+
+a.xournalppButton:hover {
+    color: var(--md-primary-bg-color--light);
+}
+
+a.downloadButton:after {
+    display: block;
+    content: "";
+    width: 34px;
+    height: 34px;
+    background: url(/icons/download.svg);
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+
+.downloadsContainer {
+    display: grid;
+    justify-content: center;
+    text-align: center;
+    margin-top: 20px;
+    grid-gap: 8px;
+}
+
+#osContainer {
+    grid-template-columns: repeat(3, 1fr);
+}
+#osContainer > a {
+    font-size: 24px;
+}
+
+#macosDownloadsContainer, #windowsDownloadsContainer {
+    grid-template-columns: repeat(3, 1fr);
+}
+
+#linuxDownloadsContainer {
+    grid-template-columns: repeat(4, 1fr);
+}

docs/index.md

@@ -1,5 +1,14 @@
 # Xournal++
 
+<div style="display: flex; justify-content: left;">
+<a class="xournalppButton" style="margin: 8px;" href="installation/general">Download</a>
+<a class="xournalppButton" style="margin: 8px;" href="https://github.com/xournalpp/xournalpp/">Github Page</a>
+<a class="xournalppButton" style="margin: 8px;" href="https://gitlab.com/TheOneWithTheBraid/xournalpp_mobile">Xournal++ mobile</a>
+<!-- TODO: Add some more quick buttons -->
+</div>
+
+## General info
+
 **Note: this website is new and a work-in-progress. In the meantime, please
 use the [GitHub page](https://github.com/xournalpp/xournalpp) for more
 information.**
@@ -9,8 +18,8 @@ target of flexibility, functionality, and speed. It is a modern rewrite and more
 feature-rich version of the wonderful
 [Xournal](http://sourceforge.net/projects/xournal/) program.
 
-To install Xournal++, please follow the instructions on the [installation
-page](installation).
+To install Xournal++, please follow to the [installation
+page](installation/general).
 
 ## Some highlighted features
 

docs/installation/index.md

@@ -0,0 +1,11 @@
+# Please choose your OS
+
+Xournal++ is a free and open source program and is available on most of the desktop OSes. Please choose the operating system that you are using and follow the appropriate guide. If you are having trouble with your guide, you may want to visit the [Github page](https://github.com/xournalpp/xournalpp#Installing) or [report an issue](https://github.com/xournalpp/xournalpp.github.io/issues).
+
+<ul id="osContainer" class="downloadsContainer">
+<a class="xournalppButton" href="windows">Windows</a>
+<a class="xournalppButton" href="macos">MacOS</a>
+<a class="xournalppButton" href="linux">Linux</a>
+</ul>
+
+

docs/installation/linux.md

@@ -0,0 +1,76 @@
+# Linux installation
+
+## General information
+
+Xournal++ is a free and open source program and can be easily compiled from source, although for user convenience it is also distributed via precompiled binary. In case you want to compile xournalpp on your own you should follow the guide on the [github page](https://github.com/xournalpp/xournalpp/blob/master/readme/LinuxBuild.md). If you decide to do otherwise, then this guide is dedicated to that process.
+
+## Options for all/most distros
+
+The following options are available on most major Linux distros.
+
+<ul id="linuxDownloadsContainer" class="downloadsContainer">
+<a class="xournalppButton downloadButton" href="{{downloads.linux.appimage}}">AppImage</a>
+<a class="xournalppButton" href="{{downloads.linux.flatpak}}">FlatPak</a>
+<a class="xournalppButton " href="{{downloads.linux.snap}}">Snap Package</a>
+<a class="xournalppButton" href="{{downloads.allVersions}}">Other versions</a>
+<a class="xournalppButton" style="grid-column: 1 / 3;" href="{{downloads.nightly}}">Nightly (including nightly AppImage)</a>
+<a class="xournalppButton" style="grid-column: 3 / 5;" href="#options-for-specific-distros-potentially-preferable">Or use distro specific method</a>
+</ul>
+
+## Options for specific distros (potentially preferable)
+
+On _specific Linux distros_ you have the following extra options:
+
+### Ubuntu and derivatives
+
+* Install the latest *unstable* nightly release from the following ppa
+
+        sudo add-apt-repository ppa:andreasbutti/xournalpp-master
+        sudo apt update
+        sudo apt install xournalpp
+
+    which you can easily upgrade via `sudo apt update && sudo apt upgrade`
+
+* Install the latest *stable* release from the following *unofficial* ppa
+
+        sudo add-apt-repository ppa:apandada1/xournalpp-stable
+        sudo apt update
+        sudo apt install xournalpp
+
+* Install the latest stable release (currently version {{ version.latest_stable }}) from the [releases page](https://github.com/xournalpp/xournalpp/releases)
+* Install the latest unstable release (automated nightly build) from the [releases page]({{downloads.nightly}})
+
+### Debian Buster
+
+* Install the latest stable release (version {{ version.latest_stable }}) from the [releases page](https://github.com/xournalpp/xournalpp/releases/tag/1.0.20-hotfix)
+* Install the latest unstable release (automated nightly build) from the [releases page]({{downloads.nightly}})
+
+### Fedora
+
+Install the latest stable release via
+
+    dnf install xournalpp
+
+### openSuse
+
+Install the latest stable release via
+
+    zypper in xournalpp
+
+### Solus
+
+Install the latest stable release via
+
+    sudo eopkg it xournalpp
+
+### Arch
+
+Install the latest stable release from the _community_ repository via
+
+    pacman -S xournalpp 
+
+### NixOS/Nix
+
+Install the latest stable release via
+
+    nix-env -iA nixpkgs.xournalpp

docs/installation/macos.md

@@ -0,0 +1,21 @@
+# MacOS installation
+
+## General information
+
+Xournal++ is a free and open source program and can be easily compiled from source, although for user convenience it is also distributed via precompiled binary. In case you want to compile xournalpp on your own you should follow the guide on the [github page](https://github.com/xournalpp/xournalpp/blob/master/readme/MacBuild.md). If you decide to do otherwise, then this guide is dedicated to that process.
+
+## Downloading the program
+
+<ul id="macosDownloadsContainer" class="downloadsContainer">
+<a class="xournalppButton downloadButton" href="{{downloads.macos.stable}}">Stable (Recommended)</a>
+<a class="xournalppButton" href="{{downloads.nightly}}">Nightly</a>
+<a class="xournalppButton" href="{{downloads.allVersions}}">Other versions</a>
+</ul>
+
+In case of downloading a different version than the stable one, remember to download the `macos` version.
+
+## Installing program
+
+> After installation, it would be nice if you could improve this guide
+
+Just download the archive and run the unzipped executable.

docs/installation/windows.md

@@ -0,0 +1,25 @@
+# Windows installation 
+
+## General information
+
+Xournal++ is a free and open source program and can be easily compiled from source, although for user convenience it is also distributed via precompiled binary (in .exe form). In case you want to compile xournalpp on your own you should follow the guide on the [github page](https://github.com/xournalpp/xournalpp/blob/master/readme/WindowsBuild.md). If you decide to do otherwise, then this guide is dedicated to that process.
+
+## Downloading the program
+
+<ul id="windowsDownloadsContainer" class="downloadsContainer">
+<a class="xournalppButton downloadButton" href="{{downloads.windows.stable}}">Stable (Recommended)</a>
+<a class="xournalppButton" href="{{downloads.nightly}}">Nightly</a>
+<a class="xournalppButton" href="{{downloads.allVersions}}">Other versions</a>
+</ul>
+
+In case of downloading a different version than the stable one, remember to download the `windows` version.
+
+## Installing the program
+
+Installing Xournalpp is really easy: 
+
+1. Unzip archive which should be named something like `xournalpp-{version}-windows.zip`. 
+2. Run the installation executable (`xournalpp-{version}-windows.exe`).
+3. Follow the installation steps.
+4. Success !
+