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

{% comment %}
SàT website: Salut à Toi's presentation website
Copyright (C) 2012  Jérôme Poisson (goffi@goffi.org)
Copyright (C) 2014  Adrien Cossa (souliane@mailoo.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 %}
{% get_current_language as LANGUAGE_CODE %}

{% block headline %}{% trans "Join the association" %}{% endblock %}
{% block main_container %}

<div class="row">
    <div class="info text-center">
	    <video class="video-campaign" poster="http://ftp.goffi.org/media/video/posters/libervia_adhesion_2015.png" controls="controls" src="http://ftp.goffi.org/media/video/libervia_adhesion_2015_{{ LANGUAGE_CODE }}.ogv">
	        Votre butineur ne gère pas la balise « video », vous devriez le mettre à jour, par ex. avec le dernier  <a href="http://www.mozilla.org/">Firefox</a>
	    </video>
    </div>
</div>
                        
<div class="row">
    <h5 class="alert alert-success">{% trans "About the association" %}</h5>
    <div class="info">
        <p>{% trans "We want it to be as transparent as the software. You can read about its mission, its organisation and check the official documents." %}</p>
        <p><a class="btn btn-default" href="association.html" role="button">{% trans "Association" %}</a></p>
    </div>
</div>

<div class="row">
    <h5 class="alert alert-success">{% trans "Become a member" %}</h5>
    <div class="info">
        <p>{% blocktrans %}For 2015, we need about {{ asso_finance_target }} € for:
            <ul>
                <li>two full-time salaries based on the French minimal salary;</li>
                <li>hosting this web site and the Libervia demo and registering the domain names;</li>
                <li>fees for the association's bank account and the online payment system (apayer.fr);</li>
                <li>administrative help such as a lawyer or an accountant;</li>
                <li>travel expenses to attend and participate in meetings;</li>
                <li>hardware to develop and test the software;</li>
                <li>miscellaneous extra costs such as printing.</li>
            </ul>
            Which makes, with an average annual contribution of 10 € per subscription, {{ asso_members_target }} members before December, 31<sup>st</sup> 2015!
            {% endblocktrans %}
        </p>
        {% include "sat_website/finance.html" with obj="members" %}
        {% include "sat_website/finance.html" %}
        <p>{% trans "The membership lasts exactly one year and isn't automatically renewed: you have to renew it yourself and you can change the amount of your subscription every year." %}</p>
        <p>
        {% trans "To join the association without paying any subscription or to proceed with a bank transfer, please use our internal form:" %}
        </p>
        <p class="text-center">
            <a class="btn btn-primary btn-lg" href="membership_form.html" role="button">{% trans "Join for free or proceed with a transfer" %}</a>
        </p>
        <p>{% trans "If you prefer to proceed by card, you can directly use a secure payment service hosted by our bank. We unfortunately cannot pre-fill the form fields. Please enter a positive amount from those defined in the Rules of Procedure: 10, 20, 30, 50, 80 or 100." %}
        </p>
        <p class="text-center">
            <a class="btn btn-primary btn-lg" href="https://www.apayer.fr/salut-a-toi" target="#" role="button">{% trans "Join and proceed by card" %}</a>
        </p>
    </div>
</div>

{% endblock %}