Adjust rest of site for the portmaster tour

_sass/_download.scss

@@ -0,0 +1,20 @@
+#download {
+  .row:last-child {
+    padding-bottom: 7em;
+
+    .ui.three.cards {
+      .content p {
+        font-size: 1.1em;
+      }
+
+      button {
+        padding-right: 0.8em;
+        padding-left: 0.8em;
+      }
+
+      a {
+        color: $main_color;
+      }
+    }
+  }
+}

assets/css/main.scss

@@ -15,3 +15,4 @@
 @import "floating_button.scss";
 @import "our-values.scss";
 @import "portmaster_tour.scss";
+@import "download.scss";

download/index.html

@@ -1,9 +1,45 @@
 ---
 layout: page_markdown
 title: Download
-heading: Linux Release
+heading: Alpha for Linux
-subheading: |
+community_snippet_intro: Want to contribute to our private alpha?
-  Portmaster is now available for Linux 🎉<br>
-  <a href="https://github.com/Safing/portmaster/releases/">Head over to our Github</a> to download the private alpha.
-community_snippet_intro: Want to be part of our private alpha?
 ---
+
+<div class="ui doubling grid container" id="download">
+  <div class="centered row">
+    <div class="thirteen wide column">
+      <div class="ui three stackable cards">
+        <a class="card" href="/technology#portmaster">
+          <div class="content">
+            <p>Explore the mechanics behind Portmaster</p>
+          </div>
+          <div class="extra content">
+            <button class='ui safing-secondary button'>
+              Technical Details
+            </button>
+          </div>
+        </a>
+        <a class="ui raised card" href='https://github.com/Safing/portmaster/releases/' target="_blank">
+          <div class="content">
+            <p>Visit our Github to download the latest release</p>
+          </div>
+          <div class="extra content">
+            <button class='ui safing-primary button'>
+              Download from&nbsp;&nbsp;<i class="ui github icon"></i>
+            </button>
+          </div>
+        </a>
+        <a class="card" href='/portmaster'>
+          <div class="content">
+            <p>Discover what Portmaster has to offer</p>
+          </div>
+          <div class="extra content">
+            <button class='ui safing-secondary button'>
+              Feature Tour
+            </button>
+          </div>
+        </a>
+      </div>
+    </div>
+  </div>
+</div>

index.html

@@ -94,6 +94,11 @@ title: Safing
                   Technical Details
                 </button>
               </a>
+              <a href="/portmaster">
+                <button class='ui safing-secondary button'>
+                  Feature Tour
+                </button>
+              </a>
               <a href='/download'>
                 <button class='ui safing-primary button'>
                   Download