]> git.ipfire.org Git - people/shoehn/ipfire.org.git/blobdiff - templates/index.html
Add wishes to the donation page.
[people/shoehn/ipfire.org.git] / templates / index.html
index 120c2b43bb9bf489771874948624254b345891c7..63f3902201bca42f231fa47a43ee122f70dbe71c 100644 (file)
@@ -6,27 +6,21 @@
        <div class="jumbotron masthead">
                <div class="container">
                        <div class="row">
-                               <div class="col-lg-4 col-md-4">
-                                       <img src="{{ static_url("images/tux/ipfire_tux_512x512.png") }}" alt="IPFire Logo" />
-                               </div>
-
-                               <div class="col-lg-8 col-md-8">
+                               <div class="col-lg-7 col-md-7 ac">
                                        <h1>IPFire</h1>
+
                                        <p class="lead">An Open Source Firewall Distribution</p>
 
-                                       <p>
+                                       <br class="separator">
+
+                                       <div class="btn-toolbar">
                                                <a class="btn btn-primary btn-lg" href="/download">{{ _("Download IPFire") }}</a>
-                                       </p>
-
-                                       <ul class="masthead-links">
-                                               {% if latest_release %}
-                                                       <li>
-                                                               {{ _("Latest release") }}:<br>
-                                                               {{ latest_release.name }} &dash;
-                                                               {{ locale.format_date(latest_release.date, relative=True, shorter=True) }}
-                                                       </li>
-                                               {% end %}
-                                       </ul>
+                                               <a class="btn btn-success btn-lg" href="/donate">{{ _("Donate") }}</a>
+                                       </div>
+                               </div>
+
+                               <div class="col-lg-5 col-md-5 ac">
+                                       <img src="{{ static_url("images/tux/ipfire_tux_420x420.png") }}" alt="IPFire Logo">
                                </div>
                        </div>
                </div>
                </div>
 
                <div class="col-lg-6 col-md-6">
-                       <div class="well">
-                               <h4>
-                                       <a href="/news">{{ _("What's new?") }}</a>
-                                       <a class="pull-right" href="http://www.ipfire.org/news.rss"><small>[RSS]</small></a>
-                               </h4>
-
-                               <table class="news-entries">
-                                       {% for item in latest_news %}
-                                               <tr>
-                                                       <td class="date">
-                                                               {{ locale.format_date(item.published, relative=True, shorter=True) }} &dash;
-                                                       </td>
-                                                       <td class="link">
-                                                               <a href="/news/{{ item.slug }}">{{ item.title }}</a>
-                                                       </td>
-                                               </tr>
-                                       {% end %}
-                               </table>
-
-                               <hr>
-
-                               <h4>
-                                       <a href="http://planet.ipfire.org">{{ _("IPFire Planet") }}</a>
-                                       <a class="pull-right" href="http://planet.ipfire.org/rss"><small>[RSS]</small></a>
-                               </h4>
-
-                               <table class="news-entries">
-                                       {% for item in planet_posts %}
-                                               <tr>
-                                                       <td class="date">
-                                                               {{ locale.format_date(item.published, relative=True, shorter=True) }} &dash;
-                                                       </td>
-                                                       <td class="link">
-                                                               <a href="http://planet.ipfire.org/post/{{ item.slug }}">{{ item.title }}</a>
-                                                       </td>
-                                               </tr>
-                                       {% end %}
-                               </table>
-
-                               <hr>
+                       <div class="panel panel-default">
+                               {% if latest_release %}
+                                       <div class="panel-heading ac">
+                                               <h3>
+                                                       <a href="/download">{{ latest_release.name }}</a>
+                                               </h3>
+                                               <p>
+                                                       {{ _("This is the latest release from %s.") % locale.format_date(latest_release.date, relative=False, shorter=True) }}
+                                               </p>
+
+                                               {% if latest_release_unstable %}
+                                                       <hr>
+
+                                                       <h4>
+                                                               <a href="http://downloads.ipfire.org/release/{{ latest_release_unstable.sname }}">{{ latest_release_unstable.name }}</a>
+                                                       </h4>
+                                                       <span class="label label-warning">{{ _("Testing release") }}</span>
+                                               {% end %}
+                                       </div>
+                               {% end %}
 
