downloads: Make the LWL box more like a box

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/download/release.html b/src/templates/download/release.html
index 8cff9a920fdf5f126dcd96f96e0d13cb28c956e2..6ac14739269e206adc706059cd8054157c998b71 100644 (file)
--- a/src/templates/download/release.html
+++ b/src/templates/download/release.html
@@ -67,23 +67,37 @@
 
        <section class="section">
                <div class="container">
-                       <section class="hero has-background-primary-light">
-                               <div class="hero-body">
-                                       <div class="container">
-                                               <h2 class="title is-2">{{ _("Running IPFire in the Cloud?") }}</h2>
+                       <div class="notification is-lwl p-5">
+                               <div class="block">
+                                       <h3 class="title is-3">{{ _("Running IPFire in the Cloud?") }}</h3>
 
-                                               <p class="subtitle">
-                                                       {{ _("IPFire is now available in the Amazon Cloud.") }}
-                                                       {{ _("Create flexible firewall rules and use our Intrusion Detection System to protect your servers in the Cloud.") }}
-                                                       {{ _("Connect to them securely using our VPN technologies.") }}
-                                               </p>
+                                       <p>
+                                               {{ _("IPFire is now available in the Amazon Cloud.") }}
+                                               {{ _("Create flexible firewall rules and use our Intrusion Detection System to protect your servers in the Cloud.") }}
+                                               {{ _("Connect to them securely using our VPN technologies.") }}
+                                       </p>
+                               </div>
 
-                                               <a class="button is-lwl" href="https://aws.amazon.com/marketplace/pp/B07HYRD4FX">
-                                                       {{ _("Go to Amazon Web Services") }} <span class="fas fa-external-link-alt ml-2"></span>
-                                               </a>
-                                       </div>
+                               <div class="buttons">
+                                       <a class="button is-white" href="https://aws.amazon.com/marketplace/pp/B07HYRD4FX">
+                                               <span class="icon-text">
+                                                       <span class="icon">
+                                                               <i class="fab fa-aws"></i>
+                                                       </span>
+                                                       <span>{{ _("x86_64") }}</span>
+                                               </span>
+                                       </a>
+
+                                       <a class="button is-white" href="https://aws.amazon.com/marketplace/pp/prodview-opiegephkjalm">
+                                               <span class="icon-text">
+                                                       <span class="icon">
+                                                               <i class="fab fa-aws"></i>
+                                                       </span>
+                                                       <span>{{ _("aarch64") }}</span>
+                                               </span>
+                                       </a>
                                </div>
-                       </section>
+                       </div>
                </div>
        </section>