Reprise du style et de la première page.

Aussi, une nouvelle page décrit l'association, et sert d'introduction
avant de proposer l'adhésion.

content/index.html

@@ -3,46 +3,46 @@ layout: front.njk
 hidemenuicon: true
 title: L'hébergeur associatif, transparent et solidaire
 ---
-<img class="Logo" src="/images/logo.svg" alt="">
+<img class="logo-front" src="/images/logo.svg" alt="">
 <header class="Hero">
   <h1 class="tac">Hébergeur associatif, transparent, éthique, militant et solidaire. </h1>
-  <div class="tac mt32">
-    <a class="Button" href="https://www.helloasso.com/associations/ti-nuage/adhesions/adhesion-1">Devenir adhérent</a>
-  </div>
 </header>
 <section class="Explanation">
-  <h2 class="mt64 tac">Ti Nuage ?</h2>
-  <p class="mb64">L'association Ti Nuage offre une alternative locale aux <abbr title="Google, Apple, Facebook, Amazon, Microsoft, etc.">GAFAM</abbr> pour les associations, les petites entreprises et les particuliers de la région du Trégor. L’infrastructure technique est gérée par les membres de l’association et hébergée localement dans le Trégor.</p>
+  <h2 class="tac mb64">Ti Nuage ?</h2>
+  <p class="mb64">L'association Ti Nuage offre une alternative locale aux <abbr title="Google, Apple, Facebook, Amazon, Microsoft, etc.">GAFAM</abbr> pour les associations, les petites entreprises et les particuliers de la région du Trégor. L’infrastructure technique est gérée par les membres de l’association. Son objet est de promouvoir la décentralisation et l'entraide et à terme d'héberger ses données dans le Trégor.</p>
   <div class="Two-cols-One-row">
     <div class="col-1">
       <h3 class="tac">Liberté</h3>
-      <p>Nous fournissons des outils en ligne à code source ouvert qui vous permettent de garder le contrôle de vos données et de votre vie privée. Quand cela est possible, elles sont chiffées sur le serveur (Mail, Nextcloud). Nous ne transmettons ni ne vendons d'informations sur l'utilisations de nos service à qui que ce soit.</p>
+      <p>Nous fournissons des outils en ligne à code source ouvert qui vous permettent de garder le contrôle de vos données et de votre vie privée. Quand cela est possible, ces données sont chiffées sur le serveur (courrier, documents personnels et partagés). Nous ne transmettons ni ne vendons d'informations sur l'utilisations de nos service à qui que ce soit.</p>
     </div>
     <div class="col-2">
       <h3 class="tac">Solidarité</h3>
-      <p>Nous nous organisons sur la base de l'autonomie, l'aide mutuelle, le partage de ressources et la création communautaire. Que vous soyez du métier ou simplement curieuse-eux, nous vous accueillons à bras ouverts.</p>
+      <p>Nous nous organisons sur la base de l'autonomie, l'aide mutuelle, le partage de ressources et la création communautaire. Chaque adhérent(e) possède une voix lorsqu'il s'agit de peser sur les activités de l'association. Que vous soyez du métier, intéressé(e) par les services proposés ou simplement curieux(se), nous vous accueillons à bras ouverts.</p>
     </div>
   </div>
+  <div class="tac mt32">
+    <a class="Button" href="/association.html">Découvrir l'association</a>
+  </div>
 </section>
 
 <section class="Services">
-  <h2 class="tac mt64 mb64">Nos services</h2>
+  <h2 class="tac mt128 mb64">Nos services</h2>
   <div class="Two-cols-Two-rows">
     <div>
-      <h3 class="services-title services-icon-web">Hébergement web</h3>
-      <p>Nous ne le créons pas pour vous, mais nous pouvons vous apporter des conseils et nous hébergeont votre site internet. Vous pouvez utiliser votre propre noms de domaine où utiliser gratuitement un sous-domaine ti-nuage.fr</p>
+      <h3 class="services-title services-icon-web">Hébergez votre vitrine</h3>
+      <p>Nous ne le créons pas pour vous, mais nous pouvons vous apporter des conseils et nous hébergeons votre site internet. Vous pouvez utiliser votre propre noms de domaine où utiliser gratuitement un sous-domaine ti-nuage.fr</p>
     </div>
     <div>
-      <h3 class="services-title services-icon-cloud">Partage de documents</h3>
-      <p>Partagez et collaborez sur des documents, envoyez et recevez des courriels, gérez votre calendrier et discutez par vidéo sans fuite de données. Synchronisez les contacts de votre téléphone.</p>
+      <h3 class="services-title services-icon-cloud">Collaborez</h3>
+      <p>Partagez des documents ou votre agenda ; gérez votre calendrier, vos tâches ou vos contacts avec une interface Web ou depuis votre mobile ; éditez des documents en ligne en collaboration avec d'autres personnes.</p>
     </div>
     <div>
-      <h3 class="services-title services-icon-email">Adresse e-mail</h3>
-      <p>Une adresse email @ti-nuage.fr consultable par webmail, Nextcloud ou avec votre client de messagerie habituel.</p>
+      <h3 class="services-title services-icon-email">Communiquez</h3>
+      <p>Obtenez une adresse de courriel <em>@ti-nuage.fr</em> consultable avec une interface Web ou votre client de messagerie habituel. Profitez de la possibilité de créer des listes de diffusion pour vos proches ou votre association. <em>Chattez</em> avec vos relations grâce à un outil de messagerie instantanée.</p>
     </div>
     <div>
-      <h3 class="services-title services-icon-ml">Liste de diffusion</h3>
-      <p>Une liste de diffusion nom@listes.ti-nuage.fr pour échanger avec les membres de votre organisation.</p>
+      <h3 class="services-title services-icon-key">Protégez votre vie privée</h3>
+      <p>Que ce soit pour stocker vos mots de passe, créer de sondages, héberger votre code logiciel, discuter en ligne, vos données et vos informations personnelles restent sur les serveurs de l'association.</p>
     </div>
   </div>
   <div class="tac mt32">