diff templates/sat_website/overview.html @ 26:3df49721008c

upgrade to Bootstrap v3.3.1
author souliane <souliane@mailoo.org>
date Mon, 19 Jan 2015 21:22:40 +0100
parents 8cfc33e4d435
children 73c6333fd124
line wrap: on
line diff
--- a/templates/sat_website/overview.html	Mon Jan 19 14:23:56 2015 +0100
+++ b/templates/sat_website/overview.html	Mon Jan 19 21:22:40 2015 +0100
@@ -25,14 +25,14 @@
 
     {% block content %}
 	<div class="container">
-		<div class="hero-unit">
+		<div class="jumbotron">
 				<h1><img id="overview_logo" src="{% static "images/sat_logo_128.png" %}" >Salut à Toi</h1>
-				<h2>{% blocktrans %}The multi-frontends multi-purposes communication tool{% endblocktrans %}</h2>
+				<h3>{% blocktrans %}The multi-frontends multi-purposes communication tool{% endblocktrans %}</h3>
 				<p>{% blocktrans %}Libre, Decentralised, Standard and Federated{% endblocktrans %}</p>
 		</div>
 		<div class="row">
-			<div class="span6">
-				<h1>{% trans "Multi-frontends" %}</h1>
+			<div class="col-md-6">
+				<h2>{% trans "Multi-frontends" %}</h2>
 				{% blocktrans with frontends_prefix="<a href=\"frontends.html\">" frontends_suffix="</a>"%}SàT can be used with {{ frontends_prefix }}different interfaces{{ frontends_suffix }}, the heart of the software is independent. That means that you can use SàT:{% endblocktrans %}
 				<ul>
 					<li>{% blocktrans %}with a browser though the <strong>web</strong> interface{% endblocktrans %}</li>
@@ -42,8 +42,8 @@
 					<li>{% blocktrans %}other frontends are planed (e.g.: small screens), and it's always possible to adapt one to fit your needs{% endblocktrans %}</li>
 				</ul>
 			</div>
-			<div class="span6">
-				<h1>{% trans "Multi-purposes" %}</h1>
+			<div class="col-md-6">
+				<h2>{% trans "Multi-purposes" %}</h2>
 				{% blocktrans with xmpp="<abbr title=\"eXtensible Messaging and Presence Protocol\">XMPP</abbr>" features_prefix="<a href=\"features.html\">" features_suffix="</a>" %} Based on the powerful  {{ xmpp }} standard, SàT can do instant messaging of course, but also many other things (and still counting). Here are some of the {{ features_prefix }}features{{ features_suffix }}:{% endblocktrans %}
 				<ul>
 					<li>{% blocktrans %}Microblogging: share your thoughts instantaneously{% endblocktrans %}</li>
@@ -57,21 +57,21 @@
 			</div>
 		</div>
 		<div class="row">
-			<div class="span3">
-				<h1>{% trans "Libre" %}</h1>
+			<div class="col-md-3">
+				<h2>{% trans "Libre" %}</h2>
 				{% blocktrans %}Salut à Toi is Libre (free as in freedom), that means that it follows the free software philosophy, not only because it's the best way to develop a software, but also for the share and freedom spirit.{% endblocktrans %}<br>
 				{% blocktrans %}In addition, Salut à Toi follows a <strong>social contract</strong>: a moral engagment with the user.{% endblocktrans %} 
 			</div>
-			<div class="span3">
-				<h1>{% trans "Decentralised" %}</h1>
+			<div class="col-md-3">
+				<h2>{% trans "Decentralised" %}</h2>
 				{% blocktrans with xmpp="<abbr title=\"eXtensible Messaging and Presence Protocol\">XMPP</abbr>" %}By being based on {{ xmpp }}, SàT is naturally decentralised. That means that there is not one big server somewhere where all the data are stored. That's the only good way to fight against censorship, and to keep control of your data (you don't want to have your private pictures or intimate messages to be in the hands of an untrusted commercial company, do you?).{% endblocktrans %}
 			</div>
-			<div class="span3">
-				<h1>{% trans "Standard" %}</h1>
+			<div class="col-md-3">
+				<h2>{% trans "Standard" %}</h2>
 				{% blocktrans with xsf="<abbr title=\"XMPP Standards Foundation\">XSF</abbr>" xmpp="<abbr title=\"eXtensible Messaging and Presence Protocol\">XMPP</abbr>" %}Using a standard protocol is a key point: it's robust, widely used and tested, well documented. Every change is discussed publicly, there are debates on the best way to do things, and the {{ xsf }} is the guarantor of the evolution and stability of the protocol. That means that SàT can communicate easily with other {{xmpp}} projects: the way it "talks" to others is fully documented.{% endblocktrans %}
 			</div>
-			<div class="span3">
-				<h1>{% trans "Federated" %}</h1>
+			<div class="col-md3">
+   				<h2>{% trans "Federated" %}</h2>
 				{% blocktrans %}Federation means that SàT is open to the world: it can communicate on the global Jabber network. You can of course make your own private network if you wants, but with SàT you have the ability to send messages to somebody on an other server, using a different client. That's at the opposite of some proprietary and commercial networks which tend to lock their users up. Open your borders!{% endblocktrans %} 
 			</div>
 		</div>