redesigned downloads/thank-you.html

diff --git a/src/templates/downloads/thank-you.html b/src/templates/downloads/thank-you.html
index 1a62faf0c7e2250360ff64ae556df6237271d14a..1293efec28d987fd673aa63caf28218420eee5e4 100644 (file)
--- a/src/templates/downloads/thank-you.html
+++ b/src/templates/downloads/thank-you.html
@@ -3,23 +3,38 @@
 {% block title %}{{ _("Thank You For Downloading IPFire") }}{% end block %}
 
 {% block container %}
-       <div class="header">
+       <section class="section">
                <div class="container">
-                       <h1>{{ _("Thank You For Downloading IPFire") }}</h1>
-
-                       <p class="text-muted">
-                               {{ _("Your download will begin in a few seconds. If not, click the link below.") }}
-                       </p>
-
-                       <p class="download-path"></p>
+                       <div class="columns is-centered">
+                               <div class="column is-8 has-text-centered">
+                                       <h1 class="title is-1">
+                                               Thank You For Downloading IPFire<span class="has-text-primary">_</span>
+                                       </h1>
+                                       <h4 class="subtitle is-4">{{ _("Your download will begin in a few seconds. If not, click the link below.") }}</h4>
+
+                                       <div class="block">
+                                               <p class="download-path"></p>
+                                       </div>
+
+                                       <div class="columns is-centered">
+                                               <div class="column is-4">
+                                                       <div class="block">
+                                                               <a class="button is-primary is-fullwidth is-medium has-text-weight-bold" href="https://ipfire.org/donate">
+                                                                       DONATE
+                                                               </a>
+                                                       </div>
+                                               </div>
+                                       </div>
+
+                                       <div class="block"> <!-- wofür? -->
+                                               <section>
+                                                       XXX
+                                               </section>
+                                       </div>
+                               </div>
+                       </div>
                </div>
-       </div>
-
-       <div class="container">
-               <section>
-                       XXX
-               </section>
-       </div>
+       </section>
 {% end block %}
 
 {% block javascript %}