feat: Ajout du site resilien.fr

config/resilien.fr/hugo.toml

@@ -13,6 +13,8 @@ disableLanguages = ["de", "nl", "en"]
 
   [Params.doks]
     breadcrumbTrail = true
+    colorMode = "light"
+    relatedPosts = true
 
 [languages.fr.params]
   footer = 'Mise en place et hébergé avec sobriété par <a class="text-muted" href="https://resilien.fr/">RésiLien</a>'

config/resilien.fr/menus.fr.toml

@@ -1,6 +1,11 @@
 [[main]]
   name = "Guides"
   url = "/docs/introduction/bienvenue/"
+  weight = 20
+
+[[main]]
+  name = "Blog"
+  url = "/blog/"
   weight = 10
 
 [[footer]]

config/resilien.fr/module.toml

@@ -34,6 +34,9 @@
   target = "assets"
 
 ## content
+[[mounts]]
+  source = "portails/resilien.fr/content"
+  target = "content"
 [[mounts]]
   source = "portails/shared/content"
   target = "content"
@@ -46,18 +49,27 @@
 [[mounts]]
   source = "portails/shared/docs/gitea"
   target = "content/docs/gitea"
+[[mounts]]
+  source = "portails/shared/docs/hedgedoc"
+  target = "content/docs/hedgedoc"
 [[mounts]]
   source = "portails/shared/docs/listmonk"
   target = "content/docs/listmonk"
 [[mounts]]
   source = "portails/shared/docs/metabase"
   target = "content/docs/metabase"
+[[mounts]]
+  source = "portails/shared/docs/mobilizon"
+  target = "content/docs/mobilizon"
 [[mounts]]
   source = "portails/shared/docs/nextcloud"
   target = "content/docs/nextcloud"
 [[mounts]]
   source = "portails/shared/docs/outline"
   target = "content/docs/outline"
+[[mounts]]
+  source = "portails/shared/docs/signaturepdf"
+  target = "content/docs/signaturepdf"
 [[mounts]]
   source = "portails/shared/docs/vaultwarden"
   target = "content/docs/vaultwarden"
@@ -65,10 +77,6 @@
   source = "portails/shared/docs/vikunja"
   target = "content/docs/vikunja"
 
-[[mounts]]
-  source = "portails/resilien.fr/content"
-  target = "content"
-
 ## data
 [[mounts]]
   source = "node_modules/@hyas/doks-core/data"
@@ -123,6 +131,9 @@
 [[mounts]]
   source = "portails/shared/layouts"
   target = "layouts"
+[[mounts]]
+  source = "portails/resilien.fr/layouts"
+  target = "layouts"
 
 ## static
 [[mounts]]
@@ -132,3 +143,7 @@
 [[mounts]]
   source = "static"
   target = "static"
+
+[[mounts]]
+  source = "portails/resilien.fr/static"
+  target = "static"

portails/resilien.fr/assets/scss/common/_variables-custom.scss

