--- a/templates/sat_website/frontends.html	Sun May 03 22:36:27 2015 +0200
+++ b/templates/sat_website/frontends.html	Sun May 03 22:39:02 2015 +0200
@@ -24,27 +24,27 @@
 {% load staticfiles %}
 
 {% block headline %}{% trans "Salut à Toi's frontends" %}{% endblock %}
-{% block subtext %}{% trans "SàT is multi frontend: use the one that best fits your needs" %}{% endblock %}
+{% block subtext %}{% trans "SàT is multi frontend: use the one that best fits your needs." %}{% endblock %}
 {% block main_container %}
 
 <div class="row">
+    <div class="col-md-4">
+    <h2>{% trans "Libervia" %} <small>{% trans "web frontend" %}</small></h2>
+        <a href="{% static "images/screenshots/0.5/overview_libervia.png" %}" target="#" class="thumbnail">
+            <img src="{% static "images/screenshots/0.5/overview_libervia.png" %}" alt="{% trans "Libervia's main view" %}">
+        </a>
+    </div>
+
 	<div class="col-md-4">
 	<h2>{% trans "Primitivus" %} <small>{% trans "console interface" %}</small></h2>
-		<a href="#" class="thumbnail">
+		<a href="{% static "images/screenshots/primitivus/primitivus_tarot.png" %}" target="#" class="thumbnail">
 			<img src="{% static "images/screenshots/primitivus/primitivus_tarot.png" %}" alt="{% trans "Primitivus showing a french Tarot play" %}">
 		</a>
 	</div>
 	
 	<div class="col-md-4">
-	<h2>{% trans "Libervia" %} <small>{% trans "web frontend" %}</small></h2>
-		<a href="#" class="thumbnail">
-			<img src="{% static "images/screenshots/libervia/libervia_discussions.png" %}" alt="{% trans "Libervia's main view" %}">
-		</a>
-	</div>
-	
-	<div class="col-md-4">
 	<h2>{% trans "Jp" %} <small>{% trans "command line" %}</small></h2>
-		<a href="#" class="thumbnail">
+		<a href="{% static "images/screenshots/jp/jp.png" %}" target="#" class="thumbnail">
 			<img src="{% static "images/screenshots/jp/jp.png" %}" alt="{% trans "cowsay on jp" %}">
 		</a>
 	</div>
@@ -58,17 +58,17 @@
         <p class="desc">{% blocktrans %}Bellaciao will be a full-featured desktop frontend that intends to be really flexible: you'll be able to adapt it to your taste.{% endblocktrans %}</p>
     </div>
 
-	<div class="col-md-4">
-		<p id="bigmark">?</p>
-		<h4 id="bigmark_subtext">{% trans "Your idea here" %}</h4>
-	</div>
-
     <div class="col-md-4">
         <h2>{% trans "Cagou" %} <small>{% trans "mobile devices" %}</small></h2>
         <h5 class="wip">{% trans "[PLANNED]" %}</h5>
         <p class="desc">{% blocktrans %}There are ideas about an application that would run on both destkop and mobile devices (phones and tablets).{% endblocktrans %}</p>
     </div>
 
+    <div class="col-md-4">
+        <p id="bigmark">?</p>
+        <h4 id="bigmark_subtext">{% trans "Your idea here" %}</h4>
+    </div>
+
 </div>
 
 {% endblock %}