feat: refactor download layout

Author: fizzyizzy05

content/downloads.md

@@ -4,22 +4,22 @@ title: "Download Apollo"
 
 We're excited to see you try out Apollo. If this is your first time, make sure to read the [frequently asked questions](https://docs.getapollo.dev/docs/getting-started/frequently-asked-questions) and [installation guide](https://docs.getapollo.dev/docs/getting-started/install/). 
 
-You should make sure to choose the right ISO for your hardware as they include the neccessary drivers. All images on this page are for **x86_64** computers. We also recommend verifying ISOs against the provided hash to ensure that they are legitimate.
+You should make sure to choose the right ISO for your hardware as they include the neccessary drivers. All images on this page are for **x86_64** computers.
 
 **Note:** ISOs are still a work in progress and unavailable at this time!
 
 {{ download(
     title="Apollo",
     description="For computers with AMD and Intel graphics."
     image_name="apollo",
-    sha256_sum="undefined",
+    sha256_link="#",
     image_link="#"
 ) }}
 
 {{ download(
     title="Apollo for NVIDIA systems",
     description="For laptops and desktops with Turing (GTX 16xx/RTX 20xx) or newer NVIDIA graphics.",
     image_name="apollo-nvidia",
-    sha256_sum="undefined",
+    sha256_link="#",
     image_link="#"
 ) }}

sass/_download.scss

@@ -22,6 +22,7 @@ body {
 
         div.button-container {
             display: flex;
+            gap: 8px;
         }
     }
 }

templates/shortcodes/download.html

@@ -1,10 +1,10 @@
 <div class="container download-container">
     <h2>{{title}}</h2>
     <p class="info"><em>Image name: <code>{{image_name}}</code></em></p>
-    <p class="info"><em>SHA256 sum: <code>{{sha256_sum}}</code></em></p>
     <p class="description">{{description}}</p>
 
     <div class="button-container">
         <a class="button" href="{{ image_link }}">Coming Soon</a>
+        <a class="button" href="{{ sha256_link }}">Verify</a>
     </div>
 </div>