Merge pull request 'Met à jour les contenus en bas de page + page des services' (#43) from maj-footer into main

## Description

- Change la présentation du service site statique
- Corrige des typo
- Corrige la mise en page des premiers blocs de la page d'accueil
- Enlève les mentions de proposition commerciale
- Ajoute liens vers documents associatifs

- Organise la page des services par thématique
- Ajoute Garage à la liste
- changement de description pour Hedgedoc et Outline

Reviewed-on: #43
Reviewed-by: Simon <simon@resilien.fr>

.gitmodules

@@ -1,3 +1,3 @@
 [submodule "themes/hugo-theme-lowtech"]
 	path = themes/hugo-theme-lowtech
-	url = https://git.weko.io/kosssi/hugo-theme-lowtech.git
+	url = https://git.resilien.fr/kosssi/hugo-theme-lowtech

assets/styles/main.sass

@@ -144,8 +144,8 @@ h1
   text-align: center
 
 h2
-  margin: 0 auto calc(var(--tile)*1.5)
+  margin: 0 auto calc(var(--tile)*0.5)
-  padding: calc(var(--tile)*2) 0 0
+  padding: calc(var(--tile)*1) 0 0
 
 h3
   margin: 0 auto var(--tile)
@@ -176,6 +176,9 @@ ol, ul
 li
   padding: .3rem 0
 
+  p
+    margin: 0
+
 
 ul.no-style
   margin: 0
@@ -422,3 +425,25 @@ sub
 .cell.\-right   { text-align: right; }
 
 @import "../../themes/hugo-theme-lowtech/assets/styles/obfuscates"
+
+.presentation
+  gap: 1rem
+  justify-content: center
+  > div
+    min-width: 300px
+    max-width: 450px
+  h2
+    text-align: center
+    margin-bottom: 1rem
+
+
+.section-features .row
+  display: flex
+  flex-wrap: wrap
+  justify-content: center
+  font-size: .9rem
+  gap: 1rem
+
+  > div
+    max-width: 300px
+    paddin: 1rem

content/_index.md

@@ -6,18 +6,44 @@ description: RésiLien est un hébergeur de services numériques localisé en Fr
 <div class="theme-primary">
 <div class="content">
 
-  > ## **Accompagner** <br>les organisations <br>qui ont une **conscience sociétale** <br>vers la réappropriation de<br>leurs **outils numériques**.
+  > ## **Vos** services <br> numériques libres
 {.quote}
 
-**RésiLien** est un hébergeur de services numériques localisé en France 🇫🇷 dont l'infrastructure est décentralisée. Nous respectons [la charte](https://www.chatons.org/charte) du [Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires](https://chatons.org/) et sommes membres du collectif depuis [décembre 2021](https://www.chatons.org/chatons/resilien).
+<div class="presentation grid">
+  <div class="cell">
 
-Reprenez le contrôle sur vos données en utilisant exclusivement des **logiciels libres** et en les stockant sur du matériel de confiance.
+## Qui ?
 
-Engagez-vous dans la transition écologique 🍃 en optant pour une **sobriété numérique**.
+RésiLien est un hébergeur français de services numériques porté par une association, qui fait partie du collectif des [<abbr title="Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires">CHATONS</abbr>](https://chatons.org/).
 
-Si vous avez une connexion Internet suffisante, hébergez dans votre local votre serveur contenant vos propres données. L'équipe de RésiLien en fera la maintenance à distance.
+  </div>
+  <div class="cell">
 
-RésiLien est aujourd'hui un collectif porté par **[Weko](https://weko.io)**, une entreprise de l'**Économie Sociale et Solidaire**.
+## Quoi  ?
+
+
+ Nous proposons l'hébergement de sites web statiques ainsi que des services numériques
+ permettant de collaborer en ligne à l'aide de logiciels libres.
+
+  </div>
+  <div class="cell">
+
+## Pour qui ?
+
+Les associations, collectivités, entreprises et particuliers qui souhaitent reprendre le contrôle sur leur usage du numérique.
+
+  </div>
+  <div class="cell">
+
+## Pourquoi  ?
+
+- Pour participer à une vision plus conviviale du numérique que celle proposée par les grandes entreprises
+- Pour utiliser des services conçus dans votre intérêt sans que l'on profite de vous
+- Pour prendre conscience de l'impact environnemental de votre usage du numérique
+- Pour vous réapproprier le numérique en installant aussi vos propres serveurs chez vous
+
+  </div>
+</div>
 
 </div>
 </div>
@@ -29,7 +55,9 @@ RésiLien est aujourd'hui un collectif porté par **[Weko](https://weko.io)**, u
 ## Quels services propose RésiLien ?
 {.center}
 
-Tous les services sont Open Source et sont accompagnés d'une formation personnalisée. Des sauvegardes sont effectuées quotidiennement sur un autre site.
+Tous les services sont Open Source et hébergés sur une infrastructure décentralisée.
+<br>
+<a class="cta" href="/services/">Voir tous nos services</a>
 
 </div>
 <div class="sticky-cards">
@@ -49,21 +77,13 @@ Tous les services sont Open Source et sont accompagnés d'une formation personna
   </header>
   Avec le logiciel libre Nextcloud, partagez votre calendrier et vos contacts avec les membres de votre organisation.
 
-- <header>
-
-    ![Collaboration sur un document](/icons/writting.svg)
-    ### Prise de notes collaborative
-
-  </header>
-  Avec le logiciel libre Hedgedoc, prenez des notes à plusieurs au format Markdown.
-
 - <header>
 
     ![Éco-conception de site internet](/icons/website.svg)
     ### Site web statique
 
   </header>
-  Avec le logiciel libre Hugo, l'équipe de RésiLien peut concevoir un site web selon votre demande et l'héberger sur son infrastructure.
+  Avec le logiciel libre Garage, hébergez un site web statique facile à maintenir.
 { .cards }
 
 </div>
@@ -73,10 +93,27 @@ Tous les services sont Open Source et sont accompagnés d'une formation personna
 <div class="theme-primary">
 <div class="content">
 
+## Combien ça coûte ?
+
+L'adhésion est de 15€/an pour une personne physique et de 30€/ an pour une personne morale.
+
+Avec cette adhésion, un service de votre choix est inclus.
+
+Pour chaque service supplémentaire le coût est de 24€/an.
+
+Pour les services avec du stockage (100Mo inclus), le prix est de 1€/an par Go supplémentaire.
+
+<a href="/docs/Association RésiLien - Grille tarifaire.pdf">Voir la grille tarifaire</a>
+
+</div>
+</div>
+<div class="theme-secondary">
+<div class="content">
+
 ## Comment bénéficier des services de RésiLien ?
 {.center}
 
-Ayant à cœur d'avoir une **relation de proximité**, nous vous conseillons de contacter l'antenne la plus proche. Celle-ci vous enverra une proposition commerciale en fonction de vos besoins. Chaque prestation inclut une **période d'accompagnement pour l'utilisation des services**.
+Ayant à cœur d'avoir une **relation de proximité**, nous vous conseillons de contacter l'antenne la plus proche pour échanger à propos de vos besoins et de ce que RésiLien peut vous proposer.
 
 - #### Antenne Loire
   Simon Constans  

content/cgu.md

@@ -7,7 +7,8 @@ description: Les Conditions Générales d'Utilisation des services chez RésiLie
 
 Ces Conditions Générales d'Utilisation sont sous licence [CC-BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0). Adaptées de l'original : [Lydra](https://gitlab.com/lydra/legal/-/blob/main/CGU.md)
 
-> Date de mise en application : 21/10/2021
+> Date de mise en application : 21/10/2021  
+> Dernière mise à jour : 24/01/2025
 
 ## Conditions d'accès aux services
 
@@ -53,7 +54,7 @@ La rétention de ces données personnelles est réduite au strict nécessaire (l
 
 ## Localisation, sécurité et sauvegardes
 
-Les services proposés sont hébergés en France (Scaleway et Weko) et en Allemagne (Hetzner), basés sur des logiciels libres, et sauvegardés chaque jour sur des serveurs distants. Ces sauvegardes permettent la restauration des services uniquement en cas de panne majeure. Vous n'y avez pas accès et toute demande de restauration à partir de ces sauvegardes techniques sera facturée en plus.
+Les services proposés sont hébergés en France et en Allemagne (Hetzner), basés sur des logiciels libres, et sauvegardés chaque jour sur des serveurs distants en France chez Scaleway. Ces sauvegardes permettent la restauration des services uniquement en cas de panne majeure. Vous n'y avez pas accès et toute demande de restauration à partir de ces sauvegardes techniques sera facturée en plus.
 
 ## Modification des services et des conditions d’utilisation
 

content/cgv.md

@@ -6,27 +6,26 @@ description: Les Conditions Générales de Vente de RésiLien
 
 Ces Conditions Générales d'Utilisation sont sous licence [CC-BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0). Adaptées de l'original : [Lydra](https://gitlab.com/lydra/legal/-/blob/main/CGV.md)
 
-> Date de mise en application : 21/10/2021
+> Date de mise en application : 21/10/2021  
+> Dernière mise à jour : 24/01/2025
 
 ## Préambule : qui sommes nous ?
 
-RésiLien est un collectif porté par l'entreprise Weko.
+RésiLien est une association à but non lucratif.
 
-### Weko
+### RésiLien
 
-Simon Constans - Weko  
+Représentants légaux : Killian Kemps et Simon Constans  
-Entrepreneur titulaire d’un contrat CAPE au sein de la Coopérative d’Activités et d’Emploi CAP Services.  
+Siège social : Place Pierre Bénite 42260 Crémeaux  
-Siège social : 11 rue Duphot 69003 Lyon  
+SIRET : 928 988 872 00018  
-Site Web : weko.io  
+Code APE : 63.11Z  
-SIRET : 402 636 757 00039  
+TVA Intracommunautaire : non-assujetti à la TVA
-Code APE : 8299Z  
-TVA Intracommunautaire : FR32 402 636 757
 
 Les membres de RésiLien ("nous" dans la suite du texte) sont animés par la coopération, les logiciels libres, la sobriété numérique, ainsi que par l'autonomie et la souveraineté numérique. De ce fait, les Conditions Générales que vous, client ou futur client, êtes en train de lire se veulent compréhensibles par tout un chacun, en évitant le langage juridique jargonneux ⚖.
 
 ## Article 1 : champ d'application
 
-Ces Conditions Générales de Vente (CGV) s'appliquent à tous les services en ligne (dits aussi "SaaS" pour *Software as a Service*) que nous proposons, à savoir les offres Hedgedoc, NextCloud et l'hébergement de sites web statiques.
+Ces Conditions Générales de Vente (CGV) s'appliquent à tous les services en ligne (dits aussi "SaaS" pour *Software as a Service*) que nous proposons.
 
 ## Article 2 : prix
 

content/infrastructure.md

@@ -8,28 +8,25 @@ Vous trouverez ici une brève explication de notre infrastructure. Vous pourrez
 
 ## Infrastructure
 
+1. Serveurs RésiLien hébergeant les données et services
+    - Matériel : [Voir notre documentation](https://notes.resilien.fr/Infrastructure.md#Liste-du-mat%C3%A9riel)
+    - Niveau d'accès : à distance + utilisateur root
+    - Localisation : France
 1. Serveur VPN hébergé chez Hetzner qui agit comme proxy et redirige le trafic entrant vers les serveurs RésiLien correspondants
     - Matériel : CX11
     - Logiciel : Debian
     - Niveau d'accès : à distance + utilisateur root
     - Localisation : Nuremberg, Allemagne
-3. Serveurs Weko hébergeant les données et services
+1. Stockage Scaleway (Object Storage compatible S3) hébergeant les sauvegardes chiffrées
-    - Matériel : Raspberry Pi 4 et Intel NUC
-    - Logiciel : Debian
-    - Niveau d'accès : physique + utilisateur root
-    - Localisation : Crémeaux, France
-4. Stockage Scaleway (Object Storage compatible S3) hébergeant les sauvegardes chiffrées
     - Matériel : infogéré par Scaleway
     - Logiciel : propriétaire compatible protocole S3
     - Niveau d'accès : utilisateur normal
     - Localisation : Paris, France
 
 
-L'accès à Internet des serveurs hébergés par Weko est fourni par le FAI associatif [Illyse](https://www.illyse.net/).
-
 ## Déploiement des services
 
-- Les services web sont déployés dans des conteneurs Docker ([voir le dépôt Git](https://git.weko.io/resilien/services)).
+- Les services web sont déployés dans des conteneurs Docker ([voir le dépôt Git](https://git.resilien.fr/ResiLien/services)).
 - Les serveurs et services web sont installés via Ansible.
 - Les déploiements Ansible sont effectués manuellement pour les mises à jour et pour l'ajout de nouvelles machines.
-- Le code source du site internet est disponible [ici](https://git.weko.io/resilien/resilien.fr).
+- Le code source du site internet est disponible [ici](https://git.resilien.fr/ResiLien/resilien).

content/mentions-legales.md

@@ -7,25 +7,16 @@ description: Les mentions légales de RésiLien
 
 ## Édition du site web
 
-Édité par Weko
+Édité par RésiLien
 
-### Weko
+### RésiLien
 
-Simon Constans - Weko  
+Représentants légaux : Killian Kemps et Simon Constans  
-Entrepreneur titulaire d’un contrat CAPE au sein de la Coopérative d’Activités et d’Emploi CAP Services.  
+Siège social : Place Pierre Bénite 42260 Crémeaux  
-Siège social : 11 rue Duphot 69003 Lyon  
+SIRET : 928 988 872 00018  
-Site Web : weko.io  
+Code APE : 63.11Z  
-SIRET : 402 636 757 00039  
+TVA Intracommunautaire : non-assujetti à la TVA
-Code APE : 8299Z  
-TVA Intracommunautaire : FR32 402 636 757
 
 ## Hébergement
 
-Services et données actives hébergés sur micro-ordinateurs dans les locaux de Weko à Crémeaux (42).  
+Services et données actives hébergés sur les micro-ordinateurs de RésiLien.  
-Siège social : 11 rue Duphot 69003 Lyon
-
-Service de VPN et de surveillance des services à usage interne pour l'infrastructure décentralisée de RésiLien hébergé par [Hetzner](https://hetzner.com/)  
-Siège social : Hetzner Online GmbH, Industriestr. 25, 91710 Gunzenhausen, Allemagne
-
-Sauvegardes des données chiffrées par mot de passe hébergées par [Scaleway](https://www.scaleway.fr).  
-Siège social : Scaleway, 8 rue de la Ville l’Evêque, 75008 Paris, France

content/services.md

@@ -0,0 +1,22 @@
+---
+title: Services de RésiLien
+description: 
+---
+ 
+# Services de RésiLien
+
+## Communication en public
+
+{{< services "communication" >}}
+
+## Collaboration dans une équipe
+
+{{< services "collaboration" >}}
+
+## Bureautique
+
+{{< services "bureautique" >}}
+
+## Outils techniques
+
+{{< services "technique" >}}

content/sous-traitance.md

@@ -10,13 +10,11 @@ Vous retrouverez ci-dessous la liste de nos sous-traitants.
 
 | Catégorie   | Missions                               | Sous-traitants                                                           |
 |-------------|----------------------------------------|--------------------------------------------------------------------------|
-| Commercial  | Courriels                              | [Gandi](https://www.gandi.net/fr) |
+| Commercial  | Courriels                              | [OUVATON](https://ouvaton.coop) |
-|             | Fiches clients et facturation | [Louty](https://appli.louty.net/Louty) |
+|             | Fiches membres et facturations | [Paheko](https://paheko.cloud/) |
 | Hébergement | Service de VPN et supervision (outils auto-hébergés)                  | [Hetzner](https://hetzner.com/)                                  |                        |
-|             | Services web de l'infrastructure publique                               | [Weko](https://weko.io)  |
 |             | Service d'emails transactionnels                               | [Mailjet](https://www.mailjet.com/)  |
 |             | Sauvegardes                            | [Scaleway](https://www.scaleway.com/fr)  |
-| Support     | Services                                | [Weko](https://weko.io)                               |
 
 
 ## Cookies

data/services.yml

@@ -0,0 +1,132 @@
+services:
+  communication:
+    garage:
+      tool:
+        name: Garage
+        link: https://garagehq.deuxfleurs.fr/
+      title: Hébergement de site statique
+      icon: website
+      description: Hébergez votre site web statique facile à maintenir.
+      subdomain: www
+      doc: /docs/garage/hébergez/
+    mobilizon:
+      tool:
+        name: Mobilizon
+        link: https://joinmobilizon.org/
+      title: Rassembler
+      icon: speakerphone
+      description: Un outil qui vous permet de trouver, créer et organiser des événements. Publiez une page pour votre groupe !
+      subdomain: mobilizon
+      doc: /docs/mobilizon/rassembler/
+    listmonk:
+      tool:
+        name: listmonk
+        link: https://listmonk.app/
+      title: Infolettre
+      icon: mail-fast
+      description: Gestionnaire de **listes de diffusion** et d'infolettre avec envoi possible par mail ou SMS.
+      subdomain: infolettre
+      doc: /docs/listmonk/infolettre/
+  collaboration:
+    nextcloud:
+      tool:
+        name: Nextcloud
+        link: https://nextcloud.com/
+      title: Gérer vos données
+      icon: files
+      description: Gérez en collaboration vos **fichiers, contacts et agendas** pour permettre une bonne organisation.
+      subdomain: nuage
+      doc: /docs/nextcloud/gérer-vos-données/
+    element:
+      tool:
+        name: Element
+        link: https://element.io/
+      title: Discussion entre équipes
+      icon: messages
+      description: Échangez ensemble avec une **messagerie instantanée** sécurisée et décentralisée.
+      subdomain: chat
+      doc: /docs/element/discussion-entre-équipes/
+    hedgedoc:
+      tool:
+        name: Hedgedoc
+        link: https://hedgedoc.org/
+      title: Prise de notes
+      icon: pencil
+      description: Prenez des notes simultanément, à plusieurs, en ligne, et sans avoir à créer de compte, puis partager ses notes.
+      subdomain: notes
+      doc: /docs/hedgedoc/prise-de-notes/
+    outline:
+      tool:
+        name: Outline
+        link: https://www.getoutline.com/
+      title: Base de connaissance
+      icon: pencil
+      description: Collaborez sur **une documentation** en ligne pour mettre en lumière les connaissances de votre équipe.
+      subdomain: docs
+      doc: /docs/outline/prise-de-notes/
+    vikunja:
+      tool:
+        name: Vikunja
+        link: https://vikunja.io/
+      title: Gestion de projets
+      icon: list-details
+      description: Organisez vous autour de **listes de tâches** et rendre visible l'avancement de vos projets avec votre équipe.
+      subdomain: projets
+      path: '?redirectToProvider=true'
+      doc: /docs/vikunja/gestion-de-projets/
+  bureautique:
+    vaultwarden:
+      tool:
+        name: Vaultwarden
+        link: https://github.com/dani-garcia/vaultwarden/
+      title: Mots de passe
+      icon: shield-lock
+      description: Facilitez-vous la gestion et le partage de vos mots de passe, vous avez besoin de n'en retenir plus qu'un !
+      subdomain: pass
+      doc: /docs/vaultwarden/gestionnaire-de-mots-de-passe/
+    signaturepdf:
+      tool:
+        name: PDF Signature
+        link: https://github.com/24eme/signaturepdf/
+      title:  Gestion de PDF
+      icon: file-type-pdf
+      description: Signez, paraphez, modifiez, réorganisez, compressez vos fichiers PDF directement en ligne.
+      subdomain: pdf
+      doc: /docs/signaturepdf/gestion-de-pdf/
+    grist:
+      tool:
+        name: Grist
+        link: https://www.getgrist.com/
+      title: Tableur en ligne
+      icon: table-heart
+      description: Un puissant tableur en ligne permettant de **saisir et manipuler** collaborativement des données numériques.
+      subdomain: grist
+      doc: /docs/grist/tableur/
+  technique:
+    directus:
+      tool:
+        name: Directus
+        link: https://directus.io/
+      title: Gestion de contenu
+      icon: route-2
+      description: Directus est un logiciel de gestion de contenu qui permet de stocker et d'accéder au contenu via une API.
+      subdomain: admin
+      doc: /docs/directus/gestion-de-contenu/
+    gitea:
+      tool:
+        name: Gitea
+        link: https://about.gitea.com/
+      title: Forge logicielle
+      icon: brand-git
+      description: Gitea est une forge logicielle libre pour collaborer autour de développement logiciel et la **gestion du code source**.
+      subdomain: forge
+      doc: /docs/gitea/forge-logicielle/
+    metabase:
+      tool:
+        name: Metabase
+        link: https://www.metabase.com/
+      title: Analyse de données
+      icon: chart-dots-2
+      description: Solution d'informatique décisionnelle, mise en place de graphique de ses données pour piloter son activité.
+      subdomain: tableaudebord
+      doc: /docs/metabase/analyse-de-données/

layouts/partials/footer.html

@@ -11,6 +11,8 @@
     <li><a href="https://notes.resilien.fr/s/R%C3%A9silien.md">Documentation générale</a></li>
     <li><a href="/infrastructure/">Infrastructure</a> <a href="/sous-traitance/">Sous&#8209;traitance</a></li>
     <li> </li>
+    <li><a href="/docs/Association%20R%C3%A9siLien%20-%20Statuts.pdf">Statuts</a> <a href="/docs/Association%20R%C3%A9siLien%20-%20R%C3%A8glement%20int%C3%A9rieur.pdf">Règlement intérieur</a> <a href="/docs/Association%20R%C3%A9siLien%20-%20Grille%20tarifaire.pdf">Grille tarifaire</a></li>
+    <li> </li>
     <li><a href="/mentions-legales/">Mentions légales</a> <a href="/cgv/">CGV</a> <a href="/cgu/">CGU</a></li>
     <li><a href="/politique/">Politique de protection des données</a></li>
     </ul>

layouts/shortcodes/services.html

@@ -0,0 +1,16 @@
+<section class="section section-sm section-features">
+  <div class="container">
+    <div class="row justify-content-center text-center">
+      {{- $category := .Get 0 }}
+      {{ range $service := index site.Data.services.services $category }}
+      <div class="col-12 col-lg-5 col-sm-6">
+        <h2 class="h4">
+          {{- $service.title -}}
+        </h2>
+        <p>{{ $service.description | markdownify }}</p>
+        <p class="text-muted"><small>Propulsé par <a href="{{ $service.tool.link }}">{{ $service.tool.name }}</a></small></p>
+      </div>
+      {{ end }}
+    </div>
+  </div>
+</section>