Update website layout.

[people/shoehn/ipfire.org.git] / templates / index.html

diff --git a/templates/index.html b/templates/index.html
index 74e7fdf751f0c1bd125660f8ad5d3cac31084db6..c9273013c2c8acbe622ee8cb73f7a7c539ddab7a 100644 (file)
--- a/templates/index.html
+++ b/templates/index.html
@@ -2,56 +2,42 @@
 
 {% block title %}{{ _("Home") }}{% end block %}
 
-{% block body %}
-       <div class="pull-right hidden-phone">
-               <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>
-               <a href="/news.rss"><img src="{{ static_url("images/icons/social/rss.png") }}" alt="RSS"></a>
-       </div>
-
-       <br style="clear: both;"><br><br><br>
-
-       <div class="row hidden-phone">
-               <div class="span7 ac">
-                       <br><br><br><br>
-
-                       <p class="lead">
-                               <strong>IPFire</strong> - {{ _("An Open Source Firewall Solution") }}
-                       </p>
-
-                       {% if latest_release %}
-                               <p>
-                                       <strong>{{ _("Latest release") }}:</strong>
-                                       <a href="/download">{{ latest_release.name }}</a>
-                               </p>
-                       {% end %}
-               </div>
-
-               <div class="span5">
-                       <img src="{{ static_url("images/tux/ipfire_tux_256x256.png") }}" alt="IPFire Logo" />
-                       <br><br>
-               </div>
-       </div>
-
-       <div class="row visible-phone">
-               <div class="span12 ac">
-                       <img src="{{ static_url("images/tux/ipfire_tux_256x256.png") }}" alt="IPFire Logo" />
-                       <br><br>
-
-                       <p class="lead">
-                               <strong>IPFire</strong> - {{ _("An Open Source Firewall Solution") }}
-                       </p>
-
-                       {% if latest_release %}
-                               <p>
-                                       <strong>{{ _("Latest release") }}:</strong>
-                                       <a href="/download">{{ latest_release.name }}</a>
-                               </p>
-                       {% end %}
+{% block header %}
+       <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">
+                                       <h1>IPFire</h1>
+                                       <p class="lead">An Open Source Firewall Distribution</p>
+
+                                       <p>
+                                               <a class="btn btn-primary btn-large" href="/download">{{ _("Download IPFire") }}</a>
+                                       </p>
+
+                                       <ul class="masthead-links">
+                                               {% if latest_release %}
+                                                       <li>
+                                                               {{ _("Latest release") }}:
+                                                               {{ latest_release.name }}<br>
+                                                               {{ locale.format_date(latest_release.date, relative=False, shorter=True) }}
+                                                       </li>
+                                               {% end %}
+                                               <li>
+                                                       <a href="/donate">{{ _("Donate") }}</a>
+                                               </li>
+                                       </ul>
+                               </div>
+                       </div>
                </div>
        </div>
+{% end block %}
 
-       <hr>
+{% block body %}
+       <br>
 
        <p class="ac muted">
                <strong>{{ _("New!") }}</strong>
@@ -111,10 +97,6 @@
                                        {% end %}
                                </ul>
                        </div>
-
-                       <p class="ac">
-                               <a class="btn btn-primary" href="/donate">{{ _("Support this project with your donation!") }}</a>
-                       </p>
                </div>
 
                <div class="span6 objectives">