--- a/templates/default/association/association.html	Tue May 26 12:38:56 2020 +0200
+++ b/templates/default/association/association.html	Fri Apr 16 18:51:12 2021 +0200
@@ -1,61 +1,74 @@
 {% if not embedded %}{% extends 'base/base.html' %}{% endif %}
 
 {% block body %}
-<div class="box">
-    <h1 class="page__title">Salut à Toi Association</h1>
-    <p class="heading__subtitle">{% trans %}The legal structure supporting the project.{% endtrans %}</p>
-    <h2>{% trans %}Mission{% endtrans %}</h2>
+<div class="section container">
+    <h1 class="title is-1">Salut à Toi Association</h1>
+    <p class="subtitle">{% trans %}The legal structure supporting the project.{% endtrans %}</p>
+    <h2 class="title is-3">{% trans %}Mission{% endtrans %}</h2>
 
-    <p>{% trans %}The Salut à Toi association has been created in June 2014 and is responsible for developing, promoting and funding the software. More generally, its goal is to create free, independent and controllable communication tools. "Controllable" has to be understood this way: the tool is doing exactly what you want and it will stay under your control. So it applies both to the present and the future.{% endtrans %}</p>
+    <div class="content">
+        <p>{% trans %}The Salut à Toi association has been created in June 2014 and is responsible for developing, promoting and funding the software. More generally, its goal is to create free, independent and controllable communication tools. "Controllable" has to be understood this way: the tool is doing exactly what you want and it will stay under your control. So it applies both to the present and the future.{% endtrans %}</p>
+    </div>
 
-    <h2>{% trans %}Organisation{% endtrans %}</h2>
-
-    <p>{% trans %}The association is non-profit, self-managed and open for everybody to join. There is no designated president, secretary or treasurer, the administrating entity is a college that is today composed by the two main developers: Jérôme who started this as a personal project in 2008 and Adrien who joined him in 2013.{% endtrans %}</p>
+    <h2 class="title is-3">{% trans %}Organisation{% endtrans %}</h2>
 
-    <h2>{% trans %}Funding{% endtrans %}</h2>
+    <div class="content">
+        <p>{% trans %}The association is non-profit, self-managed and open for everybody to join. There is no designated president, secretary or treasurer, the administrating entity is a college that is today composed by the two main developers: Jérôme who started this as a personal project in 2008 and Adrien who joined him in 2013.{% endtrans %}</p>
+    </div>
 
-    <p>{% trans %}We have put a lot of time and energy on “Salut à Toi” and we hope to be able to continue. The software should always be free (libre) and ethical; we are totally against advertisement and we believe in mutual help. We are confident that the people who enjoy what we do will be numerous enough and happy to support us by joining the association and paying a membership fee.{% endtrans %}</p>
+    <h2 class="title is-3">{% trans %}Funding{% endtrans %}</h2>
+
+    <div class="content">
+        <p>{% trans %}We have put a lot of time and energy on “Salut à Toi” and we hope to be able to continue. The software should always be free (libre) and ethical; we are totally against advertisement and we believe in mutual help. We are confident that the people who enjoy what we do will be numerous enough and happy to support us by joining the association and paying a membership fee.{% endtrans %}</p>
 
-    <p>{% trans %}Because the money should not create any separation between us, the people who cannot or who do not want to participate financially can still join the association for free and as moral support. The French law doesn't allow members to decide the amount of payment, so we had to fix several amounts in the Rules of Procedure: 0, 10, 20, 30, 50, 80 or 100. If you want to raise over 100 €, it is possible to do it as a donation (which is not the same as a membership fee). In that case, please contact us. As we want to stay 100% independent and autonomous, we won't allow any company to hi-jack the project and we won't add any commercial logo to the website.{% endtrans %}</p>
+        <p>{% trans %}Because the money should not create any separation between us, the people who cannot or who do not want to participate financially can still join the association for free and as moral support. The French law doesn't allow members to decide the amount of payment, so we had to fix several amounts in the Rules of Procedure: 0, 10, 20, 30, 50, 80 or 100. If you want to raise over 100 €, it is possible to do it as a donation (which is not the same as a membership fee). In that case, please contact us. As we want to stay 100% independent and autonomous, we won't allow any company to hi-jack the project and we won't add any commercial logo to the website.{% endtrans %}</p>
 