-                               {% if wishlist_items %}
-                                       <h4>
-                                               <a href="http://wishlist.ipfire.org">{{ _("IPFire Wishlist") }}</a>
-                                               <small>{{ _("The IPFire Crowdfunding Platform") }}</small>
-                                       </h4>
+                               <div class="panel-body">
+                                       <h3>
+                                               <a href="/news">{{ _("What's new?") }}</a>
+                                               <a class="pull-right" href="http://www.ipfire.org/news.rss"><small>[RSS]</small></a>
+                                       </h3>
 
-                                       <table class="table-wishlist-widget">
-                                               {% for item in wishlist_items %}
+                                       <table class="news-entries">
+                                               {% for item in latest_news %}
                                                        <tr>
-                                                               <td>
-                                                                       {% if item.is_new() %}
-                                                                               <span class="label label-success pull-right">{{ _("NEW") }}</span>
-                                                                       {% elif item.remaining_days <= 10 %}
-                                                                               <span class="pull-right">
-                                                                                       {{ _("one day left", "%(num)s days left", item.remaining_days) % { "num" : item.remaining_days } }}
-                                                                               </span>
-                                                                       {% else %}
-                                                                               <span class="pull-right">
-                                                                                       {{ _("%d%% funded") % item.percentage }}
-                                                                               </span>
-                                                                       {% end %}
-
-                                                                       <a href="http://wishlist.ipfire.org/wish/{{ item.slug }}" target="_blank">{{ item.title }}</a>
-
-                                                                       <br class="separator-small">
-
-                                                                       <div class="progress progress-small">
-                                                                               <div class="progress-bar progress-{{ item.progressbar_colour }}" style="width: {{ "%.2f%%" % item.percentage_bar }};"></div>
-                                                                       </div>
+                                                               <td class="date">
+                                                                       {{ locale.format_date(item.published, relative=True, shorter=True) }} &nbsp;
+                                                               </td>
+                                                               <td class="link">
+                                                                       <a href="/news/{{ item.slug }}">{{ item.title }}</a>
                                                                </td>
                                                        </tr>
                                                {% end %}
                                        </table>
 
                                        <hr>
-                               {% end %}
 
-                               <div class="row">
-                                       <div class="col-lg-10 col-md-10">
-                                               <a href="/donate"><strong>{{ _("Please support us with your donation!") }}</strong></a>
-                                       </div>
+                                       <h3>
+                                               <a href="http://planet.ipfire.org">{{ _("IPFire Planet") }}</a>
+                                               <a class="pull-right" href="http://planet.ipfire.org/rss"><small>[RSS]</small></a>
+                                       </h3>
 
-                                       <div class="col-lg-2 col-md-2">
-                                               <div class="pull-right">
-                                                       <a href="https://www.facebook.com/IPFire.org"><img src="{{ static_url("images/icons/social/facebook.png") }}" alt="Facebook"></a>
-                                                       <a href="https://twitter.com/ipfire"><img src="{{ static_url("images/icons/social/twitter.png") }}" alt="Twitter"></a>
-                                               </div>
+                                       <table class="news-entries">
+                                               {% for item in planet_posts %}
+                                                       <tr>
+                                                               <td class="date">
+                                                                       {{ locale.format_date(item.published, relative=True, shorter=True) }} &nbsp;
+                                                               </td>
+                                                               <td class="link">
+                                                                       <a href="http://planet.ipfire.org/post/{{ item.slug }}">{{ item.title }}</a>
+                                                               </td>
+                                                       </tr>
+                                               {% end %}
+                                       </table>
+
+                                       {% if wishlist_items %}
+                                               <hr>
+
+                                               <h3>
+                                                       <a href="http://wishlist.ipfire.org">{{ _("IPFire Wishlist") }}</a>
+                                                       <small>{{ _("The IPFire Crowdfunding Platform") }}</small>
+                                               </h3>
+
+                                               {% module WishlistItems(wishlist_items) %}
+                                       {% end %}
+                               </div>
+
+                               <div class="panel-footer">
+                                       <div class="pull-right">
+                                               <a href="https://www.facebook.com/IPFire.org"><img src="{{ static_url("images/icons/social/facebook.png") }}" alt="Facebook"></a>
+                                               <a href="https://twitter.com/ipfire"><img src="{{ static_url("images/icons/social/twitter.png") }}" alt="Twitter"></a>
                                        </div>
