]> git.ipfire.org Git - people/shoehn/ipfire.org.git/blobdiff - templates/download-splash.html
Donation page responsivness
[people/shoehn/ipfire.org.git] / templates / download-splash.html
index fdb7205764a310461348be1553bf2bf72e726aed..a4ca41b8d61f8ff95f5246897a32132dfc5c8f17 100644 (file)
@@ -1,20 +1,14 @@
 {% extends "base-1.html" %}
 
-{% block title %}{{ _("Thanks for downloading IPFire!") }}{% end block %}
+{% block title %}{{ _("Thanks for downloading IPFire") }}{% end block %}
 
-
-{% block header %}
-       <header class="jumbotron subhead" id="overview">
-               <div class="container ac">
-                       <h1>{{ _("Thanks for downloading IPFire!") }}</h1>
+{% block container %}
+       <section class="container content-section text-center">
+               <div class="page-header">
+                       <h1>{{ _("Thanks for downloading IPFire") }}</h1>
                </div>
-       </header>
-{% end header %}
-
 
-{% block body %}
-       <div class="ac">
-               <h4>
+               <p class="lead">
                        {% if lang == "de" %}
                                Der Download beginnt in Kürze.
                                Falls nicht, auf den untenstehenden Link klicken.
                                Your download should begin in a few seconds.
                                If not, click the link below.
                        {% end %}
-               </h4>
-
-               <p class="download-path"></p>
-       </div>
-
-       <hr>
-
-       {% if lang == "de" %}
-               <p class="lead ac">
-                       Wir möchten jeden, der IPFire herunterlädt einladen,
-                       sich in das Projekt einzubringen, zum Beispiel mit
-                       einer <a href="http://www.ipfire.org/donate">Spende</a>.
-                       Daher bitten wir um ein paar Euro für das Projekt
-                       <a href="http://www.ipfire.org/getinvolved">oder das
-                       Projekt auf eine andere Weise zu unterstützen</a>.
-               </p>
-       {% else %}
-               <p class="lead ac">
-                       We encourage everyone who downloads and uses IPFire to
-                       get involved for example by
-                       <a href="http://www.ipfire.org/donate">donating</a>
-                       a small amount of money.
-                       Please consider donating a few bucks to the project.
-                       <a href="http://www.ipfire.org/getinvolved">If you can't
-                       afford to donate, there are other ways you can help</a>.
                </p>
-       {% end %}
-
-       <div class="ac">
-               <br>
-               <a class="btn btn-success btn-lg" href="http://www.ipfire.org/donate">
-                       {{ _("Donate") }}
-               </a>
-       </div>
-
-       <hr>
-
-       {% module Advertisement("download-splash") %}
 
-       <hr>
-
-       <h3>{{ _("Next steps") }}</h3>
-       <div class="row">
-               <div class="col-lg-4 col-md-4">
-                       <h4>
-                               <a href="http://wiki.ipfire.org/{{ lang }}/installation/start">
-                                       {{ _("Install IPFire") }}
+               <p class="download-path"></p>
+       </section>
+
+       <section class="container content-section text-center">
+               <div class="row">
+                       <div class="col-lg-4 col-md-4">
+                               <a class="link-normal" href="http://wiki.ipfire.org/en/installation/start">
+                                       <span class="fa fa-4x fa-terminal"></span>
+                                       <h3>{{ _("How to install IPFire") }}</h3>
                                </a>
-                       </h4>
-
-                       <p>
-                               {% if lang == "de" %}
-                                       Erfahre wie es nach dem Download des Images weitergeht.
-                               {% else %}
-                                       Learn how to install IPFire from the image file you just
-                                       downloaded.
-                               {% end %}
-                       </p>
-               </div>
-
-               <div class="col-lg-4 col-md-4">
-                       <h4>
-                               <a href="http://wiki.ipfire.org/">{{ _("Access documentation") }}</a>
-                       </h4>
+                       </div>
 
-                       <p>
-                               {% if lang == "de" %}
-                                       Im Problemfall ist ein Blick in die Dokumentation immer
-                                       hilfreich. Diese wird übrigens vom Dokumentations-Team
-                                       gepflegt.
-                               {% else %}
-                                       In case you are stuck with a problem, have a look at
-                                       the documentation which is maintained by the IPFire
-                                       Documentation Team.
-                               {% end %}
-                       </p>
-               </div>
-
-               <div class="col-lg-4 col-md-4">
-                       <h4>
-                               <a href="http://www.ipfire.org/getinvolved">{{ _("Join the community") }}</a>
-                       </h4>
+                       <div class="col-lg-4 col-md-4">
+                               <a class="link-normal" href="//www.ipfire.org/donate">
+                                       <span class="fa fa-4x fa-heart text-danger"></span>
+                                       <h3>{{ _("Donate") }}</h3>
+                               </a>
+                       </div>
 
-                       <p>
-                               {% if lang == "de" %}
-                                       Egal, ob Neueinsteiger oder Linux-Experte. Es gibt
-                                       unzählige Wege beim Projekt mitzumachen.
-                               {% else %}
-                                       If you are using IPFire for the first time or if you are
-                                       a Linux expert, there are lots of ways to contribute to the
-                                       IPFire project.
-                               {% end %}
-                       </p>
+                       <div class="col-lg-4 col-md-4">
+                               <a class="link-normal" href="http://www.ipfire.org/get-support">
+                                       <span class="fa fa-4x fa-question"></span>
+                                       <h3>{{ _("Get Support") }}</h3>
+                               </a>
+                       </div>
                </div>
-       </div>
+       </section>
 {% end %}