<div class="jumbotron masthead">
<div class="container">
<div class="row">
- <div class="span4">
- <img src="{{ static_url("images/tux/ipfire_tux_512x512.png") }}" alt="IPFire Logo" />
- </div>
-
- <div class="span8">
+ <div class="col-lg-7 col-md-7 ac">
<h1>IPFire</h1>
+
<p class="lead">An Open Source Firewall Distribution</p>
+ <br class="separator">
+
<p>
- <a class="btn btn-primary btn-large" href="/download">{{ _("Download IPFire") }}</a>
+ <a class="btn btn-primary btn-lg" href="/download">{{ _("Download IPFire") }}</a>
</p>
+ </div>
- <ul class="masthead-links">
- {% if latest_release %}
- <li>
- {{ _("Latest release") }}:<br>
- {{ latest_release.name }} ‐
- {{ locale.format_date(latest_release.date, relative=True, shorter=True) }}
- </li>
- {% end %}
- </ul>
+ <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>
<br>
<div class="row">
- <div class="span6 objectives">
+ <div class="col-lg-6 col-md-6 objectives">
{% if lang == "de" %}
<p>
<strong>IPFire</strong> ist eine gehärtete Linux-Appliance-Distribution
</div>
- <div class="span6">
- <div class="well">
- <h4>
- {{ _("What's new?") }}
- <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.date, relative=True, shorter=True) }} ‐
- </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) }} ‐
- </td>
- <td class="link">
- <a href="http://planet.ipfire.org/post/{{ item.slug }}">{{ item.title }}</a>
- </td>
- </tr>
- {% end %}
- </table>
-
- <hr>
+ <div class="col-lg-6 col-md-6">
+ <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=True, shorter=True) }}
+ </p>
+ </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="bar {{ item.progressbar_colour }}" style="width: {{ "%.2f%%" % item.percentage_bar }};"></div>
- </div>
+ <td class="date">
+ {{ locale.format_date(item.published, relative=True, shorter=True) }}
+ </td>
+ <td class="link">
+ <a href="/news/{{ item.slug }}">{{ item.title }}</a>
</td>
</tr>
{% end %}
</table>
<hr>
- {% end %}
- <div class="row-fluid">
- <div class="span10">
- <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="span2">
- <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) }}
+ </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>
+
+ <table class="table-wishlist-widget">
+ {% for item in wishlist_items %}
+ <tr>
+ <td>
+ {% if item.is_new() %}
+ <span class="label label-success pull-right">{{ _("NEW") }}</span>
+ {% elif item.remaining_days and 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>
+ </tr>
+ {% end %}
+ </table>
+ {% 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>
<br class="separator">
<div class="row">
- <div class="span8 offset2">
- <div class="well well-white">
- <h4>
- {{ _("IPFire Hardware Appliances & Consulting") }} <small>{{ _("by Lightning Wire Labs") }}</small>
- </h4>
-
- <div class="row-fluid">
- <div class="span6">
- {% if lang == "de" %}
- <p>
- Lightning Wire Labs bietet mit IPFire vorinstallierte Hardware-Appliances an.
- Dazu bieten sie professionellen Service & 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 & support through their certified consultants.
- </p>
- {% end %}
+ <div class="col-lg-offset-2 col-lg-8 col-md-8">
+ <div class="panel panel-default">
+ <div class="panel-body">
+ <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 & 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 & 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="span6 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>