@@ -1,28 +1,153 @@
-$primary: #f9bc60;
+$primary: #004643;
+
+.container-sm .section.container-fluid{
+    padding-left: 0;
+    padding-right: 0;
+}
+
+.rFooter, .rArticle {
+    @media screen and (min-width: 576px) {
+        > div {
+            margin-left: auto;
+            margin-right: auto;
+            display: flex;
+            justify-content: space-between;
+            max-width: 1320px;
+        }
+    }
+}
+
+.home .rFooter, .blog .rFooter, .rArticle {
+    @media screen and (min-width: 1040px) {
+        > div {
+            max-width: 1040px;
+        }
+    }
+}
+
+.rArticle > div {
+    flex-direction: column;
+
+    header {
+        max-width: 800px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+    a {
+        color: #004643;
+    }
+}
+
+.wrap.container-lg {
+    --bs-gutter-x: 1rem;
+    @media screen and (min-width: 576px) {
+        --bs-gutter-x: 3rem;
+    }
+}
+
+.rFooter {
+    --bs-gutter-x: 1rem;
+    padding: 2rem calc(var(--bs-gutter-x) * .5) 0;
+    font-size: .75rem;
+    border-top: 1px dashed #abd1c6;
+    background-color: #004643;
+    color: white;
+
+    a {
+        color: #f9bc60;
+    }
+
+    ul {
+        max-width: 300px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+    ul + ul {
+        border-top: 1px dashed #abd1c6;
+        padding-top: 1rem
+    }
+
+    @media screen and (min-width: 576px) {
+        --bs-gutter-x: 3rem;
+        ul {
+            max-width: 400px;
+            margin-left: 0;
+            margin-right: 0;
+        }
+
+        ul:first-child {
+            text-align: left;
+        }
+
+        ul + ul {
+            border-top: none;
+            text-align: right;
+        }
+    }
+}
 
 body {
-    --bs-body-bg: #004643;
-    --bs-body-color: #e8e4e6;
+    --bs-body-bg: #abd1c6;
+
+    .footer2 {
+        color: white;
+        border-top: 0;
+        overflow: hidden;
+
+        @media screen and (min-width: 992px) {
+            border-top: 1px dashed #abd1c6!important;
+        }
+
+        @media screen and (max-width: 991px) {
+            .bt-1 {
+                border-top: 1px dashed #f9bc60!important;
+                margin-top: .5rem;
+                padding-top: 1rem;
+            }
+        }
+
+
+        background-color: #004643;
+        color: #e8e4e6;
+    }
 
     .navbar {
         background-color: #004643;
 
-        a, .offcanvas .nav-link {
-            text-decoration: dotted;
-            text-decoration-line: underline!important;
-            color: #f9bc60;
-        }
-    }
-
         a {
             text-decoration: dotted;
-        color: #f9bc60;
             text-decoration-line: underline!important;
         }
 
-    &.home h1 {
-        margin-top: 4rem;
-        margin-bottom: 4rem;
+        .offcanvas .nav-link {
+            color: white;
+        }
+
+        .offcanvas.show .offcanvas-body {
+            background-color: #abd1c6;
+            color: #004643;
+
+            a {
+                color: #004643;
+            }
+        }
+    }
+
+    .navbar-expand-lg {
+        .offcanvas-body {
+            flex-direction: row-reverse!important;
+        }
+
+        .navbar-nav {
+            justify-content: flex-end;
+        }
+    }
+
+    a, .docs-content a {
+        text-decoration: dotted;
+        text-decoration-line: underline!important;
     }
 
     .lead {
@@ -36,12 +161,12 @@ body {
       color: #001e1d;
 
       .row.justify-content-center.text-center {
-        gap: 2.5rem;
+        gap: 2rem;
       }
 
       .col-12.col-lg-5.col-sm-6 {
         background-color: #004643;
-        border-radius: 3px;
+        border-radius: .5rem;
         color: #e8e4e6;
         h2 {
             color: #f9bc60
@@ -60,8 +185,54 @@ body {
         }
       }
     }
+
+
+    header.navbar {
+        border-bottom: 1px dashed #abd1c6;
+    }
+
+    .docs-sidebar {
+        border-right: 1px dashed #004643;
+    }
+}
+
+.home {
+
+
+    a {
+        color: #f9bc60
+    }
+
+    --bs-body-bg: #004643;
+    --bs-body-color: #e8e4e6;
+    --bs-emphasis-color-rgb: #e8e4e6;
+
+    --bs-dark:#004643;
+    
+    .footer2 {
+        margin-top: 1rem;
+    }
+    .contact {
+        .row {
+
+        }
+        .col-12 {
+            max-width: 280px;
+            width: 100%;
         }
 
         blockquote {
-    --sl-color-purple: #e8e4e6;
+            background-color: #abd1c6;
+            color: #001e1d;
+            margin: 1rem 0 0;
+            border: none;
+            border-radius: .5rem;
+            width: auto;
+            height: calc(100% - 1rem);
+
+            a {
+                color: #001e1d;
+            }
+        }
+    }
 }

portails/resilien.fr/content/_index.md

@@ -1,5 +1,5 @@
 ---
-title : "Outils numériques libres proposés par <a href='https://resilien.fr'>RésiLien</a>"
+title : "Outils numériques libres proposés par <a href='https://resilien.fr'>RésiLien</a>"
 description: ""
 lead: "Ce site web vous met à disposition de multiples services utiles pour collaborer, partager et avoir une vie numérique plus <a href='/docs/introduction/vie-numérique/'>« saine »</a>."
 date: 2023-09-07T16:33:54+02:00
@@ -20,11 +20,26 @@ Engagez-vous dans la transition écologique 🍃 en optant pour une **sobriété
 
 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.
 
-RésiLien est aujourd'hui une association porté par des valeurs éthiques, une entreprise de l'**Économie Sociale et Solidaire**.
+RésiLien est aujourd'hui une association portée par des valeurs éthiques, une entreprise de l'**Économie Sociale et Solidaire**.
+
+</div>
+</div>
+</section>
+</div>
+</div>
+
+<div class="section section-sm pb-0">
+<div class="content">
+<section class="section section-sm section-features">
+<div class="wrap container-lg">
+<div class="row justify-content-center">
+<div class="col-lg-12 col-xl-12 mt-4 pl-4 pr-4">
 
 ## Quels services propose RésiLien ?
 
 Tous les services sont :
 - open source 
-- accompagnés d’une formation personnalisée si besoin
-- avec des sauvegardes effectuées quotidiennement sur un autre lieu
+- accompagnées d’une formation personnalisée si besoin
+- avec des sauvegardes effectuées quotidiennement sur un autre lieu.
+
+</div>

portails/resilien.fr/content/blog/2021/2021-12-20-lancement-de-resilien/index.md

@@ -0,0 +1,62 @@
+---
+title: Lancement de RésiLien, hébergeur d’un numérique responsable !
+description: RésiLien est un projet fondé par Simon Constans et Killian Kemps, sous le nom de nos entreprises respectivement Weko et Libenume, dans le but de proposer une offre commerciale alternative aux services de collaboration en ligne déjà existants tels que Google Drive et Dropbox pour n'en citer que quelques uns.
+summary: ""
+date: 2021-12-20T00:00:00+02:00
+lastmod: 2021-12-20T00:00:00+02:00
+draft: false
+weight: 50
+categories: []
+tags: []
+contributors: []
+pinned: false
+homepage: false
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  noindex: false # false (default) or true
+---
+
+Nous avons officiellement débuté l'aventure RésiLien le 17 juin 2021 en enregistrant le nom de domaine « resilien.fr » et en nous présentant sur la messagerie d'IndieHosters.
+
+RésiLien est un projet fondé par Simon Constans et Killian Kemps, sous le nom de nos entreprises respectivement Weko et Libenume, dans le but de proposer une offre commerciale alternative aux services de collaboration en ligne déjà existants tels que Google Drive et Dropbox pour n'en citer que quelques uns.
+
+## Nos constats
+
+RésiLien est né en réponse à plusieurs constats :
+1. Aujourd'hui les services en ligne les plus utilisés et les plus populaires sont proposés par Google, Facebook, Microsoft, Zoom, etc. Quasiment toutes sont des entreprises états-uniennes qui ne sont de fait pas soumises aux lois des pays européens.
+    - Les citoyens et les citoyennes européens ne bénéficient dès lors pas de toutes les protections concernant les données personnelles votées par leurs pays. Le célèbre RGPD entré en vigueur en mai 2018 n'est que partiellement respecté en dehors du Vieux Continent alors qu'il est censé protéger tout citoyen européen, même en dehors du territoire européen.
+    - Économiquement, alors que les entreprises du numérique représentent les plus grandes capitalisations boursières au monde, elles sont aussi toutes en dehors du territoire européen. Nos économies européennes ne bénéficient que peu de l'essor du numérique.
+    - D'un point de vue pratique concernant notre souveraineté, en tant que français nous sommes dépendants de services numériques développés par des entreprises de nationalité étrangère. Cette posture nous dessert sur le plan géopolitique.
+2. Les services en ligne populaires sont propriétaires et ne permettent pas d'accéder à leur code source.
+    - En tant qu'utilisatrices et utilisateurs de ces services, nous ne contrôlons pas leur comportement et ne pouvons pas être sûrs qu'il ne puisse pas y avoir des logiques implémentées contre nos intérêts. Par exemple sur les réseaux sociaux populaires, les flux d'actualité sont affichés de sorte à capter l'attention et afficher de la publicité. Nous sommes loin du progrès (technique mais aussi social) que nous pouvons espérer de la technologie.
+3. Le numérique représente une part de plus en plus importante de l'impact écologique de l'humanité. D'après [le rapport](https://theshiftproject.org/article/pour-une-sobriete-numerique-rapport-shift/) du Shift Project de 2018, le numérique pourrait représenter 8% des émissions de gaz à effet de serre (GES) mondiales en 2025 si nous ne changeons pas nos habitudes contre 5% si nous optons pour une sobriété numérique.
+    - L'impact écologique du numérique est difficile à évaluer à travers les études car il diffère aussi en fonction des pays. Il manque toujours des données précises et factuelles sur notre utilisation du numérique.
+    - En France, comme la majorité de l'énergie électrique provient des centrales nucléaires, il est considéré que la plus grande émission de GES se fait au moment de la fabrication du matériel informatique. Pour réduire notre impact, nous devons chercher à conserver le plus longtemps possible notre matériel et à utiliser du matériel reconditionné.
+
+## Le projet RésiLien
+
+Face à ces constats, avec RésiLien nous avons choisi de proposer des services en lignes constitués exclusivement de logiciels libres, fonctionnant sur du matériel informatique reconditionné et sobre (presque « low-tech »), hébergés en France.
+
+Nous cherchons à nous réappoproprier l'outil informatique en nous en rapprochant, c'est-à-dire avoir le contrôle physique et virtuel de nos machines.
+
+De plus, nous pensons que nous devons penser à la résilience de notre infrastructure afin de pouvoir s'adapter aux changements futurs (climatiques et sociaux) tout en fournissant un service minimum. Pour parvenir à cette résilience, nous misons sur d'une part la sobriété de l'infrastructure et d'autre part à sa décentralisation. Sobre, car nous privilégions du matériel à basse puissance tel que des Raspberry Pi ne nécessitant pas de système de refroidissement actif en supplément. Il est ainsi facile d'installer du nouveau matériel sans avoir besoin de bâtiments spécialisés. Décentralisé, car nous répartissons le matériel sur le territoire français de sorte à être tolérant aux pannes matérielles, électriques et de connexion Internet.
+
+Notre vision pour le futur est la maintenance d'une infrastructure numérique qui sait s'adapter aux changements systémiques (changement climatique, pénurie de semi-conducteurs, pandémie) en gardant en tête l'essentiel : diffuser l'information pour faciliter l'organisation au sein de notre société.
+
+## L'activité économique de RésiLien
+
+RésiLien est un collectif de CAE (Coopérative d'Activités et d'Emploi) et a une activité à but lucratif. Nous ne cherchons pas à générer de grands bénéfices, ni à revendre l'activité. Nous souhaitons pouvoir strictement subvenir aux besoins des membres du collectif. Aujourd'hui, nous visons à nous rétribuer un salaire de l'ordre de 1500€ net /mois par membre du collectif. Ce salaire peut venir de prestations au sein de RésiLien mais aussi de prestations externes au projet afin de réduire notre dépendance à une seule source de revenus.
+
+Il est important pour nous de cultiver notre transparence envers vous, clients, futurs clients ou simplement visiteurs car nous pensons qu'il s'agit d'un ingrédient essentiel dans la recette pour que vous puissiez nous faire confiance. D'ailleurs, nous pensons aussi qu'il est plus facile de s'engager dans une relation lorsque l'on sait qu'il est facile d'en ressortir. Pour cette raison nous utilisons exclusivement des logiciels libres qui facilitent l'export et l'import de données et nous documentons l'usage de ces outils. Aussi, la quasi-intégralité de nos documents de travail tels que les compte-rendus de réunion et les schémas techniques sont [publics](https://notes.resilien.fr/R%C3%A9silien.md). Seules quelques données telles que les informations de nos clients sont conservées de manière privée.
+
+Concrètement, que propose RésiLien ? Pour le début de l'activité de RésiLien nous proposons 3 services : l'édition de notes collaboratives avec le logiciel Hedgedoc, le partage de fichiers, de calendrier et de contacts avec le logiciel Nextcloud et enfin l'hébergement de site web statiques. Nous sommes aussi à l'écoute de vos demandes et nous pouvons chercher à vous proposer des réponses qui sont pertinentes avec la typologie de l'infrastructure de RésiLien. Dans tous les cas, nous vous invitons à contacter Weko, situé dans le département de la Loire, ou Libenume, situé dans les Côtes d'Armor, afin d'être conseillé et obtenir un devis personnalisé.
+
+## Les personnes derrière RésiLien
+
+Le collectif RésiLien a été fondé par Simon Constans (via son entreprise Weko) et Killian Kemps (via son entreprise Libenume). Nous avons tous les deux été développeurs informatiques et administrateurs système dans nos expériences précédentes. Simon a été développeur dans l'agence Web Théodo puis au sein de la start-up Cozy (qui propose une plateforme de services numériques open source en ligne) et Killian a été administrateur système (ou « devops ») dans la start-up La Ruche qui dit Oui (qui facilite la vente de produits de la ferme en circuit-court). Nous avons eu un parcours assez similaire, avec quelques années de décalage, par rapport à notre prise de conscience de l'impact écologique du numérique.
+
+Pour résumer, alors que le travail de chacun se situait à Paris et que nous ne nous connaissions pas encore, nous avons chacun décidé de quitter la région parisienne ainsi que nos emplois car nous considérions que le numérique avait un impact trop néfaste sur la société. Après plusieurs mois de réflexion, nous avons chacun  choisi de nous réconcilier avec le numérique, car quitte à ce qu'il existe, autant chercher à rendre le numérique plus responsable ! Nous nous sommes alors rencontrés pour la première fois via les groupes de travail en ligne autour du numérique responsable. Puis, de fil en aiguille, nous avons créé le projet RésiLien.
+
+Nous espérons que cet article vous a permis de comprendre ce qu'était RésiLien et vous a donné envi de collaborer avec nous !

portails/resilien.fr/content/blog/2021/2021-12-21-integration-des-chatons/index.md

@@ -0,0 +1,42 @@
+---
+title: RésiLien intègre les CHATONS
+description: RésiLien est très fier d'intégrer la grande famille des CHATONS et espère pouvoir y contribuer à son niveau !
+SocialImage: logo_chatons_v3.1.svg
+summary: ""
+date: 2021-12-21T00:00:00+02:00
+lastmod: 2021-12-21T00:00:00+02:00
+draft: false
+weight: 50
+categories: []
+tags: []
+contributors: []
+pinned: false
+homepage: false
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  noindex: false # false (default) or true
+---
+
+RésiLien a déposé sa candidature le 25 octobre 2021 afin d'intégrer la portée n°13 des [CHATONS](https://www.chatons.org). Les résultats des votes ont été publiés ce 21 décembre 2021 et [RésiLien fait officiellement partie des CHATONS](https://www.chatons.org/chatons/resilien) !
+
+<!-- 
+Il y a un souci avec l'import de SVG
+![Logo des CHATONS](/logo_chatons_v3.1.svg)
+{.half}
+-->
+
+## CHATONS ? Késako ?
+
+Avec un tel nom, on éveille souvent la curiosité ! Le collectif des CHATONS, dont l'acronyme CHATONS signifie « Collectif des Hébergeurs Alternatifs Transparents Ouverts Neutres et Solidaires », a été initié par l'association française [Framasoft](https://framasoft.org). Il regroupe des entités de toutes formes (associations, entreprises, personnes en nom propres) qui sont liées par une même [charte](https://www.chatons.org/charte). Tel que détaillé dans ce [manifeste](https://www.chatons.org/manifeste), toutes ces entités pensent que la direction générale que prend le numérique ne sert pas les intérêts des citoyennes et des citoyens. Le but de ce collectif est de réunir toutes les personnes qui souhaitent proposer une forme alternative du numérique qui sert les intérêts de toutes et tous.
+
+## RésiLien parmi les CHATONS
+
+RésiLien est en relation avec d'autres CHATONS depuis ses débuts. Cela a commencé par la prise de contact avec [IndieHosters](https://indiehosters.net/) le jour-même de la création officielle de RésiLien en enregistrant le nom de domaine resilien.fr. Nous sommes en relation proche avec [Pâquerette](https://paquerette.eu/) et puis nous avons régulièrement des interactions avec d'autres CHATONS soit sous forme d'entretien pour échanger des connaissances ou lors de [réunions CHATONS mensuelles](https://forum.chatons.org/t/calendrier-des-reunions-virtuelles-mensuelles-2022/2975) ou thématiques.
+
+Le collectif des CHATONS est un vivier important de personnes motivées avec qui nous pouvons collaborer occasionnellement ou régulièrement. Que ce soit avec des structures commerciales ou des structures associatives, nous avons tous intérêt à collaborer sur les sujets qui sont importants pour nous et trop grands à maîtriser. Par exemple le développement et l'usage de logiciels libres, la connaissance des droits et des devoirs sur la protection des données personnelles ou encore la mise en place d'outils numériques plus sobres.
+
+Dans cette optique de collaboration, RésiLien publie une grande partie de ses documents internes et de ses outils afin qu'ils puissent être réutilisés par d'autres. Nous publions une [documentation générale](https://notes.resilien.fr/s/R%C3%A9silien.md#) qui contient tous les compte rendus de réunions ce qui permet à des entités extérieures de comprendre et apprendre de notre fonctionnement. Cette documentation contient aussi notre veille, nos essais techniques, nos comparatifs d'outils, nos explications de choix techniques, etc. De plus, nos outils techniques sont disponibles sur notre forge logicielle [Gitea](https://git.weko.io/resilien/services).
+
+RésiLien est très fier d'intégrer cette grande famille et espère pouvoir y contribuer à son niveau !

portails/resilien.fr/content/blog/2022/2022-01-26-l-impact-environnemental-du-numerique/index.md

@@ -0,0 +1,65 @@
+---
+title: L'impact environnemental du numérique
+description: Que savons-nous de l'impact du numérique ? Son impact est-il « virtuel » et « dématérialisé » comme on aime à le prétendre ? Nous vous proposons une série d'articles qui expliquent d'abord le lien entre le numérique et son environnement, puis les solutions que nous proposons chez RésiLien
+date: 2022-01-26T00:00:00+02:00
+lastmod: 2022-01-26T00:00:00+02:00
+draft: false
+---
+
+# L'impact environnemental du numérique
+
+Il existe aujourd'hui en France un consensus pour admettre que les activités humaines ont une influence sur leur environnement. Nous savons que les déchets plastiques qui sont jetés dans la nature se décomposent et se retrouvent sous forme de nano-particules dans l'air et dans les poissons que l'on pêche. Nous savons que les trajets en avion émettent une quantité impressionnante de gaz à effet de serre (GES) et contribuent au réchauffement climatique.
+
+Mais que savons-nous de l'impact du numérique ? Son impact est-il « virtuel » et « dématérialisé » comme on aime à le prétendre ? Nous vous proposons une série d'articles qui expliquent d'abord le lien entre le numérique et son environnement, puis les solutions que nous proposons chez RésiLien.
+
+## Le réchauffement climatique
+
+Tout d'abord, nous proposons de débuter cet article par un rappel sur le réchauffement climatique. L'enjeu autour de celui-ci est critique car plus le réchauffement est important moins le comportement de notre planète est prédictible. Il est avéré que la montée des eaux s'accélère, que les feux de forêts s'intensifient et que les récoltes agricoles sont moins abondantes à cause des sécheresses plus fréquentes pour citer quelques unes des multiples conséquences [^impact-rechauffement-france][^wwf-impact-rechauffement]. L'habitabilité de la planète pour les humains devient de plus en plus difficile et nous avons besoin de nous adapter à ces changements de plus en plus vite.
+
+L'UNEP, un programme des Nations Unies, a publié un rapport en décembre 2020 illustrant plusieurs scénarios de réchauffement climatique en fonction de la quantité d'émission de gaz à effet de serre. Il ne s'agit pas du premier rapport de ce type et certainement pas du dernier mais il a le mérite de proposer un beau graphique récapitulatif. Avant de lire le graphique, nous précisons que le CO<sub>2</sub>e est une unité de mesure qui permet de mesurer l'impact de l'ensemble des gaz à effet de serre (par exemple le méthane, le dioxyde de carbone et l'eau) comme s'il ne s'agissait que de CO<sub>2</sub> (le dioxyde de carbone). En continuant nos activités humaines avec les politiques actuelles, les scientifiques prédisent que nous émettrons environ 60 GtCO<sub>2</sub>e en 2030. Ce qui correspondrait à un réchauffement climatique global largement au dessus de 2°C.
+
+D'après les accords de Paris de la COP21 en 2015, les pays se sont engagés à conserver le réchauffement global à « bien en dessous » de 2°C et à « mener des efforts encore plus poussés pour limiter l’augmentation de la température à 1,5°C au-dessus des niveaux pré-industriels »[^accords-de-paris]. Nous sommes aujourd'hui encore loin des objectifs annoncés et il est très improbable que nous puissions respecter l'objectif de +1,5°C.
+
+![Écarts d’émissions entre les trajectoires actuelles, les engagements actuels et les scénarios à +1,5°C et + 2°C. Source : UNEP, Emissions Gap Report 2020](graphique_rechauffement.png)[^emissions-gap-report]
+
+## La part du numérique dans le réchauffement climatique
+
+Après avoir rappelé les enjeux et les ordres de grandeur autour du réchauffement climatique, quelle est la part liée au numérique ?
+
+Le Shift Project, un think tank spécialisé sur la transition énergétique, a publié un rapport en 2018 sur la part du numérique. D'après ce rapport, en 2019 le numérique représentait 4% des émissions de gaz à effet de serre (GES) et avec une croissance de 8% par an, sans changement de comportement, celui-ci représentera environ 8% des émissions de GES en 2025. En comparaison, en 2019 le secteur des transports représentait 31% des émissions de GES, l'industrie de l'énergie 10% et les déchets 3% [^notre-environnement-ges].
+
+Les transports représentent certes la plus grande part des émissions, mais le numérique tend à prendre une part de plus en plus importante. Ce rapport du Shift Project a mis un coup de projecteur sur l'impact du numérique afin que l'on considère aussi à prendre des mesures pour ce secteur.
+
+![Évolution 2013-2025 de la part du numérique dans les émissions de GES mondiales. Source : (The Shift Project, 2018)](part_numerique_ges.png)[^the-shift-project-2018]
+
+## L'impact du numérique plus en détail
+
+Pendant un certain temps, beaucoup de spécialistes se sont concentrés sur la consommation énergétique du numérique, représentée par les centres de données notamment. Pourtant il je s'agit que de la partie immergée de l'iceberg.
+
+Aujourd'hui l'avis des experts a changé pour admettre que la plus grande pollution en ressources abiotiques[^abiotique], en émission de GES et en eau se produit au moment de la fabrication du matériel numérique. Il est à noter qu'en France, du fait que la majorité de l'électricité produite provient de centrales nucléaires, peu d'émissions en GES sont comptabilisés pour la consommation énergétique. Le tableau ci-dessous produit par GreenIT.fr en 2021 montre que les terminaux des utilisateurs représentent la part la plus importante de la pollution sur les quatre critères : consommation d'énergie, émission de GES, consommation en eau et consommation de ressources
+
+
+![« Impacts environnementaux du numérique en France » - Collectif d’experts - 17 janvier 2021. Source : GreenIT.fr](impact_numerique_france_2020.png)[^impact-environnementaux-numerique-greenit]
+
+*(1) (voir tableau) Cet indicateur de contribution à l’épuisement des ressources abiotiques ne prend en compte que les ressources« matière ». L’énergie fossile, qui est aussi une ressource abiotique, n’est pas prise en compte. En revanche, le pétrole, s’il est utilisé pour fabriquer du plastique, est par exemple pris en compte.*
+
+En France, la priorité n'est donc pas de réduire la consommation d'énergie des appareils, même si c'est aussi un levier d'action, mais plutôt de ralentir le renouvellement du parc informatique.
+
+## Conclusion
+
+Certes les secteurs des transports et de l'agriculture représentent la plus grande part des émissions de gaz à effet de serre (GES), mais le numérique est de plus en plus utilisé et prend une part de plus en plus importante. En France, de part un mix énergétique comprenant en majorité l'énergie d'origine nucléaire, les émissions de GES sont plus faibles que pour d'autres pays.
+
+Nous tenons à vous faire remarquer que dans cet article, nous n'avons considéré que les émissions de GES qui agissent directement sur le réchauffement climatique. Nous n'avons pas détaillé la pollution liée directement à l'exploitation de mines et à la fabrication de cartes électroniques. Le sujet de l'impact environnemental du numérique est encore à ses débuts et nous n'avons pas connaissance de tous les détails.
+
+En revanche une chose est sûre, le numérique, de même que toutes les autres activités humaines, doit s'adapter pour réduire sa participation au réchauffement climatique et nous permettre de conserver l'habitabilité de la planète pour les humains.
+
+Chez RésiLien nous expérimentons des solutions afin de réduire l'empreinte du numérique sur l'environnement et rendre le numérique plus résilient. Nous détaillerons nos travaux dans de prochains articles.
+
+[^accords-de-paris]: L'accord de Paris. Accueil | economie.gouv.fr [en ligne]. [sans date] [consulté le 20 janvier 2022]. Disponible sur : https://www.economie.gouv.fr/laccord-de-paris
+[^emissions-gap-report]: Emissions Gap Report 2020. UNEP - UN Environment Programme [en ligne]. [sans date] [consulté le 20 janvier 2022]. Disponible sur : https://www.unep.org/emissions-gap-report-2020
+[^impact-rechauffement-france]: Impacts du changement climatique : Santé et Société. Ministère de la Transition écologique [en ligne]. [sans date] [consulté le 20 janvier 2022]. Disponible sur : https://www.ecologie.gouv.fr/impacts-du-changement-climatique-sante-et-societe
+[^wwf-impact-rechauffement]: Les conséquences du réchauffement climatique - Urgence Climat. WWF | Urgence Climat [en ligne]. [sans date] [consulté le 20 janvier 2022]. Disponible sur : https://agir.wwf.fr/urgence-climat/consequences/
+[^notre-environnement-ges]: Les émissions de gaz à effet de serre du secteur des transports. notre-environnement.gouv.fr [en ligne]. [sans date] [consulté le 20 janvier 2022]. Disponible sur : https://www.notre-environnement.gouv.fr/rapport-sur-l-etat-de-l-environnement/themes-ree/defis-environnementaux/changement-climatique/emissions-de-gaz-a-effet-de-serre/article/les-emissions-de-gaz-a-effet-de-serre-du-secteur-des-transports
+[^abiotique]:  abiotique :  ressources naturelles non renouvelables (= minerais, énergie fossile)
+[^impact-environnementaux-numerique-greenit]: « Impacts environnementaux du numérique en France » - Collectif d’experts - 17 janvier 2021. Source : GreenIT.fr
+[^the-shift-project-2018]: Évolution 2013-2025 de la part du numérique dans les émissions de GES mondiales. Source : (The Shift Project, 2018)

portails/resilien.fr/content/blog/2022/2022-02-01-la-sobriete-numerique/index.md

@@ -0,0 +1,41 @@
+---
+title: La sobriété numérique
+description: Le principe de « sobriété numérique » auquel nous adhérons chez RésiLien, énoncé pour la première fois par GreenIT (Frédéric Bordage) en 2008, a été popularisé ces dernières années notamment via le Shift Project. Dans cet article nous allons tenter de comprendre les enjeux autour de la sobriété numérique.
+date: 2022-03-10T00:00:00+02:00
+SocialImage: Ordinateur_low-tech_IMG_0133.jpg
+---
+
+# La sobriété numérique
+
+Dans le [premier article](/blog/limpact-environnemental-du-num%C3%A9rique/) de la série, nous avions évoqué l'impact environnemental du numérique et cité le rapport d'octobre 2018 du think tank Shift Project. Son intitulé : « Lean ICT : Pour une sobriété numérique »[^lean-ict-shift-project]. En 2020, le think tank a conservé son cap et a publié un nouveau rapport avec pour nom « Déployer la sobriété numérique »[^deployer-sobriete-numerique-shift-project]. Le principe de « sobriété numérique » auquel nous adhérons chez RésiLien, énoncé pour la première fois par GreenIT (Frédéric Bordage) en 2008[^green-it-definition], a été popularisé ces dernières années notamment via le Shift Project. Dans cet article nous allons tenter de comprendre les enjeux autour de la sobriété numérique.
+
+## Principe de la sobriété numérique
+
+Nous proposons tout d'abord de définir ce que signifie la « sobriété numérique ». GreenIT a été le premier en 2008 à inscrire une définition, très succinte, dans son glossaire : « la démarche qui consiste à concevoir des services numériques plus sobres et à modérer ses usages numériques quotidiens »[^green-it-definition]. Cependant cette définition reste très vague car il n'est pas précisé ici dans quel but nous pouvons modérer ses usages ni jusqu'à quel niveau nous devons modérer.
+
+Le Shift Project a quant à lui énoncé un objectif pour la sobriété numérique qui permet de mieux comprendre son périmètre : « La sobriété numérique appelle à tirer parti de nos capacités d’analyse pour construire et utiliser un système numérique qui, en ramenant sa consommation de ressources matérielles et énergétiques à un niveau compatible avec les contraintes environnementales, préserve ses apports sociétaux essentiels. »[^deployer-sobriete-numerique-shift-project].
+
+Dans notre recherche d'une bonne définition pour la sobriété numérique, nous avons aussi repéré cet extrait dans le rapport du Shift Project : « La démarche de sobriété numérique consiste à passer d’un numérique devenu instinctif à un numérique conscient et réfléchi. Il est nécessaire d’identifier les apports sociétaux du numérique à préserver et développer, afin de pouvoir leur allouer en priorité les ressources disponibles. »[^deployer-sobriete-numerique-shift-project]
+
+Pour résumer les définitions que nous avons citées, le principe de sobriété numérique remet en cause la place du numérique dans la société. Il nous incite à tenir un esprit critique face à ses impacts environnementaux et sociaux, et à adapter nos comportements et nos usages afin de limiter ses impacts négatifs d'une part et de préserver ses intérêts sociaux d'autre part, de sorte à tendre vers un avenir durable et souhaitable.
+
+![Illustration d'un ordinateur low-tech entouré de plantes. Crédit : Low-Tech Lab](Ordinateur_low-tech_IMG_0133.jpg)[^image-ordinateur-low-tech-lab]
+
+## Pourquoi faire de la sobriété numérique
+
+Nos équipements tels que les téléphones portables contiennent des métaux et des terres rares qui ne sont pas renouvelables (cuivre, aluminium, zinc, or, argent, palladium, platine, cobalt, lithium, etc.). Certes, les technologies évoluent pour utiliser moins de matériaux et être plus efficients, mais nous continuons à extraire de plus en plus de minéraux et les réserves se tarissent.
+
+En parallèle, le gestionnaire du réseau électrique français RTE, a planifié dans son dernier rapport une réduction de la consommation énergétique française de 40% d'ici 2050 afin de respecter les objectifs climatiques[^rte-rapport]. Pour atteindre ces objectifs, l'efficacité énergétique des appareils n'est pas suffisante et RTE préconise en complément une sobriété dans les usages.
+
+La sobriété numérique permet de réduire l'utilisation de matériaux ainsi que la consommation énergétique, mais aussi de réduire notre charge cognitive et avoir une relation plus apaisée avec le numérique. En opposition au capitalisme de l'attention, Yves Citton propose le terme d'écologie de l'attention. Au-delà d'une réponse directe aux enjeux environnementaux, prendre du recul avec notre utilisation du numérique nous permet de mieux distinguer les mécanismes en place et de privilégier ceux que nous considérons comme plus bénéfiques pour nous.
+
+Chez RésiLien nous considérons que le principe de sobriété numérique est une approche essentielle pour notre bien-être personnel et collectif, et qui remet en cause notre course effrénée actuelle dans les nouvelles technologies.
+
+[^lean-ict-shift-project]: « Pour une sobriété numérique » : le nouveau rapport du Shift publié. The Shift Project [en ligne]. 4 octobre 2018 [consulté le 28 janvier 2022]. Disponible sur : https://theshiftproject.org/article/pour-une-sobriete-numerique-rapport-shift/
+[^deployer-sobriete-numerique-shift-project]: Publication du rapport "Déployer la sobriété numérique". The Shift Project [en ligne]. 14 octobre 2020 [consulté le 28 janvier 2022]. Disponible sur : https://theshiftproject.org/article/deployer-la-sobriete-numerique-rapport-shift/
+[^green-it-definition]: Glossaire - Green IT. Green IT [en ligne]. 21 mai 2008 [consulté le 28 janvier 2022]. Disponible sur : https://www.greenit.fr/2008/05/21/glossaire/
+[^beyssac-sobriete-numerique]: Beyssac, P. (2020, 15 juillet). La sobriété numérique, oui mais pour quoi faire ? | Signal. Signal | voie libre ou appel système. https://signal.eu.org/blog/2020/07/15/la-sobriete-numerique-oui-mais-pour-quoi-faire/
+[^impact-email]: Empreinte carbone d'un e-mail : mythes, réalités et solutions. (2022, 26 janvier). Avec Sami, pilotez la démarche écologique de votre entreprise. https://www.sami.eco/post/empreinte-carbone-email
+[^wikipedia-effet-rebond]: CONTRIBUTEURS AUX PROJETS WIKIMEDIA. Effet rebond (économie) — Wikipédia. Wikipédia, l'encyclopédie libre [en ligne]. 1 septembre 2007 [consulté le 1 février 2022]. Disponible sur : [https://fr.wikipedia.org/wiki/Effet_rebond_(économie)](https://fr.wikipedia.org/wiki/Effet_rebond_(économie))
+[^rte-rapport]: RTE, 2021. Futurs-Energetiques-2050-principaux-resultats.pdf [en ligne]. [Consulté le 3 mars 2022]. Disponible à l’adresse : https://assets.rte-france.com/prod/public/2021-12/Futurs-Energetiques-2050-principaux-resultats.pdf
+[^image-ordinateur-low-tech-lab]: Ordinateur low-tech — Low-tech Lab. Low-tech Lab [en ligne]. 18 mai 2019 [consulté le 10 mars 2022]. Disponible sur : https://wiki.lowtechlab.org/wiki/Ordinateur_low-tech

portails/resilien.fr/content/blog/2022/2022-03-16-comment-resilien-la-sobriete-numerique/index.md

@@ -0,0 +1,55 @@
+---
+title: Comment RésiLien souhaite encourager la sobriété numérique
+description: Que fait RésiLien pour encourager la sobriété numérique au sein de son organisation et chez ses clients ? Nous listons dans cet article quelques une de nos pratiques.
+date: 2022-03-25T00:00:00+02:00
+SocialImage: RasperryPi_Violet_ResiLien.jpg
+---
+
+# Comment RésiLien souhaite encourager la sobriété numérique
+
+## La sobriété numérique chez RésiLien
+
+Nous avons vu dans le précédent article le principe de sobriété numérique et en quoi nous pensons chez RésiLien qu'il est pertinent pour continuer à utiliser le numérique tout en restant compatible avec les contraintes environnementales. Nous proposons de lister dans cet article quelques unes des initiatives que nous menons à ce jour pour inciter à la sobriété numérique.
+
+### Serveurs reconditionnés basse consommation
+
+Comme nous avons vu dans le premier article sur l'impact environnemental du numérique, la majeure partie de la pollution du numérique se situe au moment de la production. Afin de réduire cet impact, nous privilégions l'utilisation de serveurs reconditionnés pour les services ayant des grands besoins en puissance. Pour les services plus légers, nous utilisons essentiellement des micro-ordinateurs à basse consommation comme les [Raspberry Pi](https://fr.wikipedia.org/wiki/Raspberry_Pi). Nous utilisons du matériel adapté en fonction des besoins et dans tous les cas nous cherchons à éviter d'acheter du matériel neuf mais plutôt de faire du réemploi.
+
+![Image d'un de nos micro-ordinateurs Raspberry Pi 4](RasperryPi_Violet_ResiLien.jpg)
+
+### L'énergie électrique renouvelable
+
+Même si nous utilisons principalement des serveurs à basse consommation (en moyenne 1W pour un Rasperry Pi), nos serveurs consomment toujours de l'électricité. Afin de réduire notre impact environnemental sur le plan énergétique nous avons choisi de nous fournir en énergie exclusivement renouvelable chez [Enercoop](https://www.enercoop.fr/) et [Ilek](https://www.ilek.fr/).
+
+### L'éco-conception et la préférence pour les sites statiques
+
+L'une de nos principales activités est la conception et l'hébergement de sites web. Il existe une multitude d'outils d'une qualité variable pour générer un site web. Dans notre cas, nous choisissons de penser à l'éco-conception en amont. C'est-à-dire que nous questionnons tout d'abord le but du site web avant de considérer des sujets techniques. Parfois un site web n'est pas l'outil le plus approprié. Ensuite nous considérons les principales fonctionnalités attendues. Avez-vous toujours besoin d'un système de commentaires ? En général nos clients constatent que leurs besoins sont plus simples que ce qu'ils s'imaginent et nous pouvons alors opter pour la conception d'un site web statique. Un site web est dit statique lorsqu'il est nécessaire de manuellement le régénérer et que son contenu ne change pas continuellement, en opposition aux sites web dynamiques. Les sites web statiques demandent moins de ressources techniques et nous permettent de les héberger facilement sur des micro-serveurs. De plus, leur maintenance est simple car ces sites ne présentent pas de failles de sécurité et pourraient être laissés en l'état sans risquer d'être piratés. Pour illustrer notre propos, le site web sur lequel vous lisez cet article actuellement, est un site web statique.
+
+### Pas de haute disponibilité par défaut
+
+Les grands acteurs du *« cloud »*[^note-terme-cloud] nous ont habitué à des niveaux de service qualifiés de « haute disponibilité ». Ce niveau de service signifie qu'un service est constamment en ligne et présente quasiment pas de panne. On parle dans le jargon d'un niveau de disponibilité de 99,99% par exemple. C'est-à-dire que sur une année, un site web est accessible 99,99% du temps. Pour obtenir un tel niveau de service, il est nécessaire de doubler tout le matériel utilisé. Au lieu d'avoir un seul serveur pour héberger un site web, il en faut au moins deux (si ce n'est parfois plus) pour que dans le cas où un serveur tombe en panne un autre puisse prendre le relais instantanément. La consommation énergétique et l'empreinte environnemental se voient alors multipliés par autant de serveurs supplémentaires qui fonctionnent en parallèle. Mais que signifie un niveau de disponibilité de 99,99% ? Avec des [calculateurs de ce type](https://www.xarg.org/tools/sla-uptime-calculator/) nous constatons que 99,99% correspond en moyenne à une panne d'environ 1 heure sur toute une année. Atteindre un niveau de disponibilité de 1 heure de panne par an vaut-il la peine de multiplier notre empreinte environnementale par deux ou plus ? Pour certains grands sites web de e-commerce, oui ; pour la plupart des autres sites web, non. Nous choisissons de réduire notre empreinte environnementale et de ne pas proposer ce niveau de service par défaut.
+
+Au contraire, nous discutons avec chacun de nos clients pour évaluer leurs véritables besoins. Tout d'abord nous expérimentons l'extinction des machines la nuit car la plupart de nos clients sont des professionnels qui travaillent seulement la journée. Cela signifie que nous réduisons quasiment de moitié la consommation énergétique quotidienne de nos serveurs. Ensuite, lorsqu'une maintenance est prévue, par exemple une coupure de courant par Enedis durant une journée, nous contactons d'abord nos clients pour évaluer ce qui est nécessaire de continuer à fonctionner. Généralement pour des besoins de référencement nous nous assurons de la disponibilité en continu des sites web. Cependant pour les autres services, nos clients peuvent nous indiquer qu'ils peuvent s'en passer pendant quelques heures et nous évitons de la sorte le déploiement de nouvelles machines.
+
+### La non-mutualisation des serveurs
+
+Il existe un grand débat autour de la mutualisation. Nous n'avons pas la réponse mais nous avons choisi d'expérimenter. En théorie en mutualisant les ressources, c'est-à-dire dans notre domaine en rassemblant les serveurs informatiques dans des centres de données, nous consommons moins d'énergie pour un même usage car l'allocation des ressources des serveurs est optimisée. Mais quid de l'effet rebond ? C'est-à-dire que comme tout est mutualisé, et généralement industrialisé, il est facile de consommer plus. Grâce au *« cloud »* il suffit d'un clic pour utiliser un nouveau serveur. S'il suffit d'un clic, nous sommes alors tentés de trop consommer. Chez RésiLien, l'infrastructure est tellement petite que nous ne pouvons pas nous permettre de trop consommer. Pour utiliser une nouvelle machine nous devons la brancher et l'installer manuellement, ce n'est pas une tâche pénible mais ce n'est certainement pas aussi facile que dans le *« cloud »*. Il n'y a aujourd'hui pas de consensus sur le sujet mais nous pensons qu'en ayant un accès plus limité aux serveurs, nous serons moins tentés de vouloir consommer.
+
+Un autre point à considérer aussi est le refroidissement des machines. Un serveur informatique en fonctionnement émet de la chaleur et plus il y a de serveurs dans un local, plus il y a de chaleur émise. Cependant ce matériel supporte mal la chaleur et ses performances décroissent à mesure que la température augmente. Il est d'usage alors d'utiliser des systèmes de refroidissement pour maîtriser la température des machines. Le système le plus répandu est la ventilation des locaux pour faire circuler l'air. Il existe aussi d'autres systèmes mais, pour la plupart, ils demandent tous une consommation énergétique supplémentaire pour le refroidissement. Chez RésiLien, nous avons peu de machines dans un même local et nous n'utilisons pas de système de refroidissement mis à part les ventilateurs qui peuvent être intégrés à certains serveurs. En réduisant la concentration de serveurs informatiques dans un même endroit, nous économisons l'énergie électrique supplémentaire qui pourrait être consommée par un système de refroidissement.
+
+Nous expérimentons sur l'axe de la décentralisation des serveurs, nous mesurons notre impact et nous verrons dans quelque temps si notre intuition est la bonne.
+
+### Une offre de service réduite et qualifiée
+
+Si le choix de trop consommer ne vous est pas proposé, vous risquez moins d'abuser ! Chez RésiLien nous cherchons à sélectionner les services les plus pertinents pour nos clients, pas plus. Il s'agit ici d'une méthode organisationnelle que nous cherchons à suivre. Nous cherchons à proposer des services qui peuvent être mutualisés et qui sont pertinents pour le plus grand nombre de clients. Il est possible de proposer un service spécifiquement pour le besoin d'un client mais nous devons nous assurer qu'il est utilisé en son plein potentiel. Nous nous concentrons sur une offre limitée que nous pouvons maintenir quotidiennement pour en assurer la qualité. Finalement ici le pragmatisme est compatible avec la logique économique et nous permet d'augmenter nos possibilités de devenir une entreprise rentable.
+
+
+### Une capacité de stockage adaptée à votre stricte utilisation
+
+Les coûts de stockage se réduisent de plus en plus et aujourd'hui il est possible de louer 2 To de stockage cloud pour 5€/mois chez un grand hébergeur. Plus il y a d'espace disponible, plus nous pouvons être tentés de consommer ! Nous avons fait le choix de proposer une faible capacité de stockage par défaut et de prendre en compte le coût de la sauvegarde pour chaque Go de stockage. En effet, 1 Go de stockage loué chez RésiLien équivaut à environ 3Go de stockage effectif en prenant en compte les duplications de données pour sauvegarder vos données sur des sites distants. À chaque fois que vous atteignez vos limites de stockage, vous êtes encouragés à vous demander si c'est nécessaire de louer plus ou si vous pouvez faire un peu de ménage dans vos données.
+
+## Et pour la suite ?
+
+Nous vous avons présenté une petite liste de pratiques que nous suivons pour encourager à la sobriété numérique. Certaines de ces pratiques sont largement admises, d'autres sont sujettes à discussion. Pour ne pas rester dans la discussion, nous avons choisi au sein de RésiLien de tester en pratique nos idées. Nous mesurons notre consommation énergétique et nous notons tous les achats de matériel, neuf et reconditionné, de sorte à avoir des données réelles. Nous verrons d'ici quelques mois lorsque nous aurons suffisamment de clients pour évaluer notre empreinte environnementale lors du fonctionnement en charge normal de nos services. Nous sommes ouverts à tout retour concernant nos pratiques et nous espérons découvrir de nouvelles techniques aussi !
+
+[^note-terme-cloud]: Nous utilisons le terme *« cloud »* car c'est le plus répandu pour désigner les serveurs informatiques présents dans les centres de données et qui sont capables de changer de capacité dynamiquement. Cependant nous n'apprécions pas la métaphore du nuage (*« cloud »* signifie nuage en anglais) car nous considérons qu'il participe à la vision dématérialisée du numérique et que la plupart des personnes n'ont pas conscience de la réalité matérielle que le *« cloud »* représente. D'ailleurs en français nous pouvons parler d'« infonuage ».

portails/resilien.fr/content/blog/2022/2022-09-19-mise-a-jour/index.md

@@ -0,0 +1,15 @@
+---
+title: Nouveautés de la semaine dernière
+description: Voici les dernières nouveautés des logiciels libres que nous utilisons chez RésiLien.
+date: 2022-09-19T00:00:00+02:00
+SocialImage: markus-winkler-aId-xYRTlEc-unsplash.jpg
+draft: true
+---
+
+# Nouveautés de la semaine dernière
+
+Chez RésiLien, nous mettons à jour l'ensemble de nos serveurs toutes les semaines, en général le lundi matin. Ça nous permet de suivre l'évolution des logiciels libres que l'on utilise et en faire profiter les utilisateurs de nos services. J'aimerai à travers cette série d'articles vous faire part de ses nouveautés.
+
+![Image d'un de nos micro-ordinateurs Raspberry Pi 4](markus-winkler-aId-xYRTlEc-unsplash.jpg)
+
+## dino

portails/resilien.fr/content/blog/2023/2023-06-01-conference/index.md

@@ -0,0 +1,30 @@
+---
+title: "La face cachée du numérique : Prenons conscience de la pollution digitale"
+description: Découvrez les véritables enjeux de la pollution du numérique lors de notre conférence au Forum de l'Entrepreneuriat. En tant qu'hébergeur alternatif basé dans la Loire, nous vous sensibilisons sur l'impact environnemental de nos activités en ligne. Rejoignez-nous pour développer un esprit critique envers la technologie et agir concrètement pour réduire notre empreinte numérique. Ensemble, changeons nos habitudes et bâtissons un avenir plus durable.
+date: 2023-06-01
+SocialImage: john-cameron-Z7pQAI0KLBg-unsplash.jpg
+ImageDescriptif: Photo de John Cameron sur Unsplash
+---
+
+# La face cachée du numérique : Prenons conscience de la pollution digitale
+
+![Photo de John Cameron sur Unsplash](john-cameron-Z7pQAI0KLBg-unsplash.jpg)
+
+Nous avons été invités par la CCI Lyon Métropole au Forum de l'Entrepreneuriat à Saint-Étienne le 1 juin 2023. Simon a présenté une conférence autour de la pollution du numérique. En tant qu'hébergeur alternatif, implanté dans la Loire, on s'engage à sensibiliser et inciter chacun à développer un esprit critique vis-à-vis de la technologie.
+
+Dans notre société ultra-connectée, il est essentiel de prendre conscience de l'empreinte écologique du numérique. Les centres de données, la fabrication d'appareils électroniques et les usages excessifs contribuent à la dégradation de notre environnement.
+
+Nous invitons les utilisateurs à adopter une approche réfléchie en matière de technologie. Posez-vous des questions sur la nécessité réelle de chaque appareil ou service, et optez pour des alternatives respectueuses de l'environnement, réparable, durable. 
+
+Nous mettons en avant beaucoup d'initiatives d'associations ou coopératives qui prônent un autre numérique, comme [FairTech](https://fairtec.io/fr/) un collectif d’acteurs engagés au service de la sobriété numérique en France :
+
+- [Fairphone](https://www.fairphone.com/fr/) : Un smartphone durable, produit dans des conditions plus respectueuses des Hommes et de la planète et facilement réparable de part sa conception et la disponibilité des pièces détachées.
+- [TeleCoop](https://telecoop.fr/) : Un opérateur télécom coopératif qui vous permet de ne payer que les données mobiles que vous consommez réellement pour reprendre la main sur votre consommation mobile.
+- [/e/OS](https://e.foundation/) : Un système d’exploitation open-source, respectueux de votre vie privée et interopérable avec vos applications mobiles habituelles.
+- [Commown](https://commown.coop/) : Un service coopératif de location de matériel électronique. Commown ne vendra jamais ses Fairphone et fera donc tout pour les réparer et les (re)louer le plus longtemps possible.
+
+Vous pouvez retrouver [la présentation directement en ligne](https://diapos.resilien.fr/20230601-pour-une-sobriete-numerique-heureuse/) avec les notes.
+
+Il est temps de repenser nos habitudes et de prendre des mesures concrètes pour réduire notre impact. Éteignez vos appareils lorsque vous ne les utilisez pas, recyclez vos vieux équipements électroniques et privilégiez les hébergeurs alternatifs qui s'engagent à minimiser leur empreinte carbone et à respecter votre vie privée.
+
+En développant un esprit critique envers la technologie, nous devenons des acteurs conscients de notre empreinte numérique. Ensemble, nous pouvons agir pour préserver notre planète et construire un avenir durable et vivable.

portails/resilien.fr/content/blog/2024/2024-03-29-association/index.md

@@ -0,0 +1,29 @@
+---
+title: "RésiLien devient une association !"
+description: Dans cet article nous récapitulons l’historique de RésiLien afin d’expliquer le choix de créer une association et nous vous proposons de participer à l’Assemblée Constitutive afin de rejoindre l’association.
+date: 2024-03-29
+---
+
+# RésiLien devient une association !
+
+Dans cet article nous récapitulons l'historique de RésiLien afin d'expliquer le choix de créer une association et nous vous proposons de participer à l'Assemblée Constitutive afin de rejoindre l'association.
+
+Pour rappel, RésiLien a été créé en 2021 par Simon Constans et Killian Kemps lorsque chacun était alors entrepreneur-salarié dans sa Coopérative d'Activités et d'Emploi (CAE) respective. L'ambition de départ était de fournir des services numériques tout en respectant des principes de sobriété numérique et de pouvoir en vivre au quotidien.
+
+Trois ans plus tard la situation a bien évolué. Alors que RésiLien n'a jamais eu une activité suffisante pour même payer ses propres coûts fixes de fonctionnement, le projet existe pourtant toujours et nous comptons bien à ce qu'il continue !
+
+Tout d'abord, Killian a dû abandonner son statut d'entrepreneur-salarié en 2022 pour des raisons à la fois personnelles et économiques pour devenir à la place salarié à temps partiel de l'association d'éducation populaire [Ceméa](https://cemea.asso.fr/) et a réduit son temps dédié à RésiLien mais a continué son suivi. Puis Simon, qui jusque-là a surtout généré un petit revenu via son activité Weko de création de sites web, est devenu en 2023 salarié pour travailler sur le projet [P4Pillon](https://p4pillon.org/) et a indirectement travaillé sur RésiLien pour ce projet.
+
+L'idée que RésiLien puisse être la source principale de revenus tant espérée est donc définitivement enterrée depuis 2023, mais le maintien de son activité est rendu possible grâce à d'autres revenus provenant du salariat de Killian et Simon.
+
+Compte-tenu que cette activité ne génère pas assez de revenus, Simon doit arrêter son statut d'entrepreneur-salarié (qu'il cumulait avec son salariat) en juin 2024 au plus tard, alors que l'activité de RésiLien était portée par sa coopérative jusqu'à maintenant.
+
+Le défi lancé derrière RésiLien qui était de prouver qu'il était possible de pouvoir vivre décemment sur le plan économique d'une activité de services numériques alternatifs n'a pas été relevé. Mais le projet RésiLien porte dépuis le début aussi d'autres idéaux en lui : un projet d'expérimentation autour de la sobriété numérique d'une part et de la contribution aux communs d'autre part. C'est pour cela que l'équipe de RésiLien souhaite créer une association pour continuer à porter cette activité.
+
+La création de l'association permettra d'assurer la pérennité de RésiLien en l'émancipant de tout enjeu économique ainsi que d'insuffler un nouvel élan en facilitant l'adhésion de nouvelles personnes au projet. De la même manière qu'il existe des épiceries collectives auto-gérées pour acheter des denrées alimentaires à prix coûtant, RésiLien souhaite proposer l'équivalent pour la fourniture de services numériques.
+
+Pour entrer dans le vif du sujet, l'Assemblée Constitutive se déroulera le vendredi 5 avril à 9h00 en [vidéoconférence (sur Kmeet)](https://kmeet.infomaniak.com/R%C3%A9siLien-Assembl%C3%A9e-constitutive) et toute personne intéressée qui souhaite s'impliquer est la bienvenue ! Durant cette Assemblée Constitutive, l'équipe présentera un rapide bilan financier de la coopérative RésiLien qui arrêtera son activité, puis présentera les statuts, qui pourront être discutés et adaptés, et enfin procédera au vote des Représentant⋅es légaux et légales parmi les personnes présentes et volontaires.
+
+Les [statuts](https://resilien.fr/docs/Association%20R%C3%A9siLien%20-%20Statuts.pdf), le [règlement intérieur](https://resilien.fr/docs/Association%20R%C3%A9siLien%20-%20R%C3%A8glement%20int%C3%A9rieur.pdf) et la [grille tarifaire](https://resilien.fr/docs/Association%20R%C3%A9siLien%20-%20Grille%20tarifaire.pdf) (en cours de finalisation) peuvent déjà être consultés en ligne.
+
+L'équipe de RésiLien est enthousiaste à l'idée de voir arriver de nouvelles personnes dans le projet ! Voulez-vous nous rejoindre ?

portails/resilien.fr/content/blog/_index.md

@@ -0,0 +1,19 @@
+---
+title: "Blog"
+description: ""
+summary: ""
+date: 2023-09-07T16:21:44+02:00
+lastmod: 2023-09-07T16:21:44+02:00
+draft: false
+weight: 50
+categories: []
+tags: []
+contributors: []
+pinned: false
+homepage: false
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  noindex: false # false (default) or true
+---

portails/resilien.fr/content/cgu.md

@@ -0,0 +1,70 @@
+---
+title: Conditions Générales d'Utilisation
+description: Les Conditions Générales d'Utilisation des services chez RésiLien
+summary: ""
+date: 2023-09-07T17:19:07+02:00
+lastmod: 2023-09-07T17:19:07+02:00
+draft: false
+type: "legal"
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  noindex: false # false (default) or true
+---
+
+# Conditions Générales d'Utilisation
+
+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
+
+## Conditions d'accès aux services
+
+Les services sont fournis tels quels et leur utilisation se fait sous votre responsabilité. Les services fournis ont vocation à être en ligne et collaboratif. Aussi vous comprenez que toute action de partage public de vos données entraîne de facto l'accès inconditionnel à celles-ci, et à n'importe qui, y compris les robots (crawlers) pour indexation par les moteurs de recherche.
+
+Vous êtes responsable de la sécurisation de votre compte, dont votre mot de passe ou des autres systèmes de sécurisation (2FA, OTP, etc). Nous ne pourrons être tenus pour responsable de pertes ou dommages liés à une sécurisation trop faible de votre compte.
+
+Nous ne nous engageons pas à un taux précis de disponibilité du service. Cependant nous mettons tout en œuvre, à la mesure de nos moyens, pour que la qualité de service soit la meilleure possible, et remédier aux incidents dans les meilleurs délais. Nous n'endosserons pas la responsabilité des dommages directs ou indirects en cas d'indisponibilité ou d'impossibilité d'accès aux services.
+
+Nous ne sommes pas éditeur des logiciels mis en œuvre, mais hébergeur de ceux-ci. Nous ne serons donc pas tenu pour responsables en cas d'anomalies logicielles (bugs), même si cela entraîne la perte ou la corruption de données.
+
+## Législation et propriété intellectuelle
+
+Nous sommes uniquement fournisseurs de services et n'exerçons aucun contrôle sur les contenus et actions réalisés par ses usagers (conformément à l’article 6, I, 7 de la Loi n°2004-575 pour la Confiance dans l’Economie Numérique du 21 juin 2004). Vous êtes donc responsable de toute l’activité qui se produit avec votre compte (dont les contenus déposés et manipulés).
+
+L'usage des services doit se faire dans le respect de la loi (française et Européenne) et des réglementations en vigueur (RGPD). Vous devez aussi respecter la propriété intellectuelle, et nous vous encourageons d'ailleurs à publier sous une Licence Libre.
+
+En cas d'actions non conformes à la loi ou en cas de violation de la propriété intellectuelle, nous déclinons toute responsabilité et nous devons d'agir dans les meilleurs délais suite à tout signalement. Nous pouvons réaliser, potentiellement sans préavis, les actions suivantes selon la gravité, l'urgence et son appréciation propre : gel, clôture ou suppression du ou des comptes, avec notification à minima par courriel.
+
+Pour signaler du contenu abusif ou un compte malveillant, veuillez écrire à l'adresse de signalement indiquée en page des contacts.
+
+## Libertés
+
+Vous êtes libre d'utiliser les services fournis comme bon vous semble, tant que vous respectez les présentes Conditions Générales d'Utilisation et les Conditions Générales de Vente.
+
+Comme décrit dans notre politique de confidentialité, les données déposées et manipulées sur les services restent votre propriété. Nous ne pourrons en aucun cas les utiliser à nos propres fins ni les diffuser à quiconque. Nous sommes seulement autorisés à manipuler vos données pour vous fournir les services auxquels vous avez souscrit et vous assister en cas d'anomalie.
+
+## Intégrité des données
+
+RésiLien réalise des sauvegardes quotidiennes afin d’éviter des pertes de données. Les sauvegardes sont conservées selon cette politique suivante : 1/jour jusqu’à 90 jours, 1/semaine jusqu’à 16 semaines, 1/mois jusqu’à 24 mois, 1/année jusqu'à 10 ans. Les sauvegardes sont stockées de manière chiffrée avec un mot de passe chez l'hébergeur Scaleway.
+
+RésiLien ne peut être tenu responsable de l’intégrité des données et des conséquences liées à une perte de données.
+
+RésiLien recommande au client d’avoir une sauvegarde locale afin d’assurer l’intégrité de ses données.
+
+## Données personnelles
+
+En souscrivant à nos offres, vous consentez à ce que nous ou nos sous-traitants (voir la liste des sous-traitants) collectent et utilisent certaines données à caractère personnel dans l'unique but de vous fournir les services. Conformément aux articles 48 à 56 de la loi « Informatique et Libertés », vous disposez d'un droit d’opposition, d’accès et de rectification sur les données vous concernant. Vous pouvez exercer ce droit par simple courriel à l'adresse de support (voir page des contacts).
+
+Des informations techniques pouvant contenir vos données personnelles sont aussi collectées automatiquement. Vous ne pouvez pas vous y opposer, car elles sont collectées soit par obligation légale, soit par les outils eux-mêmes afin de fournir le service et pour analyse en cas de problème technique.
+
+La rétention de ces données personnelles est réduite au strict nécessaire (légal et/ou technique). La liste des données collectées est consultable dans notre politique de confidentialité.
+
+## 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.
+
+## Modification des services et des conditions d’utilisation
+
+En cas de modification des Conditions Générales d'Utilisation, vous serez informés à minima par courriel et disposerez d'un droit de rétractation du service en cas de refus des nouvelles conditions. Le refus et la rétractation devront être exprimés par courriel à l'adresse contact@resilien.fr.

portails/resilien.fr/content/cgv.md

@@ -0,0 +1,95 @@
+---
+title: Conditions Générales de Vente
+description: Les Conditions Générales de Vente de RésiLien
+summary: ""
+date: 2023-09-07T17:19:07+02:00
+lastmod: 2023-09-07T17:19:07+02:00
+draft: false
+type: "legal"
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  noindex: false # false (default) or true
+---
+# Conditions Générales de Vente
+
+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
+
+## Préambule : qui sommes-nous ?
+
+RésiLien est un collectif porté par l'entreprise Weko.
+
+### Weko
+
+Simon Constans - Weko  
+Entrepreneur titulaire d’un contrat CAPE au sein de la Coopérative d’Activités et d’Emploi CAP Services.  
+Siège social : 11 rue Duphot 69003 Lyon  
+Site Web : weko.io  
+SIRET : 402 636 757 00039  
+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.
+
+## Article 2 : prix
+
+Les services sont fournis aux tarifs indiqués dans les devis édités par une des entreprises membres de RésiLien
+
+Les tarifs sont maintenus le temps de l'engagement, mais peuvent être modifiés à chaque renouvellement, notamment avec l'évolution des services proposés qui pourront voir leurs fonctionnalités augmenter.
+
+## Article 3 : engagement et rétractation
+
+La commande est réalisée par acceptation du devis et le paiement est dû à la réception de la facture. Le renouvellement est possible sur demande. RésiLien peut contacter les clients avant la fin de leur période d'engagement.
+
+Vous disposez d'un délai de rétractation seulement si le délai de livraison du service est dépassé de plus de sept jours après la date du paiement, sans justification de votre part. La demande de remboursement se fait par courriel au membre de RésiLien qui vous a initialement envoyé la facture. Suite à votre rétractation, vous ne disposez plus de votre accès au service, il est donc à votre charge de récupérer l'intégralité de vos données **avant votre rétractation**.
+
+En cas de modification des Conditions Générales de Vente, vous serez informé à minima par courriel et disposerez d'un droit de rétractation du service en cas de refus des nouvelles conditions. Le refus et la rétractation devront être exprimés par courriel au membre de RésiLien qui vous a initialement envoyé la facture.
+
+## Article 4 : mise à disposition du service
+
+Nous mettons à votre disposition le service commandé dans les meilleurs délais suite au paiement, dans un délai maximal de cinq jours ouvrés (du lundi au vendredi) sous réserve d'éventuels enregistrements DNS à réaliser par vos soins sur votre nom de domaine ou d'une prestation sur site qui demande l'organisation d'un rendez-vous.
+
+Les services sont fournis en l'état, et nous ne nous engageons pas à un taux précis de disponibilité. Cependant, nous mettons tout en œuvre, dans la mesure de nos moyens, pour que la qualité de service soit la meilleure possible, et remédier aux incidents dans les meilleurs délais.
+
+Nous n'endosserons pas la responsabilité des dommages directs ou indirects en cas d'indisponibilité ou d'impossibilité d'accès aux services.
+
+Nous ne sommes pas l'éditeur des logiciels mis en œuvre, mais l'hébergeur de ceux-ci. Nous ne serons donc pas tenus pour responsable en cas d'anomalies logicielles (*bugs*), même si cela entraîne la perte ou la corruption de données.
+
+Les services proposés sont hébergés en France, 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.
+
+## Article 5 : support
+
+Nous nous assurons du bon fonctionnement des services par de la supervision et du support. En cas de dysfonctionnement d'un service, vous pouvez contacter le support par email : support@resilien.fr. Le support standard concerne la disponibilité et le bon fonctionnement du service uniquement.
+
+La configuration et l'utilisation des outils sur le poste utilisateur ne fait pas partie du support standard, et nécessite la souscription d'un support utilisateur complémentaire.
+
+## Article 6 : accompagnement
+
+Afin de nous assurer que vous profitez au mieux de nos services, nous pouvons vous proposer un accompagnement à l'utilisation des outils.
+
+Cet accompagnement sera facturé spécifiquement par un des membres de RésiLien et vous pourrez recevoir une proposition sur-mesure en fonction de votre organisation et de vos besoins.
+
+Cet accompagnement peut s'effectuer en physique ou à distance selon vos préférences et les possibilités pour le membre de RésiLien.
+
+Vous en tant que client devez collaborer avec ce membre de RésiLien pour lui permettre de mener à bien sa mission, et notamment à lui transmettre l’ensemble des informations dont il peut avoir l’utilité et à lui remettre les documents qui lui sont nécessaires.
+
+## Article 7 : résiliation et litige
+
+Une fois la prestation effectuée et les services mis à votre disposition, vous êtes engagé pour la période commandée et ne pouvez exiger le remboursement de votre abonnement, même partiel.
+
+En cas de litige, vous êtes tenu d'exprimer votre demande par courriel à l'adresse de support support@resilien.fr en expliquant votre grief. Si le traitement de votre demande ne vous donne pas satisfaction, vous êtes en droit de demander une médiation dont les modalités seront définies par le tribunal compétent.
+
+## Article 8 : exclusion du service
+
+Vous êtes libre d'utiliser les services comme bon vous semble, dans le respect des [Conditions Générales d'Utilisation](/cgu/), ainsi que de la loi et des réglementations en vigueur (en l'occurrence, la loi française et Européenne, ainsi que [le RGPD](https://www.cnil.fr/fr/reglement-europeen-protection-donnees)).
+
+En cas de manquement constaté, nous nous réservons le droit de couper sans préavis vos accès aux services. Nous ne pourrons être tenus pour responsables des actions réalisées par nos clients et agirons dans le respect de la loi.
+
+Dans ce cas, vous en serez informé aussitôt via les outils de communication que vous aurez donnés et ne pourrez demander le remboursement de votre abonnement.

portails/resilien.fr/content/home-bottom.md

@@ -2,28 +2,32 @@
 headless: true
 ---
 
-## Comment bénéficier des services de RésiLien ?
+## Comment bénéficier des services de RésiLien ?
 
 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.
 
-<div class="container">
-<div class="row justify-content-center text-center">
-<div class="col-6">
+<div class="text-center contact">
+<div class="row justify-content-center mb-4">
+<div class="col-12">
 
-> Antenne Loire  
+> **Antenne Loire**
+>
 > Simon Constans  
-> loire@resilien.fr  
-> 07 57 18 01 68
+> [loire@resilien.fr](mailto:loire@resilien.fr)  
+> [07 57 18 01 68](tel:0757180168)
 
 </div>
 
-<div class="col-6">
+<div class="col-12">
 
-> Antenne Côtes d’Armor  
+> **Antenne Côtes d’Armor**
+>
 > Killian Kemps  
-> cotesdarmor@resilien.fr  
-> 07 64 70 62 94
+> [cotesdarmor@resilien.fr](mailto:cotesdarmor@resilien.fr)  
+> [07 64 70 62 94](tel:0764706294)
 
 </div>
 </div>
 </div>
+
+La tarif est de **24€ HT/an**  pour plus de détail consulter notre [grille tarifaire](/docs/Association%20R%C3%A9siLien%20-%20Grille%20tarifaire.pdf). Les services sont accessibles après avoir [adhéré à l'association](https://nuage.resilien.fr/apps/forms/s/cxPjaMKSi8yMQZEBHfy33XT7).

portails/resilien.fr/content/infrastructure.md

@@ -0,0 +1,39 @@
+---
+title: Infrastructure
+description: Explication de l'infrastructure de RésiLien
+lastmod: 2023-09-07T17:19:07+02:00
+draft: false
+type: "legal"
+---
+
+# Documentation
+
+Vous trouverez ici une brève explication de notre infrastructure. Vous pourrez accéder à plus de détail sur notre [documentation générale](https://notes.resilien.fr/Résilien.md).
+
+## Infrastructure
+
+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
+    - 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 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).

portails/resilien.fr/content/mentions-legales.md

@@ -0,0 +1,41 @@
+---
+title: RésiLien, Mentions légales
+description: Les mentions légales de RésiLien
+summary: ""
+date: 2023-09-07T17:19:07+02:00
+lastmod: 2023-09-07T17:19:07+02:00
+draft: false
+type: "legal"
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  noindex: false # false (default) or true
+---
+
+# Mentions légales
+
+## Édition du site web
+
+Édité par Weko
+
+### Weko
+
+Simon Constans - Weko  
+Entrepreneur titulaire d’un contrat CAPE au sein de la Coopérative d’Activités et d’Emploi CAP Services.  
+Siège social : 11 rue Duphot 69003 Lyon  
+Site Web : weko.io  
+SIRET : 402 636 757 00039  
+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).  
+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

portails/resilien.fr/content/politique.md

@@ -0,0 +1,66 @@
+---
+title: Politique de protection des données
+description: Notre Politique de protection des données chez RésiLien
+summary: ""
+date: 2023-09-07T17:19:07+02:00
+lastmod: 2023-09-07T17:19:07+02:00
+draft: false
+type: "legal"
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  noindex: false # false (default) or true
+---
+# Politique de protection des données
+
+Cette politique de protection des données est sous licence [CC-BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0). Adaptée de l'original : [Lydra](https://gitlab.com/lydra/legal/-/blob/main/confidentialite.md)
+
+> Date de mise en application : 21/10/2021
+
+Conformément à la loi « informatique et libertés », vous pouvez exercer votre droit d’accès aux données vous concernant et les faire rectifier en contactant : contact@resilien.fr
+
+## Communication
+
+La transparence est un engagement fort pour nous, aussi nous nous engageons à communiquer aussi souvent que nécessaire pour vous informer :
+
+- de tout changement (documents légaux, évolutions des offres, nouvelles fonctionnalités, etc) ;
+- des événements importants (perturbation forte du service, fuite de données, etc).
+
+## Vos données
+
+### Les données hébergées
+
+Vos données vous appartiennent, et seulement à vous ! Nous nous interdisons de les utiliser pour d'autres finalités que la fourniture des services.
+
+Les flux de communication pour accéder aux interfaces en ligne, ou pour la synchronisation via vos logiciels, sont sécurisés par du HTTPS (certificats TLS).
+
+### Les données personnelles
+
+Nous collectons des données personnelles pour vous proposer, fournir et améliorer nos services, mais aussi pour répondre à nos obligations légales.
+
+| Type de données  | Données « personnelles »                                                                                                                                                                                                                       | Données contractuelles                                                                                                                                    |
+|------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------|
+| **commerciales** | - prénom et nom de la personne réalisant la commande<br>- courriel et numéro de téléphone d'un contact<br>- adresse postale<br>- raison sociale (pour les entreprises et associations)<br>- numéro de TVA intracommunautaire (le cas échéant) | - tarif de l'abonnement<br>- périodicité<br>- un moyen de paiement<br>- date d’expiration du moyen de paiement<br>- dates de début et de fin d’abonnement |
+| **légales**      | Ces données sont extraites des logs :<br>- horodatage des connexions<br>- adresse IP<br>- URL visitées                                                                                                                                        |                                                                                                                                                           |
+| **techniques**   | - versions de navigateur et de système d'exploitation<br>- versions des logiciels de synchronisation<br>                                                                   |                                                                                                                                                           |
+| **autres**       | - vos contributions sur les tchats, forums et autres canaux d’échange sont conservés même après votre désinscription                                                                                                                          |                                                                                                                                                           |
+## Manipulation des données
+
+Pour vous rendre les services, nous sommes amenés à manipuler vos données. Ces manipulations sont principalement liées aux fonctionnalités des logiciels que nous utilisons et sont automatisés. Mais nous pouvons être amenés à réaliser des opérations manuelles dans le cadre d'analyse ou de résolution de problème.
+
+Dans tous les cas, vos données vous appartiennent et nous ne pourrons les utiliser en dehors de la fourniture des services.
+
+## Les sauvegardes
+
+Les services et les données hébergées sont sauvegardés chaque nuit vers des serveurs externes à la plateforme de production, avec différents systèmes techniques. L'ensemble de nos sauvegardes sont chiffrées au départ du serveur de production, et donc illisible à quiconque y aurait accès sans autorisation.
+
+Cette redondance de serveurs et de techniques nous permet d'assurer un niveau de sauvegarde sécurisant pour tout le monde, cependant gardez en tête qu'aucun système n'est infaillible.
+C'est pour cela que nous vous conseillons aussi de mettre en place vos propres sauvegardes. Si vous avez besoin d'aide sur ce point nous pouvons vous proposer nos services.
+
+## Rétention des données
+
+- Les données légales sont conservées pour une durée de 1 an, elles sont supprimées au-delà.
+- Les données techniques sont conservées en clair 1 mois.
+- Les données commerciales sont conservées le temps imposé par la loi. La loi impose une conservation des données nécessaires à la facturation pendant une durée de 10 ans minimum, et permet une conservation des autres données pendant 5 ans. ([source](https://www.economie.gouv.fr/entreprises/delai-conservation-documents))
+- Les sauvegardes des données des services sont conservées avec une durée variable selon le service et/ou le client, mais avec une durée maximale de 1 an.

portails/resilien.fr/content/sous-traitance.md

@@ -0,0 +1,34 @@
+---
+title: Sous-traitance
+description: Description des services que RésiLien sous-traite
+summary: ""
+date: 2023-09-07T17:19:07+02:00
+lastmod: 2023-09-07T17:19:07+02:00
+draft: false
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  noindex: false # false (default) or true
+---
+
+# Sous-traitance
+
+Afin de nous concentrer sur le développement de nos services, nous sous-traitons une partie des opérations techniques. L'ensemble de nos prestataires ou sous-traitants sont conformes au RGPD via leurs propres CGV/CGU.
+Vous retrouverez ci-dessous la liste de nos sous-traitants.
+
+| Catégorie   | Missions                               | Sous-traitants                                                           |
+|-------------|----------------------------------------|--------------------------------------------------------------------------|
+| Commercial  | Courriels                              | [Gandi](https://www.gandi.net/fr) |
+|             | Fiches clients et facturation | [Louty](https://appli.louty.net/Louty) |
+| 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
+
+Notre site web ne dépose aucun cookie sur votre navigateur.
+Les services hébergés par RésiLien peuvent éventuellement déposer des cookies pour des raisons strictement techniques d'utilisation de sessions utilisateurs.

portails/resilien.fr/data/services.yml

@@ -1,11 +1,22 @@
 - name: directus
+  services_link: false
 - name: gitea
+  services_link: false
 - name: hedgedoc
+  services_link: false
 - name: listmonk
+  services_link: false
 - name: metabase
+  services_link: false
 - name: mobilizon
+  services_link: false
 - name: nextcloud
+  services_link: false
 - name: outline
+  services_link: false
 - name: signaturepdf
+  services_link: false
 - name: vaultwarden
+  services_link: false
 - name: vikunja
+  services_link: false

portails/resilien.fr/layouts/blog/list.html

@@ -0,0 +1,55 @@
+{{ define "main" }}
+<div class="row justify-content-center">
+  <div class="col-md-12 col-lg-9">
+    {{ if .Params.avatar -}}
+      {{ $image := .Resources.GetMatch (printf "**%s" .Params.avatar) -}}
+      {{ $imageLq := $image.Resize "15x15 webp q95" -}}
+      {{ $image = $image.Resize "300x300 webp q95" -}}
+      <div class="contributor-image">
+        <img class="img-fluid lazyload blur-up rounded-circle" src="{{ $imageLq.RelPermalink }}" data-src="{{ $image.RelPermalink }}" alt="{{ .Title }}" width="150" height="150">
+      </div>
+    {{ end -}}
+    {{ with .Params.headline -}}
+      <h1 class="text-center">{{ . }}</h1>
+    {{ else -}}
+      <h1 class="text-center">{{ .Title }}</h1>
+    {{ end -}}
+    {{ with .Params.summary -}}<p class="lead text-center">{{ . }}</p>{{ end -}}
+    {{ with .Content -}}<div class="text-center">{{ . }}</div>{{ end -}}
+  </div>
+</div>
+<div class="row justify-content-center">
+  <div class="col-lg-9">
+    {{ $paginator := .Paginate (.Data.Pages) -}}
+    {{ range $paginator.Pages -}}
+      <div class="card">
+        {{ if site.Params.doks.imageList -}}
+          {{- $images := .Resources.ByType "image" -}}
+          {{- $featured := $images.GetMatch "*feature*" -}}
+          {{- if not $featured }}{{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
+          {{- if $featured -}}
+            {{ partial "img" (dict
+            "page" .
+            "src" $featured
+            "alt" .Title
+            "class" "rounded-top-1"
+            )}}
+          {{ end -}}
+        {{ end -}}
+        <div class="card-body">
+          <article>
+            <h2 class="h3"><a class="stretched-link text-body" href="{{ .RelPermalink }}">{{ .Params.title }}</a></h2>
+            <p>{{ .Params.summary | safeHTML }}</p>
+            {{ partial "main/blog-meta.html" . -}}
+          </article>
+        </div>
+      </div>
+    {{ end -}}
+  </div>
+</div>
+<div class="row justify-content-center">
+  <div class="col-md-12 col-lg-9">
+    {{ template "_internal/pagination.html" . }}    
+  </div>
+</div>
+{{ end }}

portails/resilien.fr/layouts/blog/single.html

@@ -0,0 +1,53 @@
+{{ define "main" }}
+<article class="rArticle">
+  <div>
+    <header class="text-center">
+      <h1>{{ .Title }}</h1>
+      {{ partial "main/blog-meta.html" . }}
+    </header>
+    <div>
+      {{ with .Params.summary -}}<p class="lead">{{ . }}</p>{{ end -}}
+      {{ .Content }}
+      {{ if .Params.tags -}}
+      <div class="tag-list-single">
+        {{ range $index, $tag := .Params.tags -}}
+          <a class="btn btn-light" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}/" role="button">{{ . }}</a>
+        {{ end -}}
+      </div>
+      {{ end -}}
+    </div>
+  </div>
+</article>
+{{ end }}
+
+{{ define "sidebar-footer" }}
+{{ if site.Params.doks.relatedPosts -}}
+  {{ $related := .Site.RegularPages.Related . | first 3 -}}
+  {{ with $related -}}
+  <div class="bg-light">
+    <section class="section section-related container">
+      <div class="row justify-content-center">
+        <div class="col-md-12 col-lg-9">
+          <h2 class="section-title text-center">Related posts</h2>
+        </div>
+      </div>
+      <div class="row justify-content-center">
+        <div class="col-lg-9">
+          {{ range . -}}
+            <div class="card">
+              <div class="card-body">
+                <article>
+                  <h2 class="h3"><a class="stretched-link text-body" href="{{ .RelPermalink }}">{{ .Params.title }}</a></h2>
+                  <p>{{ .Params.summary | safeHTML }}</p>
+                  {{ partial "main/blog-meta.html" . -}}
+                </article>
+              </div>
+            </div>
+          {{ end -}}
+        </div>
+      </div>
+    </section>
+  </div>
+  {{ end -}}
+{{ end -}}
+{{ end }}

portails/resilien.fr/layouts/index.html

@@ -2,9 +2,9 @@
 <section class="section container-fluid mt-n3 pb-3">
   <div class="row justify-content-center">
     <div class="col-lg-12 text-center">
-      <h1>{{ .Title | safeHTML }}</h1>
+      <h1 class="mt-4 mb-4">{{ .Title | safeHTML }}</h1>
     </div>
-    <div class="col-lg-12 col-xl-12 lead">
+    <div class="col-lg-12 col-xl-12 mt-4">
       {{ .Content }}
     </div>
   </div>
@@ -14,7 +14,7 @@
 {{ define "sidebar-prefooter" }}
   <section class="section section-sm section-features">
     <div class="container">
-      <div class="row justify-content-center text-center">
+      <div class="row justify-content-center text-center mt-4 mb-4">
         {{ range $service := index site.Data.services }}
         {{ $defaultValues := index site.Data.portails.services $service.name }}
         <div class="col-12 col-lg-5 col-sm-6">
@@ -22,15 +22,15 @@
             {{- $icon := $service.icon | default $defaultValues.icon -}}
             {{- partial "inline-svg" $icon -}}&nbsp;
             {{- $service.title | default $defaultValues.title -}}
-            {{- partial "service/title-after.html" $service -}}
           </h2>
           <p>{{ $service.description | default $defaultValues.description | markdownify }}</p>
-          <div class="btn-group" role="group" aria-label="Basic outlined example">
+          {{/*  <div class="btn-group" role="group" aria-label="Basic outlined example">
             {{ $url := $service.doc | default $defaultValues.doc }}
             {{ if site.GetPage $url }}
             <a href="{{$url}}" class="btn btn-outline-primary">Guide</a>
             {{ end }}
             {{ $url := "" }}
+            {{ if ne $service.services_link false }}
             {{ if $service.subdomain }}
               {{ $url = print "https://" $service.subdomain "." site.Params.domain "/" }}
             {{ else if $service.link }}
@@ -44,16 +44,17 @@
             >
               Accéder au service
             </a>
-          </div>
+            {{ end }}
+          </div>  */}}
           {{ if site.Params.poweredBy }}
-          <p class="text-muted"><small>Propulsé par <a href="{{ $defaultValues.tool.link }}">{{ $defaultValues.tool.name }}</a></small></p>
+          {{ $url := $service.doc | default $defaultValues.doc }}
+          <p class="text-muted mt-3"><small>Propulsé par <a href="{{$url}}">{{ $defaultValues.tool.name }}</a></small></p>
           {{ end }}
         </div>
         {{ end }}
       </div>
     </div>
   </section>
-  <hr>
   <section class="section container-fluid mt-n3 pb-3">
     <div class="row justify-content-center">
       <div class="col-lg-9 col-xl-8 text-center">

portails/resilien.fr/layouts/partials/footer/footer.html

@@ -0,0 +1,27 @@
+<footer class="rFooter font-monospace text-center">
+    <div>
+        <ul class="list-unstyled">
+            <li>
+                <a href="/">
+                    <img src="/logo.svg" alt="Logo de RésiLien" width="200" />
+                </a>
+            </li>
+            <li> </li>
+            <li>
+                <a href="https://chatons.org">
+                    <img src="/logo_chatons_v3.1.svg" alt="Logo des CHATONS" height="100">
+                </a>
+            </li>
+        </ul>
+        <ul class="list-unstyled bt-1 mb-0 pb-1">
+            <li><a rel="me" href="https://mastodon.qowala.org/@resilien">Mastodon 💬</a> <a rel="me" href="https://diapos.resilien.fr">Diapos 📢</a></li>
+            <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‑traitance</a></li>
+            <li>&nbsp;</li>
+            <li><a href="/mentions-legales/">Mentions légales</a> <a href="/cgv/"><abbr>CGV</abbr></a> <a href="/cgu/"><abbr>CGU</abbr></a></li>
+            <li><a href="/politique/">Politique de protection des données</a></li>
+            <li>Site web alimenté par <a href="https://www.enercoop.fr/" rel="noopener">Enercoop</a> ⚡</li>
+            <li>Réalisé avec ❤️ de façon éco‑responsable</li>
+        </ul>
+    </div>
+</footer>

portails/resilien.fr/layouts/partials/header/header-menu-social.html

@@ -0,0 +1 @@
+<!-- Remove links icon -->

portails/resilien.fr/layouts/partials/header/header.html

@@ -0,0 +1,299 @@
+{{/* 
+  Ce fichier provient de https://github.com/gethyas/doks-core/blob/main/layouts/partials/header/header.html 
+  pour ajouter nos services automatiquements au niveau du menu en haut à droite depuis notre configuration
+  dans le dossier data.
+
+  Une PR est en cours pour n'avoir que le template `header-menu-social.html` à garder et ainsi supprimer 
+  ce fichier https://github.com/gethyas/doks-core/pull/96
+*/}}
+{{ if site.Params.doks.alert -}}
+  {{ partial "header/alert.html" . }}
+{{ end -}}
+
+{{ if site.Params.doks.navbarSticky -}}
+<div class="sticky-top">
+{{ end -}}
+
+{{ if site.Params.doks.headerBar -}}
+<div class="header-bar"></div>
+{{ end -}}
+
+<header class="navbar navbar-expand-lg">
+  {{ with site.Params.doks.containerBreakpoint -}}
+    <div class="container-{{ . }}">
+  {{ else -}}
+    <div class="container">
+  {{ end -}}
+
+    <!-- Site title -->
+    <a class="navbar-brand me-auto me-lg-3" href="{{ relLangURL "" }}">
+      <img src="/logo_small.svg" alt="{{ .Site.Title }}" height="40" />
+    </a>
+
+    <!-- FlexSearch mobile -->
+    {{ partial "main/showFlexSearch" . }}
+    {{ $showFlexSearch := .Scratch.Get "showFlexSearch" -}}
+    {{ if $showFlexSearch -}}
+    <button type="button" id="searchToggleMobile" class="btn btn-link nav-link mx-2 d-lg-none" aria-label="Search website">
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-search" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+        <circle cx="10" cy="10" r="7"></circle>
+        <line x1="21" y1="21" x2="15" y2="15"></line>
+      </svg>
+    </button>
+    {{ end -}}
+
+    <!-- Color mode toggler mobile -->
+    {{ if and (eq site.Params.doks.colorMode "auto") site.Params.doks.colorModeToggler -}}
+    <button id="buttonColorMode" class="btn btn-link mx-2 nav-link d-lg-none" type="button" aria-label="Toggle theme">
+      <svg data-bs-theme-value="dark" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-moon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+        <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"></path>
+      </svg>
+      <svg data-bs-theme-value="light" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-sun" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+        <path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0m-5 0h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path>
+      </svg>
+    </button>
+    {{ end -}}
+
+    <!-- Section navigation -->
+    {{ if (in site.Params.doks.sectionNav .Section) -}}
+    <button class="btn btn-link d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavSection" aria-controls="offcanvasNavSection" aria-label="Open section navigation menu">
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-dots-vertical" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+        <path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
+        <path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
+        <path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
+      </svg>
+    </button>
+    <div class="offcanvas offcanvas-start d-lg-none" tabindex="-1" id="offcanvasNavSection" aria-labelledby="offcanvasNavSectionLabel">
+      {{ if site.Params.doks.headerBar -}}
+        <div class="header-bar"></div>
+      {{ end -}}
+      <div class="offcanvas-header">
+        <h5 class="offcanvas-title" id="offcanvasNavSectionLabel">{{ .Section | humanize }}</h5>
+        <button type="button" class="btn btn-link nav-link p-0 ms-auto" data-bs-dismiss="offcanvas" aria-label="Close">
+          <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-x" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+            <path d="M18 6l-12 12"></path>
+            <path d="M6 6l12 12"></path>
+          </svg>
+        </button>
+      </div>
+      <div class="offcanvas-body">
+        <aside class="doks-sidebar mt-n3">
+          <nav id="doks-docs-nav" aria-label="Tertiary navigation">
+            {{ partial "sidebar/section-menu.html" . }}
+          </nav>
+        </aside>
+      </div>
+    </div>
+    {{ end -}}
+
+    <!-- Main navigation button -->
+    <button class="btn btn-link nav-link mx-2 order-3 d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavMain" aria-controls="offcanvasNavMain" aria-label="Open main navigation menu">
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-menu" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+        <line x1="4" y1="8" x2="20" y2="8"></line>
+        <line x1="4" y1="16" x2="20" y2="16"></line>
+      </svg>
+    </button>
+
+    <!-- Main navigation -->
+    <div class="offcanvas offcanvas-end h-auto" tabindex="-1" id="offcanvasNavMain" aria-labelledby="offcanvasNavMainLabel">
+      {{ if site.Params.doks.headerBar -}}
+        <div class="header-bar d-lg-none"></div>
+      {{ end -}}
+      <div class="offcanvas-header">
+        <h5 class="offcanvas-title" id="offcanvasNavMainLabel">{{ site.Title }}</h5>
+        <button type="button" class="btn btn-link nav-link p-0 ms-auto" data-bs-dismiss="offcanvas" aria-label="Close">
+          <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-x" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+            <path d="M18 6l-12 12"></path>
+            <path d="M6 6l12 12"></path>
+         </svg>
+        </button>
+      </div>
+      <!--
+      <div class="offcanvas-header">
+        <h5 class="offcanvas-title fw-bold" id="offcanvasNavMainLabel">{{ .Site.Params.Title }}</h5>
+        <button class="btn btn-link nav-link ms-auto" type="button" data-bs-dismiss="offcanvas" aria-label="Close menu">
+          <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-x" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+            <path d="M18 6l-12 12"></path>
+            <path d="M6 6l12 12"></path>
+          </svg>
+        </button>
+      </div>
+      -->
+      <div class="offcanvas-body d-flex flex-column flex-lg-row justify-content-between">
+        <!-- FlexSearch desktop -->
+        {{ partial "main/showFlexSearch" . }}
+        {{ $showFlexSearch := .Scratch.Get "showFlexSearch" -}}
+        {{ if $showFlexSearch -}}
+        <button type="button" id="searchToggleDesktop" class="btn btn-link nav-link p-2 d-none d-lg-block" aria-label="Search website">
+          <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-search" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+            <circle cx="10" cy="10" r="7"></circle>
+            <line x1="21" y1="21" x2="15" y2="15"></line>
+          </svg>
+        </button>
+        {{ end -}}
+
+        <!-- Language dropdown -->
+        {{ if eq site.Params.doks.multilingualMode true -}}
+
+        <div class="dropdown mt-1 order-lg-2">
+          <button class="btn btn-dropdown dropdown-toggle" id="doks-languages" data-bs-toggle="dropdown" aria-expanded="false" data-bs-display="static">
+            <span class="dropdown-caret">
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-language" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                <path d="M4 5h7"></path>
+                <path d="M9 3v2c0 4.418 -2.239 8 -5 8"></path>
+                <path d="M5 9c0 2.144 2.952 3.908 6.7 4"></path>
+                <path d="M12 20l4 -9l4 9"></path>
+                <path d="M19.1 18h-6.2"></path>
+              </svg>
+              <span id="doks-language-current">{{ .Site.Language.LanguageName }}</span>
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                <path d="M6 9l6 6l6 -6"></path>
+              </svg>
+            </span>
+          </button>
+          <ul class="dropdown-menu dropdown-menu-lg-end me-lg-2 shadow rounded border-0" aria-labelledby="doks-languages">
+
+            <li><span class="dropdown-item current" aria-current="true">{{ .Site.Language.LanguageName }}</span></li>
+
+            <li><hr class="dropdown-divider"></li>
+
+            {{ if site.Params.doks.showMissingLanguages -}}
+              {{ $translatedLangs := slice -}}
+              {{ range .Translations -}}
+                {{ $translatedLangs = $translatedLangs | append .Lang }}
+              {{- end }}
+              {{ range site.Languages -}}
+                {{ if and (ne $.Lang .Lang) (not (in $.Params.skipTranslations .Lang)) -}}
+                  {{ $isTranslated := in $translatedLangs .Lang -}}
+                  <li><a class="dropdown-item {{ if not $isTranslated }}untranslated{{ end }}" rel="alternate" href="{{ if $isTranslated }}{{ (index (where $.Translations "Lang" .Lang) 0).RelPermalink }}{{ else }}{{ .Lang | relURL }}{{ end }}" hreflang="{{ .Lang }}" lang="{{ .Lang }}">{{ .LanguageName }}</a></li>
+                {{- end }}
+              {{- end }}
+            {{ else -}}
+              {{ range .Translations -}}
+                <li><a class="dropdown-item" rel="alternate" href="{{ .RelPermalink }}" hreflang="{{ .Lang }}" lang="{{ .Lang }}">{{ .Language.LanguageName }}</a></li>
+              {{- end }}
+            {{- end }}
+              <!--
+              <li><hr class="dropdown-divider"></li>
+              <li><a class="dropdown-item" href="/docs/contributing/how-to-contribute/">Help Translate</a></li>
+              -->
+          </ul>
+        </div>
+        {{ end -}}
+
+        <!-- Versioning dropdown  -->
+        {{ if eq site.Params.doks.docsVersioning true -}}
+
+        <div class="dropdown mt-1 order-lg-3">
+          <button class="btn btn-dropdown dropdown-toggle" id="doks-versions" data-bs-toggle="dropdown" aria-expanded="false" data-bs-display="static" aria-label="Toggle version menu">
+            <span class="d-none">Doks</span> v{{ site.Params.doks.docsVersion }}
+            <span class="dropdown-caret">
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                <path d="M6 9l6 6l6 -6"></path>
+              </svg>
+            </span>
+          </button>
+          <ul class="dropdown-menu dropdown-menu-lg-end me-lg-2 shadow rounded border-0" aria-labelledby="doks-versions">
+            <li><a class="dropdown-item current" aria-current="true" href="/docs/{{ site.Params.doks.docsVersion }}/prologue/introduction/">Latest ({{ site.Params.doks.docsVersion }}.x)</a></li>
+            <li><hr class="dropdown-divider"></li>
+            <li><a class="dropdown-item" href="/docs/0.2/prologue/introduction/">v0.2.x</a></li>
+            <li><a class="dropdown-item" href="/docs/0.1/prologue/introduction/">v0.1.x</a></li>
+            <li><hr class="dropdown-divider"></li>
+            <li><a class="dropdown-item" href="/docs/versions/">All versions</a></li>
+          </ul>
+        </div>
+        {{ end -}}
+
+        <!-- Color mode toggler -->
+        {{ if and (eq site.Params.doks.colorMode "auto") site.Params.doks.colorModeToggler -}}
+        <button id="buttonColorMode" class="btn btn-link mx-auto nav-link p-0 ms-lg-2 me-lg-1 d-none d-lg-block" type="button" aria-label="Toggle theme">
+          <svg data-bs-theme-value="dark" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-moon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+            <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"></path>
+          </svg>
+          <svg data-bs-theme-value="light" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-sun" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+            <path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0m-5 0h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path>
+          </svg>
+        </button>
+        {{ end -}}
+
+        <ul class="navbar-nav flex-grow-1">
+          {{- $current := . -}}
+          {{- $section := $current.Section -}}
+          {{ range .Site.Menus.main -}}
+            {{- $active := or ($current.IsMenuCurrent "main" .) ($current.HasMenuCurrent "main" .) -}}
+            {{- $active = or $active (eq .Name $current.Title) -}}
+            {{- $active = or $active (and (eq .Name ($section | humanize)) (eq $current.Section $section)) -}}
+            {{- $active = or $active (and (eq .Name "Blog") (eq $current.Section "blog" "authors")) -}}
+            {{ if .HasChildren -}}
+              <li class="nav-item dropdown">
+                <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                  {{ .Name -}}
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                    <path d="M6 9l6 6l6 -6"></path>
+                  </svg>
+                </a>
+                <ul class="dropdown-menu shadow rounded border-0">
+                  {{ range .Children -}}
+                  {{- $active = eq .Name $current.Title -}}
+                    <li><a class="dropdown-item{{ if $active }} active{{ end }}" href="{{ .URL | absURL }}"{{ if $active }} aria-current="true"{{ end }}>{{ .Name }}</a></li>
+                  {{ end -}}
+                </ul>
+              </li>
+            {{ else -}}
+              <li class="nav-item">
+                <a class="nav-link{{ if $active }} active{{ end }}" href="{{ .URL | absURL }}"{{ if $active }} aria-current="true"{{ end }}>{{ .Name }}</a>
+              </li>
+            {{ end -}}
+          {{ end -}}
+        </ul>
+
+        <!-- Social menu -->
+        {{ if .Site.Menus.social -}}
+        <ul id="socialMenu" class="nav mx-auto flex-row order-lg-4">
+          {{ range .Site.Menus.social -}}
+            <li class="nav-item">
+              <a class="nav-link social-link" href="{{ .URL | relURL }}">{{ .Pre | safeHTML }}<small class="ms-2 visually-hidden">{{ .Name | safeHTML }}</small></a>
+            </li>
+          {{ end -}}
+        </ul>
+        {{ end -}}
+        {{ partial "header/header-menu-social.html" . }}
+
+
+        <!-- Navbar button mobile -->
+        {{ if site.Params.doks.navBarButton -}}
+          <a class="btn btn-primary rounded-pill mt-2 btn-block d-lg-none" href="{{ site.Params.doks.navBarButtonUrl | absURL }}" role="button">{{ site.Params.doks.navBarButtonText }}</a>
+        {{ end -}}
+      </div>
+    </div>
+
+    <!-- Navbar button desktop -->
+    {{ if site.Params.doks.navBarButton -}}
+      <a class="btn btn-primary rounded-pill ms-3 me-2 px-4 order-lg-3 d-none d-lg-block" href="{{ site.Params.doks.navBarButtonUrl | absURL }}" role="button">{{ site.Params.doks.navBarButtonText }}</a>
+    {{ end -}}
+
+  </div>
+</header>
+{{ if site.Params.doks.navbarSticky -}}
+</div>
+{{ end -}}
+
+<!-- Search modal -->
+{{ if site.Params.doks.flexSearch -}}
+{{ partial "header/search-modal" . }}
+{{ end -}}

portails/resilien.fr/static/logo_small.svg

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 182.1 56.6" style="enable-background:new 0 0 182.1 56.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#f9bc60;}
+</style>
+<path class="st0" d="M0,4.9c0-1.2,1-2.3,2.3-2.3H11c6.9,0,11.3,4.8,11.3,10.8c0,5.2-3.5,9.1-8.1,9.7l-1.1,0.1l11.7,13.9
+	c0.4,0.5,0.5,1,0.5,1.5c0,1.2-1,2.3-2.3,2.3c-0.7,0-1.3-0.3-1.8-0.9L7.7,23.8C7.4,23.4,7,22.8,7,22c0-1.2,0.9-2.1,2.1-2.1h1.8
+	c4.1,0,6.7-2.9,6.7-6.5c0-3.7-2.6-6.5-6.7-6.5H4.6v31.6c0,1.2-1,2.3-2.3,2.3C1,40.9,0,39.8,0,38.5V4.9z"/>
+<path class="st0" d="M27.4,26.7c0-8,6.2-14.3,14.2-14.3c3.9,0,7.2,1.5,9.3,3.5c0.5,0.4,0.8,1,0.8,1.7c0,0.5-0.2,1-0.7,1.6l-9.6,11.5
+	c-0.4,0.5-0.9,0.7-1.5,0.7c-1.2,0-2.1-0.8-2.1-1.9c0-0.5,0.1-1,0.5-1.3l8.4-9.9c-1.4-1.2-3.4-1.7-5.2-1.7c-5.5,0-9.9,4.5-9.9,10.3
+	c0,5.7,4.3,10.3,9.9,10.3c3.1,0,5.5-1.3,7.2-3.2c0.6-0.5,1.1-1,1.8-1c1.2,0,2.2,0.9,2.2,2.1c0,0.4-0.3,1-0.6,1.5
+	c-2.3,2.7-6,4.7-10.5,4.7C33.6,41,27.4,34.7,27.4,26.7z M42.3,0.8c0.4-0.5,1-0.8,1.6-0.8C45,0,46,1,46,2.1c0,0.5-0.2,1-0.5,1.3
+	l-5.2,6.2c-0.4,0.4-1,0.8-1.6,0.8c-1.1,0-2.2-0.9-2.2-2.1c0-0.5,0.2-0.9,0.5-1.3L42.3,0.8z"/>
+<path class="st0" d="M59.4,32.3c0.7,0,1.6,0.4,1.8,1.3c0.5,1.5,1.9,3.5,4.8,3.5c2.6,0,4.3-1.9,4.3-3.9c0-2.7-2.2-3.9-5-4.9
+	c-3.7-1.2-7.5-2.7-7.5-8c0-4.4,3.5-7.8,8.3-7.8c4.5,0,8.4,2.8,8.4,6.5c0,1.1-0.9,1.9-1.9,1.9c-0.6,0-1.6-0.3-1.9-1.5
+	c-0.4-1.4-2-3.1-4.5-3.1c-2.6,0-4.2,1.9-4.2,4c0,2.9,2.6,3.8,5.8,4.9c3.4,1,6.9,2.9,6.9,8c0,4.3-3.7,7.9-8.6,7.9
+	c-4.7,0-8.6-3.2-8.6-6.7C57.5,33.2,58.3,32.3,59.4,32.3z"/>
+<path class="st0" d="M127,26.7c0-8,6.2-14.3,14.2-14.3c3.9,0,7.2,1.5,9.3,3.5c0.5,0.4,0.8,1,0.8,1.7c0,0.5-0.2,1-0.7,1.6l-9.6,11.5
+	c-0.4,0.5-0.9,0.7-1.5,0.7c-1.2,0-2.1-0.8-2.1-1.9c0-0.5,0.1-1,0.5-1.3l8.4-9.9c-1.4-1.2-3.4-1.7-5.2-1.7c-5.5,0-9.9,4.5-9.9,10.3
+	c0,5.7,4.3,10.3,9.9,10.3c3.1,0,5.5-1.3,7.2-3.2c0.6-0.5,1.1-1,1.8-1c1.2,0,2.2,0.9,2.2,2.1c0,0.4-0.3,1-0.6,1.5
+	c-2.3,2.7-6,4.7-10.5,4.7C133.2,41,127,34.7,127,26.7z"/>
+<path class="st0" d="M158.4,24.8c0-7.8,5.2-12.5,11.8-12.5c6.6,0,11.9,4.6,11.9,12.5v13.8c0,1.2-1,2.2-2.2,2.2c-1.2,0-2.2-1-2.2-2.2
+	V24.7c0-5.5-3.3-8.4-7.6-8.4c-4.2,0-7.5,2.9-7.5,8.4v13.9c0,1.2-1,2.2-2.2,2.2c-1.2,0-2.2-1-2.2-2.2V24.8z"/>
+<g>
+	<path class="st1" d="M80.3,7.7c0.4,0.2,0.8,0.4,1.2,0.5c0.5,0.1,0.9,0.2,1.3,0.2c0.7,0,1.2-0.1,1.6-0.4C84.8,7.8,85,7.3,85,6.5
+		c0-0.4-0.1-0.7-0.3-1c-0.2-0.3-0.5-0.6-0.9-0.8c-0.4-0.3-0.7-0.4-1.2-0.6c-0.4-0.1-0.8-0.2-1.2-0.2c-1.6-0.1-2.1,1-2.2,1.3
+		c-0.1,0.4-0.1,0.8-0.1,1.2c0,0.2,0.1,0.4,0.3,0.6C79.6,7.3,79.9,7.5,80.3,7.7z"/>
+	<path class="st1" d="M116.2,7.7c0.4,0.2,0.8,0.4,1.2,0.5c0.5,0.1,0.9,0.2,1.3,0.2c0.7,0,1.2-0.1,1.6-0.4c0.4-0.3,0.6-0.7,0.6-1.5
+		c0-0.4-0.1-0.7-0.3-1c-0.2-0.3-0.5-0.6-0.9-0.8c-0.4-0.3-0.7-0.4-1.2-0.6c-0.4-0.1-0.8-0.2-1.2-0.2c-0.5,0-0.8,0-1.2,0.3
+		c-0.6,0.4-0.8,0.7-0.9,1C115.1,5.6,115,6,115,6.5c0,0.2,0.1,0.4,0.3,0.6C115.6,7.3,115.9,7.5,116.2,7.7z"/>
+	<path class="st1" d="M122.5,38.7c0-0.7-0.3-2.8-0.4-3.6c-0.2-1.2-0.4-2.6-0.6-4.1c-0.2-1.5-0.3-1.5-0.4-3.1
+		c-0.2-1.7-0.4-2.6-0.4-4.1c0-0.4,0-0.8,0-1.2c0-0.2,0-0.4,0-0.7c0-0.3-0.1-0.6-0.3-0.9c-0.1-0.2-0.3-0.3-0.4-0.5
+		c-0.3-0.3-0.6-0.6-1.2-0.7c-0.8,0-1.2,0.1-1.8,0.2c-1,0.2-1.2,1.5-1.2,2.5c0,0,0,0,0,0c0,2,0.1,3.9,0.4,5.7
+		c0.2,1.8,0.4,4.7,0.6,5.4c0.1,0.7,0.4,2.8,0.4,4c0.4,6.5-1.3,9.8-9.4,12.8c-3.8,1.4-8.4,1.9-12.3,0.6c-1.2-0.4-2.3-0.9-3.2-1.7
+		c-1-1-3.7-3.9-4.3-5.2c-2-4.4-2.1-7.6-2.3-8.9c-0.2-1.2-0.4-2.6-0.6-4.1c-0.2-1.5-0.3-1.8-0.5-3.4c-0.2-1.7-0.3-2.4-0.3-3.9
+		c0-0.4,0-0.8,0-1.2c0-0.2,0-0.4,0-0.7c0-0.3,0-0.8-0.3-1.1c-0.1-0.2-0.6-0.9-1.7-0.9c-1.7,0-1.9,0.3-2.3,0.5c-0.7,0.4-1,1-1,1.9
+		c0,2,0.1,3.9,0.4,5.7c0.2,1.6,0.2,2.1,0.4,3.4c0.1,0.7,0.1,1.3,0.2,2c0.1,0.9,0.3,2.7,0.5,4.4c0,0.1,0.5,3.1,1,4.5
+		c1.3,4,3.3,8.1,6.8,10.6c2,1.4,4.8,3.4,7.2,3.6c4.2,0.5,7.5,0.4,11.4-0.4c3.9-0.8,8.5-3.5,11.3-6.3C119.8,48,122.5,46.3,122.5,38.7
+		z"/>
+</g>
+<path class="st1" d="M94.9,38.8c-0.2-0.3-0.4-0.7-0.4-1.1c0-1.3,0.1-4.3,0.1-6c0.1-2.2,0.3-4.7,0.5-7.4c0.6-6.6,0.8-6.5,0.8-9.4
+	c0-1,0-2-0.1-2.9c0-0.8-0.1-1.5-0.1-2.3c0-0.3,0.1-0.6,0.4-0.8c0.4-0.3,0.9-0.4,1.5-0.4c1.5,0,2.4,0.6,2.6,1.7
+	c0,0.4,0.1,2.2,0.1,2.7c0,1.5,0,3.3-0.1,5.3c-0.1,1.2-0.6,7-0.7,9.1c-0.1,2.1-0.1,4-0.1,5.6l0,2.4c0,0.2,0.2,0.4,0.4,0.4
+	c1.7-0.3,6.4-1.7,6.9-1.7c0.5-0.1,0.9-0.1,1.1-0.1c0.8,0,1.4,0.3,1.7,0.9c0.2,0.5,0.3,0.7,0.4,1.1c0.1,0.4,0.1,0.9-0.4,1.1l-4.5,1.7
+	c-2,0.9-7.7,2.4-7.9,2.4c-0.6,0-1.1-0.4-1.5-1.1L94.9,38.8z"/>
+</svg>

portails/shared/layouts/index.html

@@ -24,7 +24,7 @@
       <div class="row justify-content-center text-center">
         {{ range $service := index site.Data.services }}
         {{ $defaultValues := index site.Data.portails.services $service.name }}
-        <div class="col-12 col-lg-5 col-sm-6">
+        <div class="col-12 col-lg-4 col-sm-4">
           <h2 class="h4">
             {{- $icon := $service.icon | default $defaultValues.icon -}}
             {{- partial "inline-svg" $icon -}}&nbsp;