Stockage des statuts de l'association.

Mentions légales, description de l'association.

assets/production/css/style.css

@@ -15,6 +15,10 @@ body {
   padding: 0 32px;
 }
 
+a {
+  color: #373d3f;
+}
+
 h1,
 h2,
 h3,
@@ -49,6 +53,14 @@ h5 {
   margin-bottom: 8px;
 }
 
+h3 a {
+  text-decoration: none;
+}
+
+h3 a:hover {
+  text-decoration: underline;
+}
+
 p + h5 {
   margin-top: 32px;
 }
@@ -87,8 +99,8 @@ abbr {
   text-align: center;
 }
 
-.mt192 {
+.mt128 {
-  margin-top: 192px;
+  margin-top: 128px;
 }
 
 .mt64 {
@@ -103,9 +115,9 @@ abbr {
   margin-bottom: 64px;
 }
 
-.Logo {
+.logo-front {
   display: block;
-  margin: 6em auto 0;
+  margin: 10em auto 0;
   height: 25vh;
 }
 
@@ -121,7 +133,7 @@ menu {
   font-size: 0;
 }
 
-.LogoContainer,
+.container-logo,
 .menu-item {
   height: 30%;
   display: inline-block;
@@ -238,7 +250,6 @@ menu {
 }
 
 .footer {
-  padding: 64px 0;
 }
 
 .footer ul,

content/association.md

@@ -0,0 +1,19 @@
+---
+permalink: false
+title: L'association
+---
+L'association **Ti Nuage** est née de la volonté de proposer dans le Trégor des services en ligne indépendants et respectueux de la vie privée, et d'assister les personnes qui souhaitent mieux comprendre les technologies numériques, leurs usages, leurs risques, et leur poids sur nos vies. Son objet est :
+
+- de mettre à disposition des services en ligne basés sur des logiciels libres, garantissant la confidentialité des données des utilisateurs, et d'héberger ces données dans le Trégor ;
+- de sensibiliser les utilisateurs à la protection de leur vie privée sur Internet ;
+- de promouvoir l'utilisation de logiciels libres ;
+- d'organiser des événements sur ces thèmes et de former à l'utilisation des technologies de l'information et de la communication ;
+- d'utiliser et promouvoir une informatique peu consommatrice en énergie.
+
+Pour remplir ces objectifs, l'association fournit des services en ligne libres et respectueux de l'utilisateur. Elle organise aussi des rencontres régulières pour discuter des thèmes qu'elle promeut, découvrir les besoins des communautés du Trégor, répondre aux questions des usagers.
+
+Adhérer à l'association permet de profiter de services particuliers (adresse de courriel, hébergement de site Web, ou compte personnel sur la plateforme de production et de collaboration NextCloud) et de participer à cette dynamique. Chaque adhérent possède une voix et peut apporter son aide et ses idées sur toutes les activités de l'association.
+
+Les statuts se trouvent à [cette adresse](/statuts.pdf).
+
+Les modalités d'inscription se trouvent [sur le Wiki](https://wiki.ti-nuage.fr/fr/Association/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>
+  <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 et hébergée localement dans le Trégor.</p>
+  <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>
+      <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ébergeont votre site internet. Vous pouvez utiliser votre propre noms de domaine où utiliser gratuitement un sous-domaine ti-nuage.fr</p>
+      <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>
+      <h3 class="services-title services-icon-cloud">Collaborez</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>
+      <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>
+      <h3 class="services-title services-icon-email">Communiquez</h3>
-      <p>Une adresse email @ti-nuage.fr consultable par webmail, Nextcloud ou avec votre client de messagerie habituel.</p>
+      <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>
+      <h3 class="services-title services-icon-key">Protégez votre vie privée</h3>
-      <p>Une liste de diffusion nom@listes.ti-nuage.fr pour échanger avec les membres de votre organisation.</p>
+      <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">

content/mentions_legales.md

@@ -4,21 +4,20 @@ title: Mentions légales
 ---
 ## Publication
 
-Ti Nuage, association loi 1901.
+**Ti Nuage** est une association loi 1901 déclarée à la préfecture de Lannion le 18 octobre 2021.
-Déclarée à la préfecture de police à Saint Brieuc le 18 octobre 2021 sous le numéro en cours.
+<br>RNA : `W223005884`
-Siège social situé à la Mairie, 11 places aux Chevaux, 22420 Le Vieux Marché, France.
+<br>SIREN : `904 949 534 00013`
+<br>Siège social : `Mairie, 11 places aux Chevaux, 22420 Le Vieux Marché - France`
 
 ## Hébergement
 
-Sas OVH.
+Ce site et toutes les données de l'association sont actuellement stockées chez la Sas OVH.
-Siège social : 2 rue Kellermann - 59100 Roubaix - France
+<br>Siège social : `2 rue Kellermann, 59100 Roubaix - France`
 
 ## Propriété intellectuelle
 
 Ce site est conçu avec le logiciel libre [Metasmith](https://www.metalsmith.io). Les sources sont disponibles sur notre [forge logicielle](https://apps.ti-nuage.fr/gitea/ti-nuage/site).
 
-Tout contenu affiché sur le site appartient à leurs ayant-droit respectifs.
+Sauf mention contraire sur les supports énoncés, tout le contenu affiché sur le site [ti-nuage.fr]() appartient à l'association Ti Nuage et est distribuable sous licence [CC-BY-SA version 2.0 ou ultérieure](https://creativecommons.org/licenses/by-sa/2.0/fr).
 
-Sauf mention contraire sur les supports énoncés, les contenus appartenant à l'association Ti Nuage sont sous licence Creative Commons Attribution 4.0 International.
+Les icones utilisés pour la description des services sont réalisés avec **Uicons** de [Flaticon](https://www.flaticon.com/uicons).
-
-Les icones utilisés pour la description des services sont réalisés par Uicons de [Flaticon](https://www.flaticon.com/uicons).

content/services.md

@@ -8,7 +8,7 @@ l'équipe technique de l'association.
 Nous sommes une petite structure et nous nous efforçons de donner le meilleur de nous même avec les moyens que nous avons à notre disposition. Malgré des sauvegardes quotidiennes et un suivi régulier de l'infrastructure, nous ne sommes pas à l'abris d'un incident. Nous ne garantissons donc pas une continuité de service permanente et nous ne nous assignons aucune obligation de résultat.
 
 <section class="Services">
-  <h2 class="tac mt192 mb64">Services réservés aux adhérents</h2>
+  <h2 class="tac mt128 mb64">Services réservés aux adhérents</h2>
   <div class="Two-cols-Two-rows">
     <div>
       <h3 class="services-title services-icon-web">Hébergement web</h3>
@@ -38,7 +38,7 @@ Nous sommes une petite structure et nous nous efforçons de donner le meilleur d
 </section>
 
 <section class="Services">
-  <h2 class="tac mt192 mb64">Services en libre accès, sans adhésion</h2>
+  <h2 class="tac mt128 mb64">Services en libre accès, sans adhésion</h2>
   <div class="Two-cols-Two-rows">
     <div>
       <h3 class="services-title services-icon-messages">Discussion instantanée</h3>

layouts/base.njk

@@ -16,7 +16,7 @@
   <body>
     <div class="Container">
       <menu>
-        <li class="LogoContainer">
+        <li class="container-logo">
           {% if not hidemenuicon %}
           <a href="/"><img class="logo-small" src="/images/logo.svg" alt=""></a>
           {% endif %}
@@ -25,7 +25,7 @@
           <a class="menu-button menu-button-login" href="https://mon.ti-nuage.fr">Espace adhérents</a>
         </li>
         <li class="menu-item">
-          <a class="menu-button" href="https://status.ti-nuage.fr/">Statut</a>
+          <a class="menu-button" href="https://status.ti-nuage.fr/">État des services</a>
         </li>
         <li class="menu-item">
           <a class="menu-button" href="https://wiki.ti-nuage.fr/">Documentation</a>
@@ -38,15 +38,17 @@
     {% block article %}{% endblock %}
     </div>
 
-    <footer class="footer mt192">
+    <footer class="footer mt128">
       <div class="Container">
+        <hr>
         <div class="Two-cols-One-row">
           <div>
             <h4>Ti Nuage</h4>
             <ul>
               <li><a href="/">Accueil</a></li>
-              <li><a href="/blog">Blog</a></li>
+              <li><a href="/association.html">L'association</a></li>
-              <li><a href="/services.html">Services</a></li>
+              <li><a href="/blog">Le blog</a></li>
+              <li><a href="/services.html">Les services</a></li>
               <li><a href="/cgu.html">CGU</a></li>
               <li><a href="/mentions_legales.html">Mentions légales</a></li>
             </ul>

layouts/blog.njk

@@ -3,16 +3,11 @@
 {% block article %}
   {% block header %}{{ header | safe }}{% endblock %}
   <article>
-    {% block content %}{{ contents | safe }}{% endblock %}
+    {% for article in collections["archives"] %}
-    {% set news = collections["archives"] %}
+    <h2><a href="/{{ article.path }}">{{ moment(article.date).format('LL') }} | {{ article.title }}</a></h2>
-       <ul>
-         {% for article in news %}
-         <li>
-            <p><a href="/{{ article.path }}">{{ moment(article.date).format('LL') }} | {{ article.title }}</a></p>
     {{ article.excerpt | safe }}
-         </li>
+    <p><a href="/{{ article.path }}">Lire la suite...</a></p>
     {% else %}
     {% endfor %}
-      </ul>
   </article>
 {% endblock %}

layouts/front.njk

@@ -6,17 +6,13 @@
     {% block content %}{{ contents | safe }}{% endblock %}
 
     <section class="Services">
-      <h2 class="tac mt64">Actualités</h2>
+      <h2 class="tac mt128 mb64">Actualités</h2>
-       {% set news = collections["news"] %}
+       {% for article in collections["news"] %}
-       <ul>
+         <h3><a href="{{ article.path }}">{{ moment(article.date).format('LL') }} | {{article.title }}</a></h3>
-         {% for article in news %}
-         <li>
-            <p><a href="{{ article.path }}">{{ moment(article.date).format('LL') }} | {{article.title }}</a></p>
          {{ article.excerpt | safe }}
-         </li>
+         <p><a href="{{ article.path }}">Lire la suite...</a></p>
        {% else %}
        {% endfor %}
-      </ul>
       <div class="tac mt32">
         <a class="Button" href="/blog">Voir les archives</a>
       </div>

scripts/metalsmith.js

@@ -56,12 +56,12 @@ module.exports = new Metalsmith(config.paths.projectRoot)
   }))
   .use(collections({
     archives: {
-      limit: 3,
       pattern: 'blog/*/**/*/*.html',
       reverse: true,
       sortBy: 'date'
     },
     news: {
+      limit: 3,
       pattern: 'blog/*/**/*.html',
       reverse: true,
       sortBy: 'date'