Add web content first part

README.md

@@ -1,3 +1,4 @@
+
 # [guide.deuxfleurs.fr](https://guide.deuxfleurs.fr)
 
 ## Construire
@@ -17,3 +18,22 @@ aws s3 sync ./public s3://guide.deuxfleurs.fr
 ```bash
 zola serve
 ```
+
+
+# Refonte du guide
+
+Notre guide contient toutes les informations relatives à l'association, ses services, son infrastructure, et ses idées. C'est donc un lieu crucial, sur lequel sont amenés à tomber de bien nombreux acteur·ices et personnes externes. Nous sommes aussi insatisfait·es avec certain de ses aspects : nous trouvons que les catégories se recoupent et peuvent porter à confusion. La navigation sur mobile pose certains problèmes, et modifier son contenu demande un certain processus.
+
+Les cinq catégories actuelles, Prise en main, Se former, Vie associative, Infrastructures, et Opérations proviennent de l'application des recommandations de Diátaxis. En pratique, nous constatons qu'elles se révèlent pénibles à utiliser. Elles sont loin d'être exclusives, et il est loin d'être rare que lorsqu'on cherche une information spécifique, celle-ci ait le potentiel de se trouver dans deux ou trois d'entre elles. Nous avons convergé vers une nouvelle organisation. La page d'accueil contiendrait les informations pour découvrir Deuxfleurs, puis présenterait ces quatre catégories :
+
+    Utilisation des services : dédiée aux usager·es, aussi technophobes qu'ils peuvent potentiellement être, afin de leur expliquer simplement et clairement comment utiliser nos services.
+    Motivations : dédiée à la présentation de nos idées, réflexions, arguments, désirs, inspirations et motivations.
+    Vie associative : dédiée au contenu administratif, et aux considérations autour de Deuxfleurs en tant qu'association.
+    Infrastructure : dédiée à du contenu technique, pour les administrateur·ices système ou curieux·euses de savoir comment tout cela fonctionne.
+
+Malgré tout, nous pensons qu'il ne faudra pas hésiter à mettre en place des liens pour que les usager·es passent facilement d'une section à l'autre : un sujet peut arborer plusieurs facettes, se plaçant ainsi à plusieurs endroits du guide. De même, la réorganisation va générer beaucoup de liens morts, et s'en occuper demandera un certain travail qu'il ne faudra pas négliger.
+
+Sur mobile, le guide n'affiche pas le menu des sections en permanence. Implémenter un fil d'Ariane permettrait de clarifier cette situation, pour améliorer l'ergonomie.
+
+Il y a donc une quantité de travail non négligeable à réaliser sur notre guide. Nous avons tout intérêt à réaliser la transition le plus en douceur possible. Pour cela, nous allons travailler sur une duplication du guide, à une adresse différente. Une fois la nouvelle version finalisée, nous la mettrons à jour avec les contributions réalisées entre-temps, puis validerons la transition.
+

content/_index.md

@@ -4,15 +4,13 @@ sort_by: weight
 ---
 # Découvrir
 
-[Prise en main](@/prise_en_main/_index.md) - Ce manuel vous accompagne dans la découverte de nos outils. C'est par là que vous devriez commencer si vous venez d'arriver, on vous explique comment utiliser nos outils pour rester en contact avec votre famille, organiser une réunion avec votre association ou encore publier une tribune sur le web.
+[Utilisation des services](@/services/_index.md) - Ce manuel vous accompagne dans la découverte de l'utilisation de nos services. 
 
-[Se former](@/formations/_index.md) - Ce manuel vous propose de vous former sur les questions portées par l'association, que ce soit sur l'impact social du numérique ou l'administration d'une machine Linux, avec dans l'idée que vous pourrez vous impliquer d'avantage dans nos activités après, en faisant des ateliers ou en participant à opérer les machines et les logiciels.
+[Motivations](@/motivations/_index.md) - Cette section est dédiée à la présentation de nos idées, réflexions, arguments, désirs, inspirations et motivations.
 
-[Vie associative](@/vie_associative/_index.md) - Ce manuel traite de tout ce qui concerne l'association, comme ses aspects légaux, les délibérations, ou l'organisation des personnes.
+[Vie associative](@/vie_associative/_index.md) - Cette section est dédiée au contenu administratif, et aux considérations autour de Deuxfleurs en tant qu'association.
 
-[Infrastructures](@/infrastructures/_index.md) - Ce manuel documente la dimension matérielle du numérique chez Deuxfleurs. On y recense les ordinateurs, le lieu où ils sont, les connexions réseaux nécessaires, l'énergie consommée, l'impact de fabrication, de fin de vie, etc.
-
-[Opérations](@/operations/_index.md) - Ce manuel recense notre savoir-faire technique, il a pour but d'accompagner nos opérateur·ices dans la réalisation de leurs tâches.
+[Infrastructure](@/infrastructures/_index.md) - Cette section est dédiée à du contenu technique, pour les administrateur·ices système ou curieux·euses de savoir comment tout cela fonctionne.
 
 # Contribuer
 

