{% extends "sat_website/base.html" %}

{% comment %}
SàT website: Salut à Toi's presentation website
Copyright (C) 2012  Jérôme Poisson (goffi@goffi.org)

This file is part of SàT website.

SàT website is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

Foobar is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with Foobar.  If not, see <http://www.gnu.org/licenses/>.
{% endcomment %}

{% load i18n %}
{% load staticfiles %}

{% block content %}

	<div class="container" role="main">
        <header id="overview" class="subhead">
        <h1>
            <div class="row">
	            <div class="col-md-1">
	                <img id="overview_logo" src="{% static "images/sat_logo.svg" %}" >
	            </div>
	            <div class="col-md-11">
	                {% trans "Salut à Toi" %}
	                <div class="lead">{% blocktrans %}Multipurpose, multi frontend, free (libre) and decentralised communication tool.{% endblocktrans %}</div>
	            </div>
            </div>
        </h1>
        </header>

		{% comment %}FIXME: remove when the campaign is over{% endcomment %}
		<div class="row">
			<div class="alert alert-info">
				<p style="text-align: center">
					<a href="http://www.arizuka.com/{{LANGUAGE_CODE}}/projects/libervia/" target="#">
						<img src="{% static "images/misc/campagne_android.png" %}" style="max-width:100%;" />
					</a>
				</p>
				<p>&nbsp;</p>
				<p style="max-width: 754px; text-align: justify; margin: auto">
					{% trans "We are curently running a crowdfunding campaign for the development of an <b>Android application</b> (frontend for smartphones)." %}
					{% trans "During this period, we would kindly ask you to support the campaign instead of paying a membership fee. It is still and always possible to join the association for free. It doesn't change anything for you but it helps the campaign to succeed. <b>Thank you!</b>" %}
			    </p>
				<p style="text-align: center; font-size: x-large">
					{{ campaign_countdown }}
			       	{% if campaign_countdown > 1 %}{% trans " days" %}{% else %}{% trans "day" %}{% endif %}
			     	{% trans "left!" %}
				</p>
			    <p style="text-align: center">
			    	<a class="btn btn-primary btn-lg" href="http://www.arizuka.com/{{LANGUAGE_CODE}}/projects/libervia/" target="#" role="button">{% trans "Crowdfunding campaign" %}</a>
			    </p>
			</div>
		</div>

        <div class="overview_spacer"></div>

        <div>
            <p class="text-center">{% trans "SàT includes several sub-projects. Libervia, a web interface to discuss and blog with the persons of your choice, is one of them:" %}</p>
            <img class="thumbnail img-thumbnail" src="{% static "images/screenshots/libervia/libervia_overview.png" %}" >
            <p class="text-center">
				{% blocktrans with faq='<a href="faq.html" target="_blank">FAQ</a>' %}Please read our {{faq}} before trying out{% endblocktrans %}<br />
                <a class="btn btn-primary btn-lg" href="{{ libervia_demo_url }}" target="#" role="button">{% trans "Libervia demo version" %}</a>
            </p>
        </div>

        <div class="overview_spacer"></div>

        <div class="row">
            <div class="col-md-6">
                <h3>{% trans "Multipurpose" %}</h3>
                {% trans "SàT covers a large spectrum of the Internet functions and uses:" %}
                <ul>
                    <li>{%blocktrans %}<strong>Chat</strong> with one or many contacts, in public or private rooms.{% endblocktrans %}</li>
                    <li>{% blocktrans %}Organize <strong>contact groups</strong> and restrict the visibility of your messages.{% endblocktrans %}</li>
                    <li>{% blocktrans %}End-to-end <strong>encryption</strong> makes your communications private.{% endblocktrans %}</li>
                    <li>{% blocktrans %}<strong>Blogging</strong> system to share instant thoughts or write longer articles.{% endblocktrans %}</li>
                    <li>{% blocktrans %}File sharing, games, interaction with other networks.{% endblocktrans %}</li>
                </ul>
                <p><a class="btn btn-default" href="features.html" role="button">{% trans "Features" %}</a></p>
            </div>
            <div class="col-md-6">
                <h3>{% trans "Multi frontend" %}</h3>
                {% blocktrans %}SàT can be used via different interfaces, each of them being a sub-project, but the heart of the software remains the same. You can use SàT:{% endblocktrans %}
                <ul>
                    <li>{% blocktrans %}with a browser through the <strong>web</strong> interface Libervia{% endblocktrans %}</li>
                    <li>{% blocktrans %}inside a <strong>console</strong> user interface{% endblocktrans %}</li>
                    <li>{% blocktrans %}through a <strong>command line</strong>{% endblocktrans %}</li> 
                </ul>
                <p>{% blocktrans %}Other frontends are planned (telephones, desktop).{% endblocktrans %}</p>
                <p><a class="btn btn-default" href="frontends.html" role="button">{% trans "Frontends" %}</a></p>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6">
                <h3>{% trans "Libre" %}</h3>
                <p>{% blocktrans %}SàT is not only open source, it's Libre and follows the free software philosophy ("free" as in freedom) because it's the best way to develop a software, but also in the spirit of sharing. In addition, SàT follows a social contract: a moral engagement with the user.{% endblocktrans %}</p>
                <p><a class="btn btn-default" href="social_contract.html" role="button">{% trans "Social contract" %}</a></p>
            </div>
            <div class="col-md-6">
                <h3>{% trans "Decentralised" %}</h3>
                <p>{% blocktrans %}SàT has many similarities with the email network. For instance, there is no big server where all the data is kept, but many servers managed by different entities. This is the only way to fight against censorship, to hinder governmental surveillance and to keep control of your data - you don't want your private pictures or intimate messages to be in the hands of an untrusted commercial company, do you?{% endblocktrans %}</p>
            </div>
        </div>

        <div class="overview_spacer"></div>

        <div class="well">
            <h4>{% trans "The association" %}</h4>
            <p>{% blocktrans %}Salut à Toi and Libervia are developed by a non-profit and self-managed association. We are fighting against the hold-up of the Internet by private corporations and abusive governmental control. Do you want to help us? The membership is open to everybody and the amount of the contribution is up to you, from 0 to 100€. Even joining for free means something to us, it is moral support! {% endblocktrans %}</p>
            {% comment %}
            {% include "sat_website/finance.html" with obj="members" %}
            {% include "sat_website/finance.html" %}
            {% endcomment %}
            <p>
                <a class="btn btn-default" href="membership.html" role="button">{% trans "Membership" %}</a>
            </p>
        </div>
        
        <div class="overview_spacer"></div>

        <div class="well">
            <h4>{% trans "Run it yourself!" %}</h4>
            <p>{% trans "If you enjoyed testing our demonstration version of Libervia and if you have the technical knowledge to do it, you can download the software and run it on your own machine. Even better, you can host a public Libervia server and help the decentralisation! Our goal is not to host every account on our server... we don't want your data!" %}</p>
            <p><a class="btn btn-default" href="downloads.html" role="button">{% trans "Downloads" %}</a></p>
         </div>
    </div>

{% endblock %}