+
+                                       <a href="/donate"><strong>{{ _("Please support us with your donation!") }}</strong></a>
                                </div>
                        </div>
                </div>
        </div>
 
-       <br class="separator">
+       <hr class="separator">
 
        <div class="row">
                <div class="col-lg-offset-2 col-lg-8 col-md-8">
                        <div class="panel panel-default">
                                <div class="panel-body">
-                               <h4>
-                                       {{ _("IPFire Hardware Appliances & Consulting") }} <small>{{ _("by Lightning Wire Labs") }}</small>
-                               </h4>
-
-                               <div class="row">
-                                       <div class="col-lg-6 col-md-6">
-                                               {% if lang == "de" %}
-                                                       <p>
-                                                               Lightning Wire Labs bietet mit IPFire vorinstallierte Hardware-Appliances an.
-                                                               Dazu bieten sie professionellen Service &amp; Support durch qualifizierte Consultants.
-                                                       </p>
-                                               {% else %}
-                                                       <p>
-                                                               Lightning Wire Labs offers hardware appliances that come pre-installed
-                                                               with the latest version of IPFire.
-                                                               They also provide professional services &amp; support through their certified consultants.
-                                                       </p>
-                                               {% end %}
+                                       <h3>
+                                               {{ _("IPFire Hardware Appliances & Consulting") }} <small>{{ _("by Lightning Wire Labs") }}</small>
+                                       </h3>
+
+                                       <div class="row">
+                                               <div class="col-lg-6 col-md-6">
+                                                       {% if lang == "de" %}
+                                                               <p>
+                                                                       Lightning Wire Labs bietet mit IPFire vorinstallierte Hardware-Appliances an.
+                                                                       Dazu bieten sie professionellen Service &amp; Support durch qualifizierte Consultants.
+                                                               </p>
+                                                       {% else %}
+                                                               <p>
+                                                                       Lightning Wire Labs offers hardware appliances that come pre-installed
+                                                                       with the latest version of IPFire.
+                                                                       They also provide professional services &amp; support through their certified consultants.
+                                                               </p>
+                                                       {% end %}
+                                               </div>
+
+                                               <div class="col-lg-6 col-md-6 ac">
+                                                       <a href="http://www.lightningwirelabs.com/products/ipfire/appliances" target="_blank">
+                                                               <img src="{{ static_url("images/LWL/appliance-eco.jpg") }}" alt="Appliance Eco">
+                                                       </a>
+                                               </div>
                                        </div>
 
-                                       <div class="col-lg-6 col-md-6 ac">
+                                       <div class="ac">
                                                <a href="http://www.lightningwirelabs.com/products/ipfire/appliances" target="_blank">
-                                                       <img src="{{ static_url("images/LWL/appliance-eco.jpg") }}" alt="Appliance Eco">
+                                                       <img src="{{ static_url("images/LWL/appliance-pro.jpg") }}" alt="Appliance Professional">
                                                </a>
                                        </div>
                                </div>
-
-                               <div class="ac">
-                                       <a href="http://www.lightningwirelabs.com/products/ipfire/appliances" target="_blank">
-                                               <img src="{{ static_url("images/LWL/appliance-pro.jpg") }}" alt="Appliance Professional">
-                                       </a>
-                               </div>
-
-                               <hr>
-
-                               <p class="ac">
+                               <div class="panel-footer ac">
                                        <a href="http://www.lightningwirelabs.com/" target="_blank">www.lightningwirelabs.com</a>
-                               </p>
-                       </div>
+                               </div>
                        </div>
                </div>
        </div>