index.html: Add links release announcement post

Signed-off-by: Hector Martin <[email protected]>

Author: marcan

content/blog/2022/03/17-asahi-linux-alpha-release.md

@@ -1,5 +1,5 @@
 +++
-date = "2021-12-18T23:00:00+00:00"
+date = "2022-03-18T23:50:00+00:00"
 draft = false
 title = "The first Asahi Linux Alpha Release is here!"
 slug = "asahi-linux-alpha-release"

layouts/index.html

@@ -11,6 +11,16 @@ <h1>Linux on Apple Silicon</h1>
         </div>
     </div>
 </section>
+<section id="download">
+    <div class="center-title">
+        <h1>Download</h1>
+    </div>
+    <div class="download-card center-card">
+        <i class="big-icon fas fa-arrow-down"></i>
+        <p>The Asahi Linux alpha release is out!</p>
+        <a href="/2022/03/asahi-linux-alpha-release/" class="more">Check out the announcement<i class="fas fa-angle-right more"></i></a>
+    </div>
+</section>
 <section id="community" class="white-text">
     <div class="center-title">
         <h1>Community</h1>

static/css/main.css

@@ -723,6 +723,15 @@ div.chat-button a {
     justify-content: center;
 }
 
+/* Download */
+body.landing #download {
+    background-color: #4ecbaa;
+}
+
+.download-card {
+    background-color: #057f5f;
+}
+
 /* Contribute */
 body.landing #contribute {
     background-color: #FFF;