Docs: Improve download page

Author: BornToBeRoot

Website/docs/changelog/2024-5-24-0.md

@@ -7,8 +7,12 @@ sidebar_position: 986
 Version: **2024.5.24.0** <br />
 Release date: **24.05.2024**
 
-| File | `SHA256` |
-| ---- | -------- |
+| File                                                                                                                                                              | `SHA256`                                                           |
+| ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------ |
+| [`NETworkManager_2024.5.24.0_Setup.msi`](https://github.com/BornToBeRoot/NETworkManager/releases/download/2024.5.24.0/NETworkManager_2024.5.24.0_Setup.msi)       | `33AA6EEC72C45933380751A547D3F56E04DC2F991968708D88ADDDB2B8618A5D` |
+| [`NETworkManager_2024.5.24.0_Portable.zip`](https://github.com/BornToBeRoot/NETworkManager/releases/download/2024.5.24.0/NETworkManager_2024.5.24.0_Portable.zip) | `07A249DBE04A5A8572925B0F21077605760FA701539FF0FDC2C6D94CEB1518E2` |
+| [`NETworkManager_2024.5.24.0_Archive.zip`](https://github.com/BornToBeRoot/NETworkManager/releases/download/2024.5.24.0/NETworkManager_2024.5.24.0_Archive.zip)   | `6993716D4E7B2F6041EEF6FAACCCB88D9AFDD164A5C9A9B9C21E965163A4AECD` |
+
 
 **System requirements**
 

Website/src/pages/download.mdx

@@ -8,14 +8,12 @@ import styles from "./styles.module.css";
 
 # Download
 
-## Latest
-
 Version: **2024.4.21.0**<br />
 Release date: **21.04.2024**
 
 Download the latest binaries via GitHub Releases:
 
-<div className={`${styles.downloadButtonContainer} margin-bottom--lg`}>
+<div className={`${styles.centerButtonContainer} margin-bottom--lg`}>
   <Link
     className={`button button--primary ${styles.downloadButton}`}
     to="https://github.com/BornToBeRoot/NETworkManager/releases/download/2024.4.21.0/NETworkManager_2024.4.21.0_Setup.exe"
@@ -61,35 +59,66 @@ Download the latest binaries via GitHub Releases:
   </p>
 </div>
 
-Here you can find the [changelog](/docs/changelog/2024-4-21-0).
+<div className={`${styles.centerButtonContainer} margin-bottom--lg`}>
+  <Link
+    className={`button button--secondary ${styles.additionalButton}`}
+    to="/docs/changelog/2024-4-21-0"
+  >
+    Changelog
+  </Link>
+</div>
+
+<details>
+  <summary>SHA256 checksums</summary>  
+  <div>
+    <div>
+        <p>File hashes of the above downloads:</p>
+        <table>
+          <thead>
+            <tr>
+              <th>File</th>
+              <th><code>SHA256</code></th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><code>NETworkManager_2024.4.21.0_Setup.exe</code></td>
+              <td><code>C0A49E98C788CC0C69B0AAA87D7550B7307B797A761B8913D1CDAE305FDFF666</code></td>
+            </tr>
+            <tr>
+              <td><code>NETworkManager_2024.4.21.0_Portable.zip</code></td>
+              <td><code>85AB794D44FEC49A08FBD261C00689E8D50A50DF9787B85946752B1F180373B6</code></td>
+            </tr>
+            <tr>
+              <td><code>NETworkManager_2024.4.21.0_Archive.zip</code></td>
+              <td><code>96DAFC53A89A86E7FF9C971F5136FD9474BF2CCB956C724EE93C10B231B25819</code></td>
+            </tr>
+          </tbody>
+        </table>
+    </div>    
+  </div>
+</details>
 
 :::info
 
-**Setup** [Recommended]<br />
+**Setup** (MSI-Installer) [Recommended]<br />
 Installs NETworkManager on your system for all users (requires administrator privileges).<br />
 Profiles and settings are stored in the user profile under `Documents\NETworkManager`.<br />
 
-**Portable**<br />
+**Portable** (ZIP-Archive)<br />
 Run NETworkManager anywhere without installation (e.g. USB stick, network share).<br />
 Profiles and settings are stored in the same directory as the executable. Upgrades are supported by copying the `Profiles` and `Settings` directories to the newly downloaded version.
 
-**Archive**<br />
+**Archive** (ZIP-Archive)<br />
 Run NETworkManager anywhere without installation (e.g. USB stick, network share).<br />
 Profiles and settings are stored in the user profile under `Documents\NETworkManager`. Might be useful for custom deployment senarios (e.g. Terminal Server, Intune, etc.).
 
-See also the [system requirements](#system-requirements).
-
 :::
 
-### Hashes
-
-File hashes of the above downloads:
+## System requirements
 
-| File                                      | `SHA256`                                                           |
-| :---------------------------------------- | :----------------------------------------------------------------- |
-| `NETworkManager_2024.4.21.0_Setup.exe`    | `C0A49E98C788CC0C69B0AAA87D7550B7307B797A761B8913D1CDAE305FDFF666` |
-| `NETworkManager_2024.4.21.0_Portable.zip` | `85AB794D44FEC49A08FBD261C00689E8D50A50DF9787B85946752B1F180373B6` |
-| `NETworkManager_2024.4.21.0_Archive.zip`  | `96DAFC53A89A86E7FF9C971F5136FD9474BF2CCB956C724EE93C10B231B25819` |
+- Windows 10 / Server x64 (1809 or later)
+- [.NET Desktop Runtime 8.0 (LTS) - x64](https://dotnet.microsoft.com/en-us/download/dotnet/8.0/runtime)
 
 :::info
 
@@ -113,11 +142,6 @@ Please note that pre-release versions are not as stable as regular versions and
 
 :::
 
-## System requirements
-
-- Windows 10 / Server x64 (1809 or later)
-- [.NET Desktop Runtime 8.0 (LTS) - x64](https://dotnet.microsoft.com/en-us/download/dotnet/8.0/runtime)
-
 ## Package Manager
 
 NETworkManager is available through the following package managers.

Website/src/pages/styles.module.css

@@ -120,7 +120,7 @@ table {
   overflow: hidden;
 }
 
-.downloadButtonContainer {
+.centerButtonContainer {
   display: flex;
   justify-content: center;
 }
@@ -132,6 +132,13 @@ table {
   font-size: 24px;
 }
 
+.additionalButton {
+  margin: 20px;
+  height: 44px;
+  width: 200px;
+  font-size: 18px;
+}
+
 @media only screen and (max-width: 768px) {
   .hero {
     padding-left: 20px;
@@ -170,7 +177,7 @@ table {
     display: none;
   }
 
-  .downloadButtonContainer {
+  .centerButtonContainer {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;