-    <p>{% trans %}We also think about other funding sources that are compatible with our social contract and ethical view, in particular technical services (assistance, customisation or features development released under a free - as in “freedom” - license).{% endtrans %}</p>
+        <p>{% trans %}We also think about other funding sources that are compatible with our social contract and ethical view, in particular technical services (assistance, customisation or features development released under a free - as in “freedom” - license).{% endtrans %}</p>
 
-    <h2>{% trans %}Become a member{% endtrans %}</h2>
+    </div>
+    <h2 class="title is-3">{% trans %}Become a member{% endtrans %}</h2>
 
-    <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.{% endtrans %}</p>
-    <p class="box box--center"><a href="association/membership">{% trans %}Click here to join the association{% endtrans %}</a></p>
-
-    <h2>{% trans %}Donations{% endtrans %}</h2>
+    <div class="content">
+        <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.{% endtrans %}</p>
+    </div>
+    <p class="box"><a href="association/membership">{% trans %}Click here to join the association{% endtrans %}</a></p>
 
-    <p>{% trans %}You can also make a donation without joining the association. We recommend using the open funding platform Liberapay to set up a weekly, monthly or yearly donation.{% endtrans %}</p>
-    <p>{% trans %}Or you can make a transfer to the following account:{% endtrans %}<p>
+    <h2 class="title is-3">{% trans %}Donations{% endtrans %}</h2>
 
-    <pre class="box">
+    <div class="content">
+        <p>{% trans %}You can also make a donation without joining the association. We recommend using the open funding platform Liberapay to set up a weekly, monthly or yearly donation.{% endtrans %}</p>
+        <p>{% trans %}Or you can make a transfer to the following account:{% endtrans %}<p>
+
+        <pre class="box">
 Payee: Salut à Toi
 IBAN: FR76 1027 8060 4300 0207 3220 109
 BIC: CMCIFR2A
 Bank: Crédit Mutuel (France)</pre>
 
-    <p>Please contact us if you do a bank transfer.</p>
+
+        <p>Please contact us if you do a bank transfer.</p>
 
-    <address>
-    You can contact us at <a href="mailto:contact@salut-a-toi.invalid">contact@salut-a-toi.invalid</a> (replace invalid with org)
-    </address>
+        <address>
+        You can contact us at <a href="mailto:contact@salut-a-toi.invalid">contact@salut-a-toi.invalid</a> (replace invalid with org)
+        </address>
+    </div>
 
-    <h2>{% trans %}Official documents{% endtrans %}</h2>
+    <h2 class="title is-3">{% trans %}Official documents{% endtrans %}</h2>
 
-    <ul>
-        <li>
-            <a href="https://repos.goffi.org/sat_docs/raw-file/tip/association/statuts.pdf">{% trans %}Statutes of the association{% endtrans %}</a> (fr)
-        </li>
+    <div class="content">
+        <ul>
+            <li>
+                <a href="https://repos.goffi.org/sat_docs/raw-file/tip/association/statuts.pdf">{% trans %}Statutes of the association{% endtrans %}</a> (fr)
+            </li>
 
-        <li>
-            <a href="https://repos.goffi.org/sat_docs/raw-file/tip/association/r%C3%A8glement%20int%C3%A9rieur.pdf">{% trans %}Rules of the association{% endtrans %}</a> (fr)
-        </li>
+            <li>
+                <a href="https://repos.goffi.org/sat_docs/raw-file/tip/association/r%C3%A8glement%20int%C3%A9rieur.pdf">{% trans %}Rules of the association{% endtrans %}</a> (fr)
+            </li>
 
-        <li>
-            <a href="http://repos.goffi.org/sat_docs/file/tip/association">{% trans %}Minutes{% endtrans %}</a> (fr)
-        </li>
-    </ul>
+            <li>
+                <a href="http://repos.goffi.org/sat_docs/file/tip/association">{% trans %}Minutes{% endtrans %}</a> (fr)
+            </li>
+        </ul>
+    </div>
 </div>
 {% endblock body %}