From 29d85d64785687f8ab0b893539dfda3976f39706 Mon Sep 17 00:00:00 2001 From: Adrien Luxey Date: Sat, 16 May 2020 13:50:02 +0200 Subject: page 'sites web' et des espaces au lieu des _ --- src/Association/AG 1.md | 51 +++++++++ src/Association/AG1.md | 51 --------- "src/Association/R\303\251union 1.md" | 135 ++++++++++++++++++++++ "src/Association/R\303\251union 2.md" | 206 ++++++++++++++++++++++++++++++++++ "src/Association/R\303\251union_1.md" | 135 ---------------------- "src/Association/R\303\251union_2.md" | 206 ---------------------------------- src/Guide/Sites web.md | 20 ++++ src/index.pug | 8 +- 8 files changed, 416 insertions(+), 396 deletions(-) create mode 100644 src/Association/AG 1.md delete mode 100644 src/Association/AG1.md create mode 100644 "src/Association/R\303\251union 1.md" create mode 100644 "src/Association/R\303\251union 2.md" delete mode 100644 "src/Association/R\303\251union_1.md" delete mode 100644 "src/Association/R\303\251union_2.md" create mode 100644 src/Guide/Sites web.md diff --git a/src/Association/AG 1.md b/src/Association/AG 1.md new file mode 100644 index 0000000..802f596 --- /dev/null +++ b/src/Association/AG 1.md @@ -0,0 +1,51 @@ +# Assemblée Générale Constitutive + +Le 13 janvier 2020 à 19 heures, les fondateurs de l'association +Deuxfleurs se sont réunis en assemblée générale constitutive au 24 rue +des Tanneurs à Rennes. Sont présents Adrien, Alex, Anaïs, Axelle, +Louison, Maximilien, Quentin, Rémi et Vincent. + +L'assemblée générale désigne Adrien en qualité de président de +séance et Quentin en qualité de secrétaire de séance. Le +président de séance met à la disposition des présents le projet de +statuts de l'association et l'état des actes passés pour le compte de +l'association en formation. + +Puis il rappelle que l'assemblée générale constitutive est appelée à +statuer sur l'ordre du jour suivant : + +- présentation du projet de constitution de l'association ; +- présentation du projet de statuts ; +- adoption des statuts ; +- désignation des premiers membres du conseil ; +- pouvoirs en vue des formalités de déclaration et publication. + +Enfin, le président de séance expose les motifs du projet de création de +l'association et commente le projet de statuts. Il ouvre la discussion. +Un débat s'instaure entre les membres de l'assemblée. + +Après quoi, personne ne demandant plus la parole, le président met +successivement aux voix les délibérations suivantes. + +## 1e délibération + +L'assemblée générale adopte les statuts dont le projet lui a été soumis. +Cette délibération est adoptée à l'unanimité. + +## 2e délibération + +L'assemblée générale constitutive désigne en qualité de premiers membres +du conseil d'administration : + +- Adrien +- Alex +- Maximilien +- Quentin +- Vincent + +Conformément aux statuts, cette désignation est faite pour une durée +expirant lors de l'assemblée générale qui sera appelée à statuer sur les +comptes de l'exercice clos le 13 janvier 2021. Les membres du conseil +ainsi désignés acceptent leurs fonctions + +Nom, prénom et signature du président et du secrétaire de séance diff --git a/src/Association/AG1.md b/src/Association/AG1.md deleted file mode 100644 index 802f596..0000000 --- a/src/Association/AG1.md +++ /dev/null @@ -1,51 +0,0 @@ -# Assemblée Générale Constitutive - -Le 13 janvier 2020 à 19 heures, les fondateurs de l'association -Deuxfleurs se sont réunis en assemblée générale constitutive au 24 rue -des Tanneurs à Rennes. Sont présents Adrien, Alex, Anaïs, Axelle, -Louison, Maximilien, Quentin, Rémi et Vincent. - -L'assemblée générale désigne Adrien en qualité de président de -séance et Quentin en qualité de secrétaire de séance. Le -président de séance met à la disposition des présents le projet de -statuts de l'association et l'état des actes passés pour le compte de -l'association en formation. - -Puis il rappelle que l'assemblée générale constitutive est appelée à -statuer sur l'ordre du jour suivant : - -- présentation du projet de constitution de l'association ; -- présentation du projet de statuts ; -- adoption des statuts ; -- désignation des premiers membres du conseil ; -- pouvoirs en vue des formalités de déclaration et publication. - -Enfin, le président de séance expose les motifs du projet de création de -l'association et commente le projet de statuts. Il ouvre la discussion. -Un débat s'instaure entre les membres de l'assemblée. - -Après quoi, personne ne demandant plus la parole, le président met -successivement aux voix les délibérations suivantes. - -## 1e délibération - -L'assemblée générale adopte les statuts dont le projet lui a été soumis. -Cette délibération est adoptée à l'unanimité. - -## 2e délibération - -L'assemblée générale constitutive désigne en qualité de premiers membres -du conseil d'administration : - -- Adrien -- Alex -- Maximilien -- Quentin -- Vincent - -Conformément aux statuts, cette désignation est faite pour une durée -expirant lors de l'assemblée générale qui sera appelée à statuer sur les -comptes de l'exercice clos le 13 janvier 2021. Les membres du conseil -ainsi désignés acceptent leurs fonctions - -Nom, prénom et signature du président et du secrétaire de séance diff --git "a/src/Association/R\303\251union 1.md" "b/src/Association/R\303\251union 1.md" new file mode 100644 index 0000000..87dc2fa --- /dev/null +++ "b/src/Association/R\303\251union 1.md" @@ -0,0 +1,135 @@ +## Première réunion de travail + +Date : Février 2020 + +Présent : Quentin, Alex, Maximilien, Vincent +Remote : Simon +Invité : Tom + +> Maximilien prends des notes. + +https://p.adnab.me/pad/#/2/pad/edit/VOqs46ZeH7iR2EnL63xeXxHP/ + +Depuis l'AG 1 +------------- + +Quentin (anime la réunion) : + +- Migration DNS (depuis Cloudflare vers Online) +- Ajout domaine deuxfleurs.org (acheté par Maximilien) +- Quentin explique la partie technique +- Alex explique les avancées sur la partie LDAP/authentification basée sur consul (bottin + guichet) +- Ajout de l'invitation dans guichet (lien à usage unique) +- Nettoyage des comptes LDAP +- Mettre une étiquette deuxfleurs sur la boite de Quentin +- Discussion avec Jaxom & Almet sur l'hébergement +- Le site web c'est important, tout le monde en parle +- Refondre la partie graphique pour la rendre plus attrayante et moins RFC-like +- Alex s'est lancé dans du dev de bridge matrix qui fonctionne pour mattermost et XMPP +- Le bridge mattermost focntionne pas mal + +Ce que l'on n'a pas encore fait +------------------------------- + +Banque : la moitié des cotisations part dans une banque +Décision de faire un pot commun ? +Continuer sans ? (mais c'est dans les statuts) + +> Vote : trésorerie en liquide jusqu'à 200€ +> Sinon on dépense ou bien on ouvre un compte + +- 200€ : contre 0, neutre 0, unanimité pour +- Fonctionner en pot commun : contre 0, neutre 0, unanimité pour + +**Motion voté.** + +### Gestion de la comptabilité + +Quentin a un compte courant vide. Mais à son avis pas une bonne idéee. +Gestion de la comptabilité sur un logiciel (lequel ?) +Trésorier ? + +Alex a trouvé une boite. + +> Vote : Alex est le gardien de la boite qui contient les cotisations dans la limite de 200€ +> Contre : 0, Neutre 0, Unanimité + +Pour le choix du logiciel, Maximilien enverra un mail avec des solutions. L'idée de base est de mettre le fichier dans un repo git (facilement backupé et consultable), avec des commit signés. + +Pour les présents, les cotisations sont payables à la fin de l'AG. + +### Charte + +Trouver pour la prochaine AG (voire avant) une base. Maximilien doit envoyer des idées sur la base de ce qui est fait en conférence. Quentin envoie des idées pour les projets Open-Source. + +### Site web + +Intégrer la documentation au site web, afin qu'elle soit consultable et plus transparent par rapport aux infrastructures. + +Outil pour build du Markdown avec un blog statique. +Utiliser les outils de templating des trucs web. + +Quentin fera une proposition. +Simon : Les gens qui font des choses se doivent de les documenter. + +À qui s'adresse la documentation : +- tout ce qui tourne autour de l'administration +- de l'accessibilité +- la partie technique + +Répliquer le gitea d'Adrien (Maximilien va leur faire sur le sien). + +### Lieux de réunion + +Vincent propose le salon de thé (on peut commander un café), mais on est trop bruyant ? + +Pas de souci tant que l'on rentre dans un salon de chez quelqu'un (jusqu'à 10-12 personnes) + +Les objectifs +------------- + +Quentin : but original du CHATON, documenter l'auto-hébergement distribué, fournir des services que tu gères toi-même, sans manipulation ni tracking + +Trois niveaux : +- petits services +- backups et disaster-recovery +- CHATON (candidature chez framasoft et référencement) : l'objectif est-il d'obtenir le label ou bien simplement de s'inspirer de leur idéal ? + +> Simon : pour la partie non technique, sauf si cela présente un effort technique trop important. +> Quentin : leur cahier des charges n'est pas aberrant et pourrait être un guide sur le développement de l'infra + +**TODO** : faire un document de travail (Quentin a fait une milestone dans le gitea) +- géo-distribué (résilient à la perte d'une machine/d'un site - penser datacenter) + +**TARGET** soumettre une candidature _CHATON_ dans 6 mois + +Pour la géo-distribution, Quentin préconise le backend S3-compatible +Approche totalement différente des ressources. + +Débat à suivre. + +### Recommandations + +Quentin : si jamais on embarque des gens et que l'on leur fait faux bond, on dessert la cause de l'hébergement participatif. + +Alex : il est de la responsabilité des personnes qui créent un compte de s'informer des limites + +Simon : par cooptation : chacun voit midi à sa porte. + +> Vote : Maximilie propose l'ajout d'un avertissement sur le formulaire d'inscription de guichet. La rédaction du bloc de text est laissé à Maximilien, et soumise à l'approbation du prochain conseil d'afministration. +> Contre : 0, Neutre 0, Unanimité + +Repasser sur le document de travail +----------------------------------- + +Alex : priorité de faire le site web et d'avoir une solution facilement éditable pour les PV d'AG & co (pas tout le temps dépendre des pads) + +Quentin : les PV en PDF sont stockés dans un repos + +Retex de Toms +------------- + +Toms est intéressé pour rejoindre l'association. +Pas assez de vison pour savoir si c'est réalisable. + +Quentin montre la nouvelle maquette du site web. diff --git "a/src/Association/R\303\251union 2.md" "b/src/Association/R\303\251union 2.md" new file mode 100644 index 0000000..520e31c --- /dev/null +++ "b/src/Association/R\303\251union 2.md" @@ -0,0 +1,206 @@ +# Deuxième réunion de travail + +## Lieu et date + +Date : 10h le samedi 16 mai 2020 + +Lieu : [jitsi.deuxfleurs.fr/asso](https://jitsi.deuxfleurs.fr/asso) + +## Compte rendu + +Alex, Max, Adrien, Vincent, Quentin + +On s'accorde sur le temps accordé aux 3 grandes parties + + - 15 min les valeurs + - 30 min le debrief + - 30 min les objectifs + +### Discussion sur les valeurs + +Pour les valeurs, Quentin présente une liste d'objectifs qui lui semble importants. +Réorganisation de la structure sous forme des valeurs. +Essaye de donner des éléments précis / une sorte de note d'intention pour plus tard. + +Proposition d'Adrien : + - notre -> la + +### Point sur les droits + +Clarifier le process d'ajout de nouveaux membres administrateurs de l'infrastructure. + +Est identifié comme relatif à l'infrastructure : + - L'accès à l'organisation Deuxfleurs de git (infrastructure, etc.) + - L'accès à la solution d'interconnexion des services (Consul Connect, VPN) + +### Debrief des deux mois + + +#### Site web + +Le premier point c'est le déploiement du site web. +On push des fichiers Markdown et le site se met à jour tout seul (generateur statique + webhook) +Point fort : facilitation de la modification de contenu à condition de savoir utiliser Git, rapide + +Design graphique : on pourrait engager un designer graphique. Mais probablement le payer. + +Contenu fouilli : ça évolue beaucoup. + +Est ce qu'on pourrait faire un blog aggrégateur de contenu ? +Plateforme de hosting ? + +Pour l'instant le plus simple serait de mettre un planet. +Vincent, Adrien et moi aurions des choses à dire pour un planet. +Quelques idées d'articles : + + - J'en ai marre de Google, aidez-moi ! + - Je hais mon smartphone + - Sobriété numérique : nos réflexions (à bas les petits gestes) + +Pour plus tard, pour le [hosting](https://getpublii.com/). + +#### Jitsi + +Focus sur quelques points : + - Voix aigues (femmes) qui ne passent pas (Codec low bitrate ? Firmware ? Micro) + - Configuration du videobridge qui change (hack routing nginx) + - Point sur l'avancement Firefox à faire à la prochaine réunion + +Rémi a mis en place son jitsi également. +Alex a utilisé le Jitsi avec 15 personnes. + +#### Garage + +Objectif : remplacer GlusterFS trop lent / trop buggé. +Veut se faire passer pour un "vrai" système de fichiers qui pourrait être une raison des lenteurs. +À la place on voudrait cibler plus simple : un object storage. +State of the art : le plus prometteur est Minio mais restrictions bizarres. + +Alex a fait de Garage son projet de confinement. +On a une version "beta" qui fonctionne avec Nextcloud. + +Question qui reste en suspens : la fiabilité ? +Le modèle : les données sont répliquées 3 fois. + +Si tu as des machines sur des sites/datacenters différents, tu peux les dispatcher sur différents datacenters. +À quel point la solution est fiable ? +Il faudrait faire des tests : analyser plus le code. + +Soucis techniques : congestion entre datacenters. +Controler le nombre de requetes que tu envoies. + +On ne voudrait pas détruire l'information directement. +Backup vs suppression de données. + +Vincent pense à la suppression scabreuse de Facebook qui ne faisait que déréférancer [référence](https://arstechnica.com/information-technology/2010/10/facebook-may-be-making-strides/). +Préciser la politique (30 jours, un admin peut y accéder, elles peuvent être restaurées en cas d'accident majeur). + +#### [Garage Kids](https://codelyoko.fandom.com/fr/wiki/Garage_Kids) : foire à l'espace disque + +Commencer les expérimentations sur Garage. + +Liste de l'espace disque : + - Quentin 3 x 1To + - Adrien (un NAS plus tard ?! Ses parents ?! Synology ouvert ?! [docker](https://www.synology.com/fr-fr/dsm/packages/Docker)) + +Stockage des backups : + - Offsite ? + - Dans Garage ? + +Adrien pensait du backup avec des rsync/tar. +Adrien a commencé à faire du backup. + +Maximilien met à disposition un VM pour le backup de la stack chez Quentin + +#### Interconnexion + +Battle Royal : VPN vs Service Mesh + +Contexte/But : Essayer d'avoir des machines dans différents datacenters. On voudrait les interconnecter entre elles. +Le cas d'usage c'est le LDAP, pour le consommer depuis des machines. +Wireguard est un module noyau, bonne efficacité. + +Trouver comment on va expérimenter l'interconnexion. +On aurait besoin de VM derrière des NAT -> réalisme du déploiement. + +## (Archives) Ordre du jour + +- Nos valeurs : + - protèger notre vie privée + - économie de la surveillance + - défendre notre liberté d'expression + - économie de la surveillance + - ne pas se laisser manipuler + - économie de l'attention + - choisir la sobriété numérique + - prendre les décisions ensemble + - mettre en commun nos connaissances et nos infrastructures + - consommation excessive (obsolescence, incompatibilités, gadgets) + - protection libertés: + - on ne censure pas - dans les limites de la loi - ce que vous voulez partager + - ne vous manipule pas + - on répond à un besoin, on fournit des outils + - on n'essaye pas d'augmenter le temps passé sur nos services + - on ne propose pas de recommandations automatisées ou d'algorithmes "boite noire" dont le fonctionnement serait inconnu ou inexplicable + - on valorise la transparence, tout est public par défaut (comme nos compte-rendus d'AG ou notre documentation technique) + - promeut la sobriété numérique: + - on réutilise du vieux matériel tant qu'on peut + - on optimise le logiciel + - solidaires ([définition 2 du CNRTL](https://www.cnrtl.fr/definition/solidaire), peut etre pas le bon mot) + - choix de services grand public (jitsi plutôt que mumble, matrix plutot que IRC, etc.) + - documentation / aide pour l'utilisation de ces services + - valoriser et légitimer l'accompagnement humain dans l'usage des services, mis en valeur par le choix du parrainage. + - participatif + - mettre en commun le savoir + - Déploiement de Jitsi + - mettre en commun le code + - Code publié sous license libre + - mettre en commun les infrastructures + - backups chez Maximilien + - git chez Adrien + - matrix chez Quentin + - faire les choix collectivement, diluer le pouvoir + - association collégiale +- Temps de discussion avec les nouveaux / invités +- Debrief des deux mois + - Déploiement du site web + - Déploiement et debug du Jitsi + - Manque de doc : gestion du TURN + - User and Developer Experience pretty bad + - Problème avec le traitement de l'audio : voix féminines coupées + - Succès dans mon entourage + - Échec sur l'ADSL + - Conclusion : la pire solution de VoIP à l'exception de toutes les autres ! + - Développement de Garage + - Soucis de congestion entre datacenters: gestion des connexions sortantes à améliorer + - Opérations de suppression: TODO garder les vieilles versions pour un certain temps (30 jours) pour éviter toute fausse manip + - Ça semble fonctionner bien avec NextCloud + - Est-on prêts à se lancer dans un test grandeur nature ? +- Interconnectons nos infrastructures. [Plus d'informations par ici](/Technique/Jalon/Interconnexion.html) +- La foire à l'espace disque : échangeons nos backups ! + - Quels espaces sont déjà disponibles ? + - Quels projets de développement ? (Adrien se paiera un NAS, un jour. Max a fourni un serveur à installer.) + - Mes parents (Adrien) ont un Synology. Ca sert à autre chose que le chauffage ? Ya moyen de l'exploiter ? +- Le site web + - Problèmes : + - UI pas responsive (ça reste lisible néanmoins) + - Quentin : Problème réglé + - Esthétique à améliorer : je veux des roses cyberpunk. + - On connaît des designers motivés ? + - Contenu fouillis, manque de contexte + - Réfléchir à une structure + - Quels sont les objectifs et contraintes du site ? + - Quentin mentionnait un besoin de fonctionner sans JS, une page légère... On pourrait en discuter et mettre ça au propre ? + - Quentin : [Comment créer un site web basse technologie](https://solar.lowtechmagazine.com/fr/2018/09/how-to-build-a-lowtech-website.html) : ici ce n'est pas l'économie d'énergie du serveur qui nous intéresse mais une compatibilité fluide avec les vieux terminaux et les mauvaises connectivités mobiles. Je sais de quoi je parle, mes parents ont un ADSL de piètre qualité. + - Quentin : C'est d'autant plus important qu'en favorisant de vieille machines derrière des connexions domestique, on a une contrainte de départ plus forte sur le matériel et on a pas de CDN pour masquer le manque d'opti/lourdeur du site web traditionnel + - Adrien dit : "Fuck SCSS/SASS, vive CSS" + - Framework HTML/CSS + - "cross-browser consistency" au minimum ([normalize.css](http://nicolasgallagher.com/about-normalize-css/)) + - responsive design & utilities ([Foundation](https://get.foundation/sites/docs/), [Pure](https://purecss.io/), Bootstrap... Adrien connaît bien Foundation, un truc comme Pure serait plus léger) + - Quentin : À voir ce que les frameworks apportent de plus une fois un reset CSS + flexbox + media queries en place. Qui plus est, tout n'est pas configurable dans bootstrap et on se retrouve vite à empiler des hacks. + - On fait un blog ? + - J'ai (Adrien) quelques projets de guides et d'articles sur les libertés numériques - j'imagine que vous aussi. On pourrait proposer des articles sur blog.deuxfleurs.fr, et/ou faire un agrégateur de nos propres blogs (si vous en avez tous un, moi pas). + - Quentin : Dans l'absolu si on peut faire le blog sur la meme plateforme que le site web, je trouverais ça bien. Sinon, un truc à penser ce serait ActivityPub pour que les gens puissent suivre le blog dans leur Mastodon par exemple, aka le Fediverse. + - Quentin : Voir si blog peut être sur Mobilizon et déployer une instance de ce dernier donc si on veut de l'ActivityPub et qu'on peut pas l'intégrer sur le site statique. + +*N'hésitez pas à compléter ce document en modifiant le fichier `src/Association/Réunion_2.md` du [dépôt du site Deuxfleurs](https://git.deuxfleurs.fr/Deuxfleurs/site)* diff --git "a/src/Association/R\303\251union_1.md" "b/src/Association/R\303\251union_1.md" deleted file mode 100644 index 87dc2fa..0000000 --- "a/src/Association/R\303\251union_1.md" +++ /dev/null @@ -1,135 +0,0 @@ -## Première réunion de travail - -Date : Février 2020 - -Présent : Quentin, Alex, Maximilien, Vincent -Remote : Simon -Invité : Tom - -> Maximilien prends des notes. - -https://p.adnab.me/pad/#/2/pad/edit/VOqs46ZeH7iR2EnL63xeXxHP/ - -Depuis l'AG 1 -------------- - -Quentin (anime la réunion) : - -- Migration DNS (depuis Cloudflare vers Online) -- Ajout domaine deuxfleurs.org (acheté par Maximilien) -- Quentin explique la partie technique -- Alex explique les avancées sur la partie LDAP/authentification basée sur consul (bottin + guichet) -- Ajout de l'invitation dans guichet (lien à usage unique) -- Nettoyage des comptes LDAP -- Mettre une étiquette deuxfleurs sur la boite de Quentin -- Discussion avec Jaxom & Almet sur l'hébergement -- Le site web c'est important, tout le monde en parle -- Refondre la partie graphique pour la rendre plus attrayante et moins RFC-like -- Alex s'est lancé dans du dev de bridge matrix qui fonctionne pour mattermost et XMPP -- Le bridge mattermost focntionne pas mal - -Ce que l'on n'a pas encore fait -------------------------------- - -Banque : la moitié des cotisations part dans une banque -Décision de faire un pot commun ? -Continuer sans ? (mais c'est dans les statuts) - -> Vote : trésorerie en liquide jusqu'à 200€ -> Sinon on dépense ou bien on ouvre un compte - -- 200€ : contre 0, neutre 0, unanimité pour -- Fonctionner en pot commun : contre 0, neutre 0, unanimité pour - -**Motion voté.** - -### Gestion de la comptabilité - -Quentin a un compte courant vide. Mais à son avis pas une bonne idéee. -Gestion de la comptabilité sur un logiciel (lequel ?) -Trésorier ? - -Alex a trouvé une boite. - -> Vote : Alex est le gardien de la boite qui contient les cotisations dans la limite de 200€ -> Contre : 0, Neutre 0, Unanimité - -Pour le choix du logiciel, Maximilien enverra un mail avec des solutions. L'idée de base est de mettre le fichier dans un repo git (facilement backupé et consultable), avec des commit signés. - -Pour les présents, les cotisations sont payables à la fin de l'AG. - -### Charte - -Trouver pour la prochaine AG (voire avant) une base. Maximilien doit envoyer des idées sur la base de ce qui est fait en conférence. Quentin envoie des idées pour les projets Open-Source. - -### Site web - -Intégrer la documentation au site web, afin qu'elle soit consultable et plus transparent par rapport aux infrastructures. - -Outil pour build du Markdown avec un blog statique. -Utiliser les outils de templating des trucs web. - -Quentin fera une proposition. -Simon : Les gens qui font des choses se doivent de les documenter. - -À qui s'adresse la documentation : -- tout ce qui tourne autour de l'administration -- de l'accessibilité -- la partie technique - -Répliquer le gitea d'Adrien (Maximilien va leur faire sur le sien). - -### Lieux de réunion - -Vincent propose le salon de thé (on peut commander un café), mais on est trop bruyant ? - -Pas de souci tant que l'on rentre dans un salon de chez quelqu'un (jusqu'à 10-12 personnes) - -Les objectifs -------------- - -Quentin : but original du CHATON, documenter l'auto-hébergement distribué, fournir des services que tu gères toi-même, sans manipulation ni tracking - -Trois niveaux : -- petits services -- backups et disaster-recovery -- CHATON (candidature chez framasoft et référencement) : l'objectif est-il d'obtenir le label ou bien simplement de s'inspirer de leur idéal ? - -> Simon : pour la partie non technique, sauf si cela présente un effort technique trop important. -> Quentin : leur cahier des charges n'est pas aberrant et pourrait être un guide sur le développement de l'infra - -**TODO** : faire un document de travail (Quentin a fait une milestone dans le gitea) -- géo-distribué (résilient à la perte d'une machine/d'un site - penser datacenter) - -**TARGET** soumettre une candidature _CHATON_ dans 6 mois - -Pour la géo-distribution, Quentin préconise le backend S3-compatible -Approche totalement différente des ressources. - -Débat à suivre. - -### Recommandations - -Quentin : si jamais on embarque des gens et que l'on leur fait faux bond, on dessert la cause de l'hébergement participatif. - -Alex : il est de la responsabilité des personnes qui créent un compte de s'informer des limites - -Simon : par cooptation : chacun voit midi à sa porte. - -> Vote : Maximilie propose l'ajout d'un avertissement sur le formulaire d'inscription de guichet. La rédaction du bloc de text est laissé à Maximilien, et soumise à l'approbation du prochain conseil d'afministration. -> Contre : 0, Neutre 0, Unanimité - -Repasser sur le document de travail ------------------------------------ - -Alex : priorité de faire le site web et d'avoir une solution facilement éditable pour les PV d'AG & co (pas tout le temps dépendre des pads) - -Quentin : les PV en PDF sont stockés dans un repos - -Retex de Toms -------------- - -Toms est intéressé pour rejoindre l'association. -Pas assez de vison pour savoir si c'est réalisable. - -Quentin montre la nouvelle maquette du site web. diff --git "a/src/Association/R\303\251union_2.md" "b/src/Association/R\303\251union_2.md" deleted file mode 100644 index 520e31c..0000000 --- "a/src/Association/R\303\251union_2.md" +++ /dev/null @@ -1,206 +0,0 @@ -# Deuxième réunion de travail - -## Lieu et date - -Date : 10h le samedi 16 mai 2020 - -Lieu : [jitsi.deuxfleurs.fr/asso](https://jitsi.deuxfleurs.fr/asso) - -## Compte rendu - -Alex, Max, Adrien, Vincent, Quentin - -On s'accorde sur le temps accordé aux 3 grandes parties - - - 15 min les valeurs - - 30 min le debrief - - 30 min les objectifs - -### Discussion sur les valeurs - -Pour les valeurs, Quentin présente une liste d'objectifs qui lui semble importants. -Réorganisation de la structure sous forme des valeurs. -Essaye de donner des éléments précis / une sorte de note d'intention pour plus tard. - -Proposition d'Adrien : - - notre -> la - -### Point sur les droits - -Clarifier le process d'ajout de nouveaux membres administrateurs de l'infrastructure. - -Est identifié comme relatif à l'infrastructure : - - L'accès à l'organisation Deuxfleurs de git (infrastructure, etc.) - - L'accès à la solution d'interconnexion des services (Consul Connect, VPN) - -### Debrief des deux mois - - -#### Site web - -Le premier point c'est le déploiement du site web. -On push des fichiers Markdown et le site se met à jour tout seul (generateur statique + webhook) -Point fort : facilitation de la modification de contenu à condition de savoir utiliser Git, rapide - -Design graphique : on pourrait engager un designer graphique. Mais probablement le payer. - -Contenu fouilli : ça évolue beaucoup. - -Est ce qu'on pourrait faire un blog aggrégateur de contenu ? -Plateforme de hosting ? - -Pour l'instant le plus simple serait de mettre un planet. -Vincent, Adrien et moi aurions des choses à dire pour un planet. -Quelques idées d'articles : - - - J'en ai marre de Google, aidez-moi ! - - Je hais mon smartphone - - Sobriété numérique : nos réflexions (à bas les petits gestes) - -Pour plus tard, pour le [hosting](https://getpublii.com/). - -#### Jitsi - -Focus sur quelques points : - - Voix aigues (femmes) qui ne passent pas (Codec low bitrate ? Firmware ? Micro) - - Configuration du videobridge qui change (hack routing nginx) - - Point sur l'avancement Firefox à faire à la prochaine réunion - -Rémi a mis en place son jitsi également. -Alex a utilisé le Jitsi avec 15 personnes. - -#### Garage - -Objectif : remplacer GlusterFS trop lent / trop buggé. -Veut se faire passer pour un "vrai" système de fichiers qui pourrait être une raison des lenteurs. -À la place on voudrait cibler plus simple : un object storage. -State of the art : le plus prometteur est Minio mais restrictions bizarres. - -Alex a fait de Garage son projet de confinement. -On a une version "beta" qui fonctionne avec Nextcloud. - -Question qui reste en suspens : la fiabilité ? -Le modèle : les données sont répliquées 3 fois. - -Si tu as des machines sur des sites/datacenters différents, tu peux les dispatcher sur différents datacenters. -À quel point la solution est fiable ? -Il faudrait faire des tests : analyser plus le code. - -Soucis techniques : congestion entre datacenters. -Controler le nombre de requetes que tu envoies. - -On ne voudrait pas détruire l'information directement. -Backup vs suppression de données. - -Vincent pense à la suppression scabreuse de Facebook qui ne faisait que déréférancer [référence](https://arstechnica.com/information-technology/2010/10/facebook-may-be-making-strides/). -Préciser la politique (30 jours, un admin peut y accéder, elles peuvent être restaurées en cas d'accident majeur). - -#### [Garage Kids](https://codelyoko.fandom.com/fr/wiki/Garage_Kids) : foire à l'espace disque - -Commencer les expérimentations sur Garage. - -Liste de l'espace disque : - - Quentin 3 x 1To - - Adrien (un NAS plus tard ?! Ses parents ?! Synology ouvert ?! [docker](https://www.synology.com/fr-fr/dsm/packages/Docker)) - -Stockage des backups : - - Offsite ? - - Dans Garage ? - -Adrien pensait du backup avec des rsync/tar. -Adrien a commencé à faire du backup. - -Maximilien met à disposition un VM pour le backup de la stack chez Quentin - -#### Interconnexion - -Battle Royal : VPN vs Service Mesh - -Contexte/But : Essayer d'avoir des machines dans différents datacenters. On voudrait les interconnecter entre elles. -Le cas d'usage c'est le LDAP, pour le consommer depuis des machines. -Wireguard est un module noyau, bonne efficacité. - -Trouver comment on va expérimenter l'interconnexion. -On aurait besoin de VM derrière des NAT -> réalisme du déploiement. - -## (Archives) Ordre du jour - -- Nos valeurs : - - protèger notre vie privée - - économie de la surveillance - - défendre notre liberté d'expression - - économie de la surveillance - - ne pas se laisser manipuler - - économie de l'attention - - choisir la sobriété numérique - - prendre les décisions ensemble - - mettre en commun nos connaissances et nos infrastructures - - consommation excessive (obsolescence, incompatibilités, gadgets) - - protection libertés: - - on ne censure pas - dans les limites de la loi - ce que vous voulez partager - - ne vous manipule pas - - on répond à un besoin, on fournit des outils - - on n'essaye pas d'augmenter le temps passé sur nos services - - on ne propose pas de recommandations automatisées ou d'algorithmes "boite noire" dont le fonctionnement serait inconnu ou inexplicable - - on valorise la transparence, tout est public par défaut (comme nos compte-rendus d'AG ou notre documentation technique) - - promeut la sobriété numérique: - - on réutilise du vieux matériel tant qu'on peut - - on optimise le logiciel - - solidaires ([définition 2 du CNRTL](https://www.cnrtl.fr/definition/solidaire), peut etre pas le bon mot) - - choix de services grand public (jitsi plutôt que mumble, matrix plutot que IRC, etc.) - - documentation / aide pour l'utilisation de ces services - - valoriser et légitimer l'accompagnement humain dans l'usage des services, mis en valeur par le choix du parrainage. - - participatif - - mettre en commun le savoir - - Déploiement de Jitsi - - mettre en commun le code - - Code publié sous license libre - - mettre en commun les infrastructures - - backups chez Maximilien - - git chez Adrien - - matrix chez Quentin - - faire les choix collectivement, diluer le pouvoir - - association collégiale -- Temps de discussion avec les nouveaux / invités -- Debrief des deux mois - - Déploiement du site web - - Déploiement et debug du Jitsi - - Manque de doc : gestion du TURN - - User and Developer Experience pretty bad - - Problème avec le traitement de l'audio : voix féminines coupées - - Succès dans mon entourage - - Échec sur l'ADSL - - Conclusion : la pire solution de VoIP à l'exception de toutes les autres ! - - Développement de Garage - - Soucis de congestion entre datacenters: gestion des connexions sortantes à améliorer - - Opérations de suppression: TODO garder les vieilles versions pour un certain temps (30 jours) pour éviter toute fausse manip - - Ça semble fonctionner bien avec NextCloud - - Est-on prêts à se lancer dans un test grandeur nature ? -- Interconnectons nos infrastructures. [Plus d'informations par ici](/Technique/Jalon/Interconnexion.html) -- La foire à l'espace disque : échangeons nos backups ! - - Quels espaces sont déjà disponibles ? - - Quels projets de développement ? (Adrien se paiera un NAS, un jour. Max a fourni un serveur à installer.) - - Mes parents (Adrien) ont un Synology. Ca sert à autre chose que le chauffage ? Ya moyen de l'exploiter ? -- Le site web - - Problèmes : - - UI pas responsive (ça reste lisible néanmoins) - - Quentin : Problème réglé - - Esthétique à améliorer : je veux des roses cyberpunk. - - On connaît des designers motivés ? - - Contenu fouillis, manque de contexte - - Réfléchir à une structure - - Quels sont les objectifs et contraintes du site ? - - Quentin mentionnait un besoin de fonctionner sans JS, une page légère... On pourrait en discuter et mettre ça au propre ? - - Quentin : [Comment créer un site web basse technologie](https://solar.lowtechmagazine.com/fr/2018/09/how-to-build-a-lowtech-website.html) : ici ce n'est pas l'économie d'énergie du serveur qui nous intéresse mais une compatibilité fluide avec les vieux terminaux et les mauvaises connectivités mobiles. Je sais de quoi je parle, mes parents ont un ADSL de piètre qualité. - - Quentin : C'est d'autant plus important qu'en favorisant de vieille machines derrière des connexions domestique, on a une contrainte de départ plus forte sur le matériel et on a pas de CDN pour masquer le manque d'opti/lourdeur du site web traditionnel - - Adrien dit : "Fuck SCSS/SASS, vive CSS" - - Framework HTML/CSS - - "cross-browser consistency" au minimum ([normalize.css](http://nicolasgallagher.com/about-normalize-css/)) - - responsive design & utilities ([Foundation](https://get.foundation/sites/docs/), [Pure](https://purecss.io/), Bootstrap... Adrien connaît bien Foundation, un truc comme Pure serait plus léger) - - Quentin : À voir ce que les frameworks apportent de plus une fois un reset CSS + flexbox + media queries en place. Qui plus est, tout n'est pas configurable dans bootstrap et on se retrouve vite à empiler des hacks. - - On fait un blog ? - - J'ai (Adrien) quelques projets de guides et d'articles sur les libertés numériques - j'imagine que vous aussi. On pourrait proposer des articles sur blog.deuxfleurs.fr, et/ou faire un agrégateur de nos propres blogs (si vous en avez tous un, moi pas). - - Quentin : Dans l'absolu si on peut faire le blog sur la meme plateforme que le site web, je trouverais ça bien. Sinon, un truc à penser ce serait ActivityPub pour que les gens puissent suivre le blog dans leur Mastodon par exemple, aka le Fediverse. - - Quentin : Voir si blog peut être sur Mobilizon et déployer une instance de ce dernier donc si on veut de l'ActivityPub et qu'on peut pas l'intégrer sur le site statique. - -*N'hésitez pas à compléter ce document en modifiant le fichier `src/Association/Réunion_2.md` du [dépôt du site Deuxfleurs](https://git.deuxfleurs.fr/Deuxfleurs/site)* diff --git a/src/Guide/Sites web.md b/src/Guide/Sites web.md new file mode 100644 index 0000000..6ee1f18 --- /dev/null +++ b/src/Guide/Sites web.md @@ -0,0 +1,20 @@ +# Hébergement de sites web + +Vous en avez marre de faire toute votre communication associative via Facebook ? Vous voulez créer votre propre site pour raconter votre dernier road-trip ou publier vos poèmes ? Vous ne savez pas vous y prendre ? Deuxfleurs est là pour vous ! + +Nous vous prodiguerons conseil, guidance, et hébergement pour que vos plus belles lignes soient disponibles en ligne dans les meilleures conditions. **Vous n'avez qu'à nous contacter à coucoudeuxfleurs.fr**. + +## Plus en détail + +Nous hébergeons gratuitement les sites dont l'adresse web ressemble à `monbeausite.deuxfleurs.fr`. Si vous souhaitez votre propre nom de domaine (par exemple `monbeausite.fr`), la location du nom de domaine sera à votre charge (~15-20€/an). + +Nous sommes compétents pour installer des sites fonctionnant avec [Wordpress](https://fr.wordpress.org/). C'est un système de gestion de contenu ([CMS](https://fr.wikipedia.org/wiki/Syst%C3%A8me_de_gestion_de_contenu) en anglais) qui permet de construire et d'administrer un site Internet *facilement et sans connaissances préalables*. Si Wordpress ne vous convient pas, on déterminera ensemble une solution adaptée à vos besoins et envies. + +Nous assurons enfin la gestion de **sauvegardes de données** : en hébergeant vos données chez nous, vous avez la certitude de ne pas tout perdre en cas de pépin (tel que le décès prématuré d'un disque dur). + +## En conclusion + +Venez chez nous ! On vous fera un havre numérique aux petits oignons. Aider Internet à retrouver sa diversité d'antan, c'est important pour nous. On veut voir des blogs en pagaille, des réseaux sociaux délaissés, des thèmes loufoques et la mort de l'uniformisation graphique. + +À terme, on demandera (sans doute) de s'inscrire à l'association pour être hébergé, mais pour le moment c'est gratuit et ouvert à tou.te.s, profitez-en ! + diff --git a/src/index.pug b/src/index.pug index 2a7fd04..b2704ae 100644 --- a/src/index.pug +++ b/src/index.pug @@ -12,10 +12,13 @@ block content section a.service-box.left(href='/Guide/Discussion.html') div(style='font-size: 80px; height: 120px') 💬 - h5 discussions + h5 discussion a.service-box.left(href='/Guide/Visioconférence.html') div(style='font-size: 80px; height: 120px') 📞 h5 visioconférence + a.service-box.left(href='/Guide/Sites web.html') + div(style='font-size: 80px; height: 120px') 🌐 + h5 sites web a.service-box.left(href='https://cloud.deuxfleurs.fr') div(style='font-size: 80px; height: 120px') 🔒 h5 sauvegarde de documents @@ -25,9 +28,6 @@ block content a.service-box.left(href='https://p.adnab.me') div(style='font-size: 80px; height: 120px') 📄 h5 collaboration - a.service-box.left(href='/Technique') - div(style='font-size: 80px; height: 120px') 🌐 - h5 sites webs a.service-box.left(href='https://git.deuxfleurs.fr') div(style='font-size: 80px; height: 120px') 💻 h5 code -- cgit v1.2.3