{% 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 %}

{% comment %}
<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 preload="none">
            <source src="http://ftp.goffi.org/media/video/libervia_adhesion_2015_{{LANGUAGE_CODE}}.webm" type='video/webm; codecs="vp8.0, vorbis"'>
            <source src="http://ftp.goffi.org/media/video/libervia_adhesion_2015_{{LANGUAGE_CODE}}.ogv" type='video/ogg; codecs="theora, vorbis"'>
            {% get_language_info for LANGUAGE_CODE as lang %}
		    <track label="{{lang.name_local}}" src="http://ftp.goffi.org/media/video/libervia_adhesion_2015_{{LANGUAGE_CODE}}.vtt" kind="subtitles" srclang="{{LANGUAGE_CODE}}" default />
            {% blocktrans with firefox="<a href=\"http://www.mozilla.org/\">Firefox</a>" %}Your browser doesn't manage the « video » tag, you should update, e.g. with the last {{ firefox }}.{% endblocktrans %}
	    </video>
	</div>
</div>

# FIXME: dirty implementation just for the duration of the campaign!
{% 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="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">

		{% comment %}
        <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" %}
        {% endcomment %}

        <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>
            <a class="btn btn-default" 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>
            <a class="btn btn-default" href="https://www.apayer.fr/salut-a-toi" target="#" role="button">{% trans "Join and proceed by card" %}</a>
        </p>
    </div>
</div>

{% endblock %}