content/services/_index.md

@@ -0,0 +1,57 @@
+---
+title: "Services"
+description: "Services"
+weight: 10
+sort_by: "weight"
+extra:
+  parent: 'services/_index.md'
+---
+
+Cette page du manuel a pour objectif de lister les services que nous proposons ainsi que les liens vers les pages du manuel qui leurs sont associés. 
+
+# Outils de communication
+
+Nous proposons un certains nombres d'outils de communication entre utilisateurices, vous trouverez donc les équivalent libre de vos outils de communications habituels. 
+
+- [**Matrix**](@/services/matrix.md): Pour les échanges de messages dans le style **SMS**, **Whatsapp**, **Messenger** ou équivalent nous proposons [Matrix](@/services/matrix.md). Il est accessible via une application sur telephone et/ou sur navigateur web directement. Les échanges de messages sont chiffrés de bout en bout et donc ne sont lisibles que par vous et lea destinataire ! 
+
+[↣ Apprendre à utiliser Matrix](@/services/matrix.md)
+
+- [**Jitsi**](@/services/jitsi.md): Pour de l'échange en visioconférence dans le style de **Facetime**, **Zoom** ou appel vidéo de manière générale, nous proposons [Jitsi](@/services/jitsi.md). L'application est disponible sur Android, iPhone et dans votre navigateur directement.
+Vous pouvez activer ou désactiver votre webcam ou votre microphone, inviter jusqu'à 30 personnes ou encore partager votre écran.
+
+[↣ Apprendre à utiliser Jitsi](@/services/jitsi.md)
+
+- [**Mail**](@/services/email.md): Nous propons aussi un service d'e-mails classiques. 
+
+[↣ Apprendre à utiliser les emails](@/services/email.md)
+
+
+# Partage de contenu 
+
+Pour du partage de contenu nous avons plusieurs outils a dispositions, que ca soit un document partagé, des formulaires, des postes de blogs ou un site web ! 
+
+- [**Cryptpad**](@/services/cryptpad.md): Pour avoir un document partagé en temps réél, dans l'idée de **Google Doc**, de la prise de note de réunion ou des formulaires, nous vous proposons l'outil [Cryptpad](@/services/cryptpad.md). Il permet d'avoir un document commun a plusieurs personnes, tout en assurant le chiffrement du dit document. Cryptpad permet aussi de réaliser des formulaires afin de faire des votes ou sondages. 
+
+[↣ Apprendre à utiliser le formulaire Cryptpad](@/services/cryptpad.md)
+
+- [**Plume**](@/services/plume.md): Pour l'écriture d'un blog avec tout un système d'abonnement, de notification de nouveau contenu, nous vous proposons [Plume](@/services/plume.md). 
+
+[↣ Apprendre à utiliser Plume](@/services/plume.md)
+
+- [**Site Web**](@/services/web.md): Pour créer un site web qui soit référencé dans les moteurs de recherche, un espace où je puisse gérer finement mon contenu, et vers lequel je peux envoyer des gens s'y référer, nous proposons un service d'hebergement.  
+
+[↣ Apprendre à créer un site web](@/services/web.md)
+
+
+# URL des services
+
+- [**Matrix**](<https://riot.deuxfleurs.fr>) : <https://riot.deuxfleurs.fr> - messagerie instantanée Element (sur le réseau Matrix)
+- [**Mails**](<https://sogo.deuxfleurs.fr>): <https://sogo.deuxfleurs.fr> - courrier électronique
+- [**Mails**](https://alps.deuxfleurs.fr): <https://alps.deuxfleurs.fr> - courrier électronique, interface plus légère
+- [**Jitsi**](https://jitsi.deuxfleurs.fr): <https://jitsi.deuxfleurs.fr> - outil de visioconférence
+- [**Cryptpad**](https://pad.deuxfleurs.fr): <https://pad.deuxfleurs.fr> - pads et autres outils collaboratifs avec CryptPad
+- [**Plume**](https://plume.deuxfleurs.fr): <https://plume.deuxfleurs.fr> - plateforme de blog fédérée 
+- [**Site Web**](https://garagehq.deuxfleurs.fr): <https://garagehq.deuxfleurs.fr> - plateforme d'hébergement de site web (voir documentation)
+
+

content/services/creer-du-contenu.md

@@ -0,0 +1,11 @@
+---
+title: Creer du contenu
+description: Comment creer du contenu pour votre site web
+sort_by: weight
+weight: 40
+extra:
+  parent: services/web.md
+---
+ <!-- TODO -->
+
+# Title

content/services/cryptpad.md

@@ -0,0 +1,33 @@
+---
+title: "Cryptpad"
+description: "Cryptpad"
+weight: 50
+extra:
+  parent: 'services/_index.md'
+---
+
+# Accès à Cryptpad
+    
+-   [🌐 Accéder via le navigateur](https://pad.deuxfleurs.fr)
+
+# Les différentes utilisation de Cryptpad
+
+## Traitement de texte
+
+Pour du traitement de texte, dans le style de Word, Google Docs ou LibreOffice, il y a l'outil "Texte".
+L'outil permet de taper du texte mais aussi de partager le document avec d'autre utilisateurices afin de taper en simultané. 
+
+Pour du traitement de texte Markdown utilisez plutot l'outil "Code".
+
+## Formulaires
+
+Pour des sondages, des enquêtes ou toute forme de fomulaire, dans le style de Google Forms, nous vous conseillons l'outil "Formulaire" de Cryptpad. 
+
+## Gestion de projet / Listes de tâches 
+
+Pour de la gestion de projet, de l'organisation de tâche et planification, Cryptpad propose un [Kaban Board](https://en.wikipedia.org/wiki/Kanban_board) via l'outil Kanban. 
+
+## Autre
+
+Il existe d'autre mode d'utilisation de Cryptpad que nous ne recommandons pas, soit car nous ne les utilisons pas, soit car ils sont connus pour leurs problèmes de fonctionnement comme le tableur.  
+Utilisez les à vos risques et périls !

content/services/email.md

@@ -0,0 +1,40 @@
+---
+title: "E-mails"
+description: "E-mails"
+weight: 30
+extra:
+  parent: 'services/_index.md'
+---
+
+# Accéder à vos emails
+
+<ul>
+  <li><a href='https://sogo.deuxfleurs.fr'>🌐 Accéder via le navigateur (SoGo)</a></li>
+  <li><a href='https://alps.deuxfleurs.fr'>🌐 Accéder via le navigateur (alps, version allégée)</a></li>
+  <li><a href='https://www.thunderbird.net/fr/'>📥 Thunderbird (PC/Mac)</a></li>
+  <li><a href='https://k9mail.app/'>📥 K9 (Android)</a></li>
+</ul>
+
+
+# Configurer ses emails dans une application
+
+| Protocole | Rôle | Hôte | Port | Chiffrement | Authentification | Certificat |
+| -- | -- | -- | -- | -- | -- | -- |
+| IMAP | Réception des emails | `imap.deuxfleurs.fr` | `993` | SSL/TLS | email+mdp | valide |
+| SMTP | Envoi des emails     | `smtp.deuxfleurs.fr` | `465` | SSL/TLS | email+mdp | valide |
+| Exchange ActiveSync | Tous | `https://sogo.deuxfleurs.fr` | `443` | SSL/TLS | email+mdp | valide |
+
+
+# Utiliser un nom de domaine personnalisé (autre que @deuxfleurs.fr)
+
+L'hébergement d'e-mails avec des noms de domaines différents, comme `jesuis@toutepuissante.net`, est possible. Vous êtes responsable de la location du nom de domaine mais l'hébergement et la distribution peut être faite sur nos serveurs ! 
+
+Pour la location du nom de domaine nous vous invitons a regarder [la page du guide associée](@/services/mettre-place-DNS.md). 
+
+[↣ Comment louer un nom de domaine](@/services/mettre-place-DNS.md)
+
+Nous détaillons comment mettre en place l'hébergement de vos mails sur les serveurs deuxfleurs sur la [page suivante](@/services/hebergement_mail_perso.md)
+
+[↣ Comment heberger mes mails sur Deuxfleurs](@/services/hebergement_mail_perso.md)
+
+

content/services/guide_installation.md

@@ -0,0 +1,17 @@
+---
+title: "Guide d'installation Matrix"
+description: "Guide de l'installation, la création de compte et prise en main de Matrix"
+date: 2024-08-19
+weight: 3
+extra:
+  parent: "services/matrix.md"
+---
+
+# Inscription 
+
+L'inscription au service matrix est comprise dans la création de compte deuxfleurs. 
+Si vous n'avez pas encore de compte deuxfleurs et souhaitez nous rejoindre regarder [la page suivante](@/vie_associative/nous_rejoindre.md) 
+
+
+# Utilisation 
+<!-- TODO -->

content/services/hebergement_mail_perso.md

@@ -0,0 +1,78 @@
+---
+title: "Hebergement d'e-mails personnels"
+description: "E-mails personnels"
+weight: 10
+extra:
+  parent: 'services/email.md'
+---
+<!-- TODO -->
+
+
+Deuxfleurs peut héberger vos e-mails, même s'ils ne finissent pas en `@deuxfleurs.fr` ! 
+
+> Vous voulez votre propre nom de domaine mais ne savez pas comment faire ? [On vous l'explique ici](@/prise_en_main/mettre-place-DNS.md).
+
+Nous vous expliquons ici comment héberger une boîte mail avec un nom de domaine vous appartenant, en incluant la récupération (optionnelle) des e-mails existants chez votre ancien fournisseur vers les serveurs de Deuxfleurs.
+
+1. Si vous souhaitez rapatrier vos anciens e-mails de l'ancien fournisseur vers Deuxfleurs, sauvegardez vos e-mails sur votre machine :
+
+	> Nous présentons une méthode fiable ([cf. ce guide](https://github.com/joeyates/imap-backup/blob/main/docs/migrate-server-keep-address.md)), mais qui demande de bonnes connaissances en informatique. Vous pourriez avoir besoin de l'aide d'un⋅e administrateur⋅ice de Deuxfleurs.
+	>
+	> Si vous lui déléguez complètement l'opération, iel aura besoin de vos mots de passe chez votre ancien opérateur mail, chez Deuxfleurs, et manipulera votre sauvegarde d'e-mails. On vous recommande dans ce cas de changer vos mots de passe avant et après l'opération, et de vous armer de confiance.
+
+	* Faites de la place ! Chez votre fournisseur actuel, supprimez votre corbeille, vos vieux e-mails volumineux et inutiles, etc.
+
+	* Téléchargez l'outil [`imap-backup`](https://github.com/joeyates/imap-backup/).
+
+	* Utilisez `imap-backup setup` pour renseigner vos identifiants ainsi que le serveur IMAP de votre fournisseur mail actuel.
+
+	* Lancez `imap-backup backup --accounts=<votre_adresse_mail>`, ce qui va télécharger tous vos e-mails sur votre ordinateur (c'est long).
+	
+1. Communiquez votre nom de domaine à un⋅e administrateur⋅ice de Deuxfleurs pour qu'iel l'ajoute à :
+
+	* la liste des [domaines gérés par Deuxfleurs dans le LDAP](https://guichet.deuxfleurs.fr/admin/ldap/ou=domains,ou=groups,dc=deuxfleurs,dc=fr),
+	* et dans la [table de signature DKIM](https://git.deuxfleurs.fr/Deuxfleurs/nixcfg/src/branch/main/cluster/prod/app/email/config/dkim/signingtable).
+
+1. Communiquez-lui l'adresse e-mail que vous souhaitez utiliser. Vous pouvez ajouter autant d'alias que vous souhaitez, il seront reçus sur la même boîte mail. 
+
+	L'admin devra les ajouter ligne à ligne dans l'entrée `mail` dans votre profil utilisateur (en laissant votre adresse `@deuxfleurs.fr` en premier).
+
+1. Vous devez ensuite rajouter les entrées pour votre nom de domaine en éditant votre zone DNS (si vous n'y comprenez rien, faites-vous aider de l'admin) :
+
+	```
+	# L'entrée MX pour recevoir les e-mails
+	@  MX  10 smtp.deuxfleurs.fr.
+	# L'entrée SPF pour autoriser notre IP à délivrer des e-mails en votre nom 
+	@  TXT  "v=spf1 include:deuxfleurs.fr -all"
+	# L'entrée DKIM pour autoriser notre postfix+opendkim à délivrer des e-mails en votre nom
+	smtp._domainkey CNAME smtp._domainkey.deuxfleurs.fr.
+	# L'entrée DMARC pour indiquer le comportement à adopter si les contraintes précédentes ne sont pas satisfaites
+	_dmarc CNAME _dmarc.deuxfleurs.fr.
+	```
+
+1. À partir de ce point, vous pouvez envoyer et recevoir vos e-mails via notre infrastructure. [Suivez le Guide !](@/prise_en_main/email.md)
+
+	Il faudra par contre attendre 24/48h pour que les changements DNS se propagent dans le monde entier. Vous pourriez encore recevoir quelques e-mails chez votre ancien fournisseur dans l'intervalle. Passé ce délai, vérifiez dans l'interface e-mail de votre ancien fournisseur.
+
+1. Si vous avez sauvegardé vos e-mails sur votre machine, il est finalement temps de les envoyer sur les serveurs de Deuxfleurs (toujours avec l'aide optionnelle de l'admin, si vous êtes bloqué⋅e) :
+
+	* Assurez-vous d'avoir terminé la sauvegarde en étape 1.
+
+	* Trouvez sur votre machine le dossier contenant la configuration d'`imap-backup` et votre sauvegarde d'e-mails (`~/.imap-backup/` sur Linux). 
+
+	* Modifiez manuellement le fichier de configuration d'`imap-backup` et le nom du dossier de votre sauvegarde comme expliqué dans [le guide sus-cité](https://github.com/joeyates/imap-backup/blob/main/docs/migrate-server-keep-address.md). Imaginons que votre adresse mail est `moi@chezmoi.fr` :
+
+		* Remplacez à la ligne `username` votre e-mail par `moi-avant@chezmoi.fr` dans le fichier de configuration `config.json` d'`imap-backup`.
+		* Dans le même fichier, à la ligne `local_path`, remplacez le nom du dossier `moi_chezmoi.fr` par `moi-avant_chezmoi.fr`.
+		* Renommez le dossier `moi_chezmoi.fr` en `moi-avant_chezmoi.fr` dans le dossier d'`imap-backup`.
+
+	* Utilisez `imap-backup setup` pour renseigner vos identifiants Deuxfleurs (toujours le même e-mail, et votre mot de passe chez nous), ainsi que le serveur IMAP de Deuxfleurs (`imap.deuxfleurs.fr`).
+
+	* C'est le grand moment de la migration. Toujours en imaginant que votre adresse mail est `moi@chezmoi.fr`, lancez la commande suivante : 
+
+		```imap-backup migrate moi-avant@chezmoi.fr moi@chezmoi.fr --destination-delimiter "."```
+
+		La commande devrait produire peu de lignes, et vous devriez voir (par exemple sur [sogo.deuxfleurs.fr](https://sogo.deuxfleurs.fr)) vos anciens e-mails apparaître. Si ce n'est pas le cas, appelez à l'aide.
+
+		Une fois cette longue commande terminée, c'est terminé. Bienvenu⋅e chez nous :)
+

content/services/initialiser-votre-acces.md

@@ -0,0 +1,46 @@
+---
+title: Initialiser votre accès 
+description: Comment initialiser votre accès pour l'hébergement
+sort_by: weight
+weight: 20
+extra:
+  parent: services/web.md
+---
+De par l'utilisation de son logiciel Garage, Deuxfleurs conserve et sert les sites web en recourant au stockage objet. Pour chaque site, on a un bucket (seau en français), partageant le même nom que lui. On peut voir un bucket comme un récipient dans lequel on va mettre tout nos fichiers à publier. Créer un bucket ne prend que quelques clics depuis votre compte DeuxFleurs.
+
+# Créer un bucket pour héberger son site web
+
+* En bas de l'[interface de votre compte](https://guichet.deuxfleurs.fr), cliquez sur "Mes sites Web".
+* Cliquez sur "Nouveau site web".
+* Spécifiez le nom de domaine pour votre site (l'identifiant du site qu'on tape dans la barre URL d'un navigateur pour y accéder) :
+	* Si vous n'avez pas votre propre nom de domaine, votre site peut être rendu accessible dans un sous-domaine de `web.deuxfleurs.fr`. Dans l'onglet "Je n'ai pas de nom de domaine", entrez le sous domaine de votre choix.
+	* Si vous avez votre propre nom de domaine, entrez-le dans l'onglet "Utiliser mon propre nom de domaine". Il faudra alors [configurer votre serveur DNS pour pointer sur l'adresse d'hébergement chez DeuxFleurs](@/services/mettre-place-DNS.md).
+* Cliquez sur "Créer un nouveau site web" pour confirmer la création du bucket dans Garage.
+
+Pour copier les fichiers du site web dans le bucket et [publier le site web](@/services/publier-le-contenu.md), vous aurez besoin des clefs d'accès et des propriétés du bucket accessibles en cliquant sur "Mes identifiants".
+
+Les clefs d'accès permettent d'assurer que vous seul·e·s (ou celleux à qui vous partagez les clefs) peuvent modifier le contenu du site.
+ - L'identifiant de votre clé d'accès ressemble par exemple à `cSGcEQoInTVgkxPIzzF6IyU7C7`. Même s'il vaut mieux ne pas le crier sur tous les toits, il n'y a pas de risque de sécurité si vous le dévoilez à des gens.
+ - La clé d'accès secrète qui ressemble à `rCE6vzSVkll54FNd0Jvx7uoRsNqAXexxX1b3rm2BofquQKln6bdnDLRRli1dZbSS`, elle, comme son nom l'indique, doit absolument rester secrète. Si elle est dévoilée par accident, contactez un·e administrateur·rice immédiatement !
+
+# Du point de vue des administrateur·ice·s
+
+Pour les administrateur·ice·s, le bucket correspondant au site web apparaît comme :
+
+```
+$ sudo docker exec -ti 78e6b7e53241 /garage bucket list|grep -P 'exemple-un.fr|exemple-deux.eu'
+                                           4bdce6:exemple-un.fr                  56a0f10929f0d63d0177415a22a0b636cf1efe92845f2b00e04b91298656e78e
+  exemple-deux.eu                                                                941956ebfffa8fd564ad6b40e4bb5ac2f2b93bdbba1d1bf88fe6daff2cf4df6c
+```
+Si `exemple-un.fr` n'est pas à gauche dans la même colonne que `exemple-deux.eu`, c'est parce qu'il n'est pas réglé en global. L'administrateur·rice va corriger ça en faisant la commande suivante : 
+
+```
+garage bucket alias 56a0f10929f0d63d0177415a22a0b636cf1efe92845f2b00e04b91298656e78e exemple-un.fr
+``` 
+
+On obtient le résultat suivant :
+```
+  exemple-un.fr                                4bdce6:exemple-un.fr              56a0f10929f0d63d0177415a22a0b636cf1efe92845f2b00e04b91298656e78e
+  exemple-deux.eu                                                                941956ebfffa8fd564ad6b40e4bb5ac2f2b93bdbba1d1bf88fe6daff2cf4df6c
+```
+

content/services/jitsi.md

@@ -0,0 +1,26 @@
+---
+title: "Jitsi"
+description: "Visioconférence avec Jitsi"
+weight: 20
+extra:
+  parent: 'services/_index.md'
+---
+
+# Accéder à Jitsi
+
+-   [🌐 Accéder via le navigateur](https://jitsi.deuxfleurs.fr)
+-   [📥 Application Android (F-Droid)](https://f-droid.org/en/packages/org.jitsi.meet/)
+-   [📥 Application Android (Google Play Store)](https://play.google.com/store/apps/details?id=org.jitsi.meet&hl=fr)
+-   [📥 Application iOS](https://apps.apple.com/fr/app/jitsi-meet/id1165103905)
+
+# Bien s'entendre pendant la réunion
+
+Quelques conseils pour bien s'entendre pendant une réunion et passer un bon moment.
+
+**Améliorez le son :** l'idéal est d'avoir un casque avec microphone ou des écouteurs avec microphone pour capter le son au plus près de votre bouche et empêcher l'écho (que votre microphone capte ce qui sort sur les hauts parleurs). Si vous n'avez pas de casques ou d'écouteurs ou que vous êtes plusieurs, les ordinateurs portables récents captent mieux le son que les anciens, et généralement votre téléphone captera mieux le son que votre ordinateur. De plus, si vous êtes plusieurs, vous devez savoir que les microphones sont directifs : si vous êtes proches et bien en face de l'ordinateur, on vous entendra bien, sinon on ne vous entendra pas du tout ! En groupe, tournez l'ordinateur vers la personne qui parle ou mettez-vous bien en face pour parler !
+
+**Améliorez votre connexion :** la visioconférence est très sensible à la qualité de votre connexion internet. Si vous le pouvez, connectez votre ordinateur en filaire (cable ethernet) à votre *box* (routeur internet). Si vous souhaitez rester en sans-fil (wifi), essayez de vous rapprocher de votre *box*. Le type de connexion internet influencera également la qualité de votre visioconférence : la fibre est idéale, l'ADSL ou les réseaux mobiles (4G et 3G) sont plus incertains.
+
+**Réduisez vos usages :** Activer la vidéo peut causer des interruptions ou dégrader la qualité du son. Si vous n'avez pas besoin de la vidéo, désactivez là ou garder là seulement pour certains participants. Si vous ne parlez pas, vous pouvez également couper votre microphone. Il est possible de passer en mode "talkie walkie" sur ordinateur avec la touche espace. Vous maintenez la touche espace, votre micro est activé. Vous arrêtez d'appuyer sur la touche espace, votre micro est coupé.
+
+Si vous appliquez ces conseils, vous devriez arriver à communiquer sans peine. Bonnes communications !

content/services/matrix.md

@@ -0,0 +1,37 @@
+---
+title: "Matrix"
+description: "Messagerie Instantanée avec Matrix"
+date: "2024-08-19T15:10:33"
+dateCreated: "2021-11-09T12:13:36.265Z"
+weight: 10
+extra:
+  parent: 'services/_index.md'
+---
+
+Matrix est un réseau de communication instantanée que vous pouvez utiliser pour rester en contact
+avec votre famille, avec vos amis ou avec votre collectif ou association.
+
+# Accéder à Matrix
+
+-   [🌐 Accéder via le navigateur](https://riot.deuxfleurs.fr)
+-   [📥 Application Android (F-Droid)](https://f-droid.org/fr/packages/im.vector.app)
+-   [📥 Application Android (Google Play Store)](https://play.google.com/store/apps/details?id=im.vector.app&hl=fr)
+-   [📥 Application iOS](https://apps.apple.com/fr/app/riot-im/id1083446067)
+
+# Inscription & utilisation
+
+Nous avons fait un guide complet sur comment intaller et utiliser le réseau Matrix à partir de zéro [ici](@/services/guide_installation.md). Il est inspiré de [celui créé par Adrien](https://guide.zinz.dev).
+
+# Nos salons Deuxfleurs
+
+Deuxfleurs a une pléthore de salons sur Matrix. C'est vraiment à cet endroit qu'on discute le plus entre nous. Le mieux pour les découvrir, c'est de rejoindre notre « espace » (un annuaire de salons et de personnes) qui s'appelle [#la-cabane:deuxfleurs.fr](https://matrix.to/#/#la-cabane:deuxfleurs.fr) et qui ressemble à ça :
+
+![espace_matrix_3salons.png](/img/matrix.png)
+
+À l'intérieur de cet espace, on vous recommande notamment les salons suivants :
+
+* [deuxfleurs::asso](https://matrix.to/#/#deuxfleurs:deuxfleurs.fr) où l'on parle de l'association.
+* [deuxfleurs::forum](https://matrix.to/#/#forum:deuxfleurs.fr) où l'on discute beaucoup des questions de numérique et société mais pas que.
+* [deuxfleurs::infra](https://matrix.to/#/#tech:deuxfleurs.fr) où l'on parle « techniques » (informatique, notamment).
+* [deuxfleurs::usages](https://matrix.to/#/#usages:deuxfleurs.fr) où l'on parle « usages » des services fournis par DeuxFleurs: bugs, problèmes, questions, remarques, souhaits, idées.
+

content/services/mettre-place-DNS.md

@@ -0,0 +1,28 @@
+---
+title: "Mettre en place le DNS"
+description: "Mise en place du nom de domaine"
+date: 2022-09-01
+weight: 30
+extra:
+  parent: "services/web.md"
+---
+<!-- TODO -->
+<!-- # Louer son nom de domaine  -->
+<!-- Les noms de domaine sont gérés et loués par les _registraires de nom de domaine_. Ce sont eux qui proposent aux clients finaux de réserver des noms. On peut citer [Gandi](https://www.gandi.net/fr), [OVHcloud](https://www.ovhcloud.com/fr/), ou [Scaleway](https://www.scaleway.com/fr/) par exemple. Lorsqu'on veut s'offrir `exemple-un.fr` notamment, c'est chez eux que ça se passe; ensuite, à leur tour, ils vont enregistrer notre demande auprès de l'organisme correspondant à l'extension choisie : l'association française [AFNIC](https://www.afnic.fr/) pour `.fr`, l'association états-unienne [Public Internet Registry ](https://thenew.org/) pour `.org`, l'association européenne (belge en particulier) [EURid](https://eurid.eu/fr/) pour `.eu`... Nous recommandons de privilégier l'une de ces trois extensions parmis la myriade qui existe, car ces entités ont pour historique de ne pas augmenter arbitrairement les prix tout en garantissant la disponibilité de votre nom de domaine. -->
+
+<!-- Pour référence, la location d'un nom de domaine en `.fr` est d'environ 12 euros par an. Certaines offres vous fournissent «des extras» en plus comme une boîte courriel, sans que ça n'influe grandement sur les prix. En ce qui nous concerne, Gandi est un des registraires que nous recommandons. -->
+
+<!-- ## Utiliser directement le nom de domaine ou un sous-domaine ? -->
+
+<!-- Une question importante est de choisir si on veut utiliser directement son nom de domaine (`example.com`) -->
+<!-- ou alors un sous-domaine, par exemple `blog.example.com`. -->
+
+<!-- Utiliser un sous-domaine comme `www.example.com` ou `blog.example.com` fonctionnera chez tous les hébergeurs DNS -->
+<!-- et avec tous les logiciels DNS standards. -->
+
+<!-- À l'inverse, utiliser le nom de domaine directement (c'est-à-dire l'apex, ici `example.com`) impose certaines contraintes techniques. Celles-ci sont détaillées dans la page [CNAME à l'apex](@/services/DNS-CNAME-apex.md). -->
+<!-- Tous les registraires de nom de domaine ne proposent pas de champs `ALIAS` comme expliqué. C'est cependant le cas de Gandi et de Scaleway. -->
+
+<!-- Pour configurer l'hébergement de votre site derrière le nom de domaine simple, ou apex : -->
+<!-- - [C'est par ici si vous êtes chez Gandi](@/services/configurer_apex_Gandi.md) -->
+<!-- - [C'est par ici si vous êtes chez Scaleway](@/services/configurer_apex_Scaleway.md) -->

content/services/plume.md

@@ -0,0 +1,19 @@
+---
+title: Plume
+description: Plume
+weight: 50
+extra:
+  parent: 'services/_index.md'
+---
+
+<!-- TODO -->
+# Accéder à Plume
+
+- [🌐 Accéder via le navigateur](https://plume.deuxfleurs.fr)
+
+<!-- # Le Fédiverse -->
+
+<!-- # S'abonner -->
+
+<!-- # Créer du contenu -->
+

content/services/publier-le-contenu.md

@@ -0,0 +1,11 @@
+---
+title: Publier du contenu
+description: Comment publier votre contenu en ligne 
+sort_by: weight
+weight: 50
+extra:
+  parent: services/web.md
+---
+ <!-- TODO -->
+
+# Title 

content/services/statique-comment-ça.md

@@ -0,0 +1,18 @@
+---
+title: Statique,  comment ça ? 
+description: Qu'est ce qu'un site web statique et pourquoi
+sort_by: weight
+weight: 10
+extra:
+  parent: services/web.md
+---
+
+Au commencement du web (au début des années 90), le contenu présent en ligne était statique : quand un client veut un fichier ou une page, il spécifie le chemin via un URL, et le serveur répond tout le temps la même chose. Dès le milieu des années 90 ont apparu au sein du web des pages dynamiques, avec [CGI](https://fr.wikipedia.org/wiki/Common_Gateway_Interface) et [PHP](https://fr.wikipedia.org/wiki/PHP). Pour une même page, le serveur peut répondre un contenu différent, variant selon des paramètres rajoutés en fin de chemin URL, selon des données dans la mémoire du serveur, ou selon n'importe quel facteur qui passe par la tête du développeur.
+
+Avec Javascript, qui date de la même époque, une confusion se pose souvent : beaucoup de contenus statiques passent pour du dynamique aux yeux de l'internaute. Il faut alors rappeler une distinction importante : le code Javascript livré avec un site s'exécute côté client, c'est-à-dire sur l'ordinateur ou le téléphone de l'internaute. À contrario, le CGI ou PHP s'exécute côté serveur, c'est-à-dire sur la machine administrée par le propriétaire du site. Selon ce qu'on veut faire, il faut choisir l'un ou l'autre.
+
+Quelques exemples pour comprendre cette dichotomie : je gère une boutique en ligne, et je veux que le stock de mes produits s'affiche quand un client consulte mon site ? Il faut faire ça côté serveur, car seul lui connaît les stocks. Je veux mettre en place des décors interactifs avec la souris ? Il faut faire ça côté client, car seul lui connaît la position du curseur. Là où le bât blesse, c'est que certaines choses peuvent être faites des deux côtés, par exemple afficher l'heure sur une page.
+
+En proposant un site statique on réduit fortement le besoin d'infrastructure du côté serveur en déplacant le calcul sur des terminaux déjà existant : votre téléphone ou ordinateur. De ce fait on réduit le besoin de nouveaux matériel qui est très couteux d'un point de vue environnemental (la vidéo de [François Jarrige / Fanny Lopez | La Manufacture d'idées 2022](https://www.youtube.com/watch?v=wwFFWPK-CF8) à ce sujet).
+
+En conclusion, une page statique peut proposer des interactions et des effets quelconques, et même se comporter comme une application, car l'interactivité est gérée uniquement par votre ordinateur. Dans ce modèle, par contre, le serveur web se contente simplement de vous envoyer les données que vous lui demandez, sans exécuter de logique complexe, réduisant ainsi l'impact environnemental du site. 

content/services/web.md

@@ -0,0 +1,40 @@
+---
+title: Site web
+description: Héberger un site web
+sort_by: weight
+weight: 60
+extra:
+  parent: services/_index.md
+---
+
+<!-- TODO -->
+
+Vous avez toujours souhaitez avoir votre propre site web ? Que ça soit pour communiquer pour une association, à propos de vous ou simplement publier ce qui vous intéresse de manière indépendante ? 
+Deuxfleurs peut vous aider en vous fournissant l'hébergement. Suivez le guide !
+
+1. [Statique ? Comment ça ?](@/services/statique-comment-ça.md)
+2. [Initialiser votre accès](@/services/initialiser-votre-acces.md)
+3. [Mettre en place le DNS](@/services/mettre-place-DNS.md)
+4. [Créer du contenu](@/services/creer-du-contenu.md)
+5. [Publier le contenu](@/services/publier-le-contenu.md)
+
+# Ils nous font confiance pour leur site web
+
+- [declic-lelivre.com](https://declic-lelivre.com) - _Exploitation des données privées, surveillance généralisée, addiction au smartphone, disparition de pans entiers de l'économie... Les critiques du monde du numérique ne cessent de s'amplifier ; difficile d'ignorer les conséquences de l'utilisation d'Amazon, Facebook, Google, Instagram ou Netflix. Et s'il existait un autre Internet, respectueux de nos libertés ?_
+- [envieappartagee.fr](https://www.envieappartagee.fr) - _Association Envie Appart'Agée, projet de coloc Alzheimer pour habiter et être accompagné autrement en Vendée._
+- [wanderearth.fr](https://wanderearth.fr/) - _Blog voyage à vélo low-tech._
+- [www.osuny.org](https://www.osuny.org/) - _Osuny est une solution technique spécialement conçue pour les universités, laboratoires de recherches et écoles supérieures permettant de créer des sites Web entièrement personnalisés, les plus sobres, les plus accessibles et les plus sécurisés possibles_.
+- [giraud.eu](https://giraud.eu) - _Site d'un ingénieur en informatique_
+- [anneprudhomoz.fr](https://anneprudhomoz.fr) - _De la terre, du fer, de l'eau, beaucoup de feu, un peu d'huile, encore du béton et du plâtre ! ... sans oublier le crayon à papier et les carnets._
+- [courderec.re](https://courderec.re) - _Groupe de musique. De la pop synthé qui décoiffe._
+- [colineaubert.com](https://colineaubert.com) - _D'un côté graphiste, illustratrice et conceptrice d'outils pédagogiques, je mets en images et en mots différents sujets scientifiques et culturels._
+- [estherbouquet.com](https://estherbouquet.com) - _Esther Bouquet questions how narratives—both historical and literary—are being built by creating tangible experiences ranging from the size of the sheet of paper to the volume of a space; somewhere between writing, archiving, drawing, designing, and programming._
+- [quentin.dufour.io](https://quentin.dufour.io) - _Portfolio et blog d'un ingénieur en informatique_
+- [erwan.dufour.io](https://erwan.dufour.io) - _Portfolio et blog d'un passionné d'électronique_
+- [luxeylab.net](https://luxeylab.net) - _Site d'un prof en informatique_
+- [eric.dufour.io](https://eric.dufour.io) _- Appui au montage de projets de bioéconomie circulaire._
+- [www.clairebernstein.photo](https://www.clairebernstein.photo/) - _Portfolio photographique._
+- et de nombreux autres!
+
+
+