From 95b7780800540a08f868d9cc87a6b4dde971f54f Mon Sep 17 00:00:00 2001 From: LUXEY Adrien Date: Sun, 31 Jan 2021 17:38:00 +0100 Subject: ajout dernieres versions illustration Ronce, et debut de draft par Adrien --- README.md | 173 --------------------- draft_site_adrien/README.md | 49 ++++++ draft_site_adrien/gimp/idee_adrien.png | Bin 0 -> 3980572 bytes draft_site_adrien/gimp/idee_adrien.xcf | Bin 0 -> 14167250 bytes .../gimp/idee_adrien_commentaire_ronce.png | Bin 0 -> 1041783 bytes reunions/2020-10-13_notes_premiere_reunion.md | 64 -------- ronce/2FleursHD-1.jpg | Bin 0 -> 570543 bytes ronce/2FleursHD-3.jpg | Bin 0 -> 3517517 bytes ronce/2FleursHD.jpg | Bin 570543 -> 0 bytes ronce/README.md | 173 +++++++++++++++++++++ .../reunions/2020-10-13_notes_premiere_reunion.md | 64 ++++++++ 11 files changed, 286 insertions(+), 237 deletions(-) delete mode 100644 README.md create mode 100644 draft_site_adrien/README.md create mode 100644 draft_site_adrien/gimp/idee_adrien.png create mode 100644 draft_site_adrien/gimp/idee_adrien.xcf create mode 100644 draft_site_adrien/gimp/idee_adrien_commentaire_ronce.png delete mode 100644 reunions/2020-10-13_notes_premiere_reunion.md create mode 100644 ronce/2FleursHD-1.jpg create mode 100644 ronce/2FleursHD-3.jpg delete mode 100644 ronce/2FleursHD.jpg create mode 100644 ronce/README.md create mode 100644 ronce/reunions/2020-10-13_notes_premiere_reunion.md diff --git a/README.md b/README.md deleted file mode 100644 index 4e90be9..0000000 --- a/README.md +++ /dev/null @@ -1,173 +0,0 @@ -Illustration Deuxfleurs -======================= - -*Disclaimer : n'hésitez pas à amender ou questionner ce document, même si les éléments semblent affirmés sans nuance, ce n'est que mon opinion et pas encore celui de deuxfleurs* - -# Notre budget - -~200 euros (à préciser) - -# Questions pratiques - -Quel serait la license de tes illustrations ? Qu'aurions-nous le droit de faire ? de ne pas faire ? qu'est ce que tu aimerais/préferais qu'on fasse ? qu'on te prévienne avant de faire quoi ? te créditer comment ? etc. Nous ne savons pas :( - -# Que faisons-nous ? - -On est critique des entreprises informatiques et de leurs dérives comme le "capitalisme de surveillance". -On souhaite créer notre internet loin des logiques des grandes entreprises, en faisant au maximum nos choix, en gardant un maximum notre autonomie : objectif pas de cloud, pas de datacenter. -À la place, chaque personne vient contribuer à l'infrastructure avec quelques ordinateurs chez lui pour créer notre petit refuge sur internet. -Dans ce petit refuge, on fait ensemble de l'email, des conversations, heberger des sites webs, etc. mais à notre manière. - -# À qui nous adressons nous ? - -> Et après la question de "a quel imaginaire faire appel" elle est jumelée à "quels points communs culturel ont les gens à qui le site s'adresse" - -Pour l'instant, on a communiqué auprès de deux cibles : - -**Des personnes politisées** Des personnes qui en ont marre de tout le baratin autour du numérique mais qui ont besoin d'internet comme moyen d'expression ou juste d'une adresse email car c'est nécessaire pour eux. Ces gens là sont déjà plus ou moins au fait des organisation alternatives comme les AMAP, les initiatives de la société civiles, etc. Des gens qui sont capables de comprendre le mode associatif et qui accepteront que non, c'est pas un copy cata de Google qui deviendrait d'un coup éthique et cool. C'est différent et ouai il y a des trucs qui vont être moins bien. - -**Des libristes** C'est à dire les informaticiens politisés, en faveur du logiciel libre. Eux non plus ne sont pas nécessairement convaincus de notre approche collective : souvent ils pronent un gestion indivualiste (YUNOHOST) ou par des structures très institutionalisées. Quand bien même l'approche collective est retenue, nos choix techniques les laissent perplexes : il leur semble souvent plus judicieux de centraliser la technologie au sein d'un datacenter. - -À mon sens, il faut axer notre communication sur les personnes politisées et laisser de côté les libristes : de toute manière ils peuvent faire leur truc dans leur coin. - -# Quel message souhaitons-nous transmettre ? - -> Et une série de terme sur les emotions que vous voulez dégager (confiance, classe, rustique, confortable, impressionant, etc, voilà des exemples dont certains qui vont probablement pas vous convenir) - -Du coup je partirais bien du concept du "refuge", donc : - - rustique, sobre : l'humain est la finalité, la technique reste un outil - - confortable mais dans le sens cosy, on vient se réchauffer autour du feu : on prend les décisions ensembles - -Un truc que j'aimerais bien intégrer c'est de rendre visible les infrastructures : les emails, le chat, les sites web ce sont des ordinateurs comme le votre qui sont connectés à un réseau 24/7. Arretons de les cacher dans des usines et assumons qu'on fait ça pour ensuite choisir collectivement comment on gère ça. J'ai aucune idée de comment faire ça mais c'est un peu comme si chacun venait avec son petit bagage dans le refuge et on met en commun : bagage materiel ou connaissance d'ailleurs. En gros pour le matériel qu'on met en commun c'est cette page : https://deuxfleurs.fr/Technique/Infra/ - -# Que souhaitons-nous ? - -> Ouais bah c'est sûr que c'est cool si vous avez une idée de comment vous comptez l'utiliser (pour avoir de mon côté une idée de la compo et de la taille de visionnage) - -Nous souhaitons une ou plusieurs illustrations pour intégrer à notre page web, particulièrement la page d'accueil, qui sera complètement refondue, et à des supports de communication. -Nous avons pensé à des petites mascottes illustrant ce que l'on veut faire et qui pourraient se glisser partout (voir "références graphiques"). -Cependant, rien n'est arrêté et nous faisons confiance à l'expertise de notre illustrateurice :) - -Évidemment, nous reconnaissons qu'une charte graphique, qu'un logo et qu'une personne en charge de la communication globale serait un grand plus. -Mais nous pensons que nous n'avons pas les moyens de soutenir un tel travail à sa juste valeur. -Nous attachons une grande importance à rémunérer correctement et professionnellement le travail de notre illustrateurice :) - -# Des références graphiques - -> Le côté "fait maison" ça renvoie instinctivement à un contraste avec des trucs ultra clean labellisés "corpo" dans notre culture visuelle. Et un aspect confiance plus forte dans les aspects style vie privée et tout. Par contre, un truc trop fourni et peu ergonomique, loin des habitudes de navigation, cest un blocage aussi. Du coup un truc clair mais ambiance "de bric et de broc" ça colle assez au côté AMAP tout en évitant de faire fuire par la complexité (si on veut du complexe incomprehsible dans l'informatique, y a déjà LinkindeIn, Facebook, la suite Adobe, etc huhuhu) - -## Design végétal - -* http://www.studiopaysan.net/ -* http://oiadeco.com/ -* Art Nouveau Font - * [Futuracha](https://www.webdesignerdepot.com/2013/02/futuristic-typeface-echoes-art-nouveau-designs/) - * [Decoracha](https://decoracha.holy.gd/) - * [A cool selecta](https://thedesignest.net/art-nouveau-fonts/) - * [Another selecta](https://hipfonts.com/art-nouveau-fonts/) - - -## GeoCities - -![Geocities](images/geocities.jpg) - - * [Heroic fantasy](https://www.theguardian.com/books/gallery/2017/nov/22/the-art-of-terry-pratchetts-discworld-in-pictures) - * Cyberpunk ! [Ghost in the Shell](https://www.youtube.com/watch?v=m1bCAxHExWI), Matrix, ... - * [NeoCities](https://neocities.org/browse) contient plein de designs bizzares/trop cool ([Big Gulp Supreme](https://biggulpsupreme.neocities.org/)) - -## Docker - -![Docker Laurel](images/docker.jpg) - -Docker est une entreprise qui a lancé un logiciel à destination des informaticiens dont les concepts étaient un peu novateurs. -Pour expliquer son fonctionnement, ils ont un personnage principal Moby la baleine et plein d'autres représentants les composants annexes. -Ci-dessus, des [dessins de Laurel](https://bloglaurel.com/post/illustrations-for-docker./36). - -## Contributopia - -![Contributopia](images/contributopia.jpg) - -Framasoft a décidé de lancer un projet sur 3 ans pour inspirer des changements profonds dans l'informatique nommé [Contributopia](https://contributopia.org/fr/). -Ils se sont beaucoup basés sur des illustrations sur le thème de l'aventure et de l'utopie - -## Logiciels Fédérés - -Ici, notre "refuge" correspondrait à une des planètes présentées : on a notre petite planète. -Là où ça devient compliqué, c'est que notre planète, on la gère collectivement, elle est composée de plusieurs ordinateurs appartenant à des personnes différentes mais on agit selon des règles communes. -Notre refuge/planète n'est pas complètement isolé, comme le montre ces images on peut "s'interconnecter" avec le reste du monde :) -This is la fédération ! - -### Peertube - -![Peertube](images/peertube.jpg) - -[PeerTube](https://joinpeertube.org/) - -### Mastodon - -![Mastodon](images/mastodon.jpg) -![Mastodon2](images/mastodon2.jpg) - -[Mastodon](https://joinmastodon.org/) - -### Mobilizon - -![](images/mobilizon.jpg) - -[Roman Photo lancement de Mobilizon](https://framablog.org/2020/10/27/roman-photo-visite-guidee-de-mobilizon/) - -### Spritely - -![Spritely](images/spritely.jpg) - -[Spritely](https://spritelyproject.org/) - - -## Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires (CHATONS) - -Eux, ce sont les petits refuges/planètes concurrentes. -En fait CHATONS c'est un label qui est donné à plein d'associations comme la notre. -Pour info, nous n'avons pas encore le label parce que c'est compliqué ! -Ça nous empêche pas de regarder comment ils communiquent et de communiquer avec eux, pas besoin du label pour être une petite planète. - -### Domaine Public - -![](images/domainepublic.jpg) - -[Domaine Public](https://www.domainepublic.net/) - -### Duchesse.chat (n'existe plus) - -![](images/duchesse.png) - -[Ancien CHATON nantais](https://framapiaf.org/@duchesse) - -### Indie Hosters - -![](images/indie.png) - -### NoMagic - -![](images/nomagic.jpg) - -### Le Filament - -![](images/filament.png) - -[Le Filament](https://le-filament.com/) : j'adhère pas forcément à leur charte graphique mais ils ont l'air cool x) - -### Tila - -![](images/tila.png) - -### Zaclys - -![Zaclys](images/zaclys.png) - -[Zaclys](https://www.zaclys.com/) je ne suis pas fan pour le coup - -<<<<<<< HEAD -* [NeoCities](https://neocities.org/browse) contient plein de designs bizzares/trop cool ([Big Gulp Supreme](https://biggulpsupreme.neocities.org/)) -* Graphistes libristes : [Marie & Julien](https://mariejulien.com/) -======= ->>>>>>> 5e9b6111ee012d3f659cda71afceffbd5142c4c2 diff --git a/draft_site_adrien/README.md b/draft_site_adrien/README.md new file mode 100644 index 0000000..614e7bd --- /dev/null +++ b/draft_site_adrien/README.md @@ -0,0 +1,49 @@ +# Brouillon du futur site web de Deuxfleurs + +> Par Adrien pour commencer. Si ça vous plaît, hésitez pas à contribuer ! Sinon, faites des contre-propositions dans un autre dossier :) + +## Framework HTML + +### Pourquoi ? + +Un framework HTML, c'est un include CSS, et parfois du JS. Ca va de Bootstrap/Foundation, qui sont des framworks immenses (avec fonction « carrousel d'images » et une foule de trucs dont on se cogne) à Skeleton/Mini, qui essayent d'être le plus simple possible tout en apportant les fonctionnalités *vitales* à un site web moderne : + +* **responsive design** : les media queries and co, qui permettent de charger du contenu différent par taille de viewport, c'est du pur HTML5/CSS et c'est chiant à écrire à la main). + + Le design par grille de 12 colonnes aide énormément à concevoir un site en pensant *mobile-first* : "Si cette div est vue sur mobile, faites qu'elle prenne toute la largeur. Si un écran PC large, faites qu'elle ne prenne que 4 colonnes sur 12." + + Je constate que certains frameworks vraiment minimalistes ne permettent pas de définir un nombre de colonnes par div en fonction de la taille du viewport. C'est soit le système de colonnes, soit toutes les div font 12 sur petit viewport. Ça suffira ou pas ? + +* **normalisation**: chaque navigateur a sa propre idée de ce que devrait être la taille du corps de texte. Il faut redéfinir tous les défauts pour s'assurer un rendu homogène sur tout navigateur. C'est le taff de [Normalize.css](https://necolas.github.io/normalize.css/), inclut dans la plupart des frameworks HTML. + +* **sucre** : Si la box modale info/warning/error peut être déjà définie clairement une bonne fois pour toutes, on ne sera pas tentés d'en faire une implem par box au lieu de fouiller le CSS. Ce genre de trucs, c'est pas vital et faut pas que ça *bloat*. + +Non-goals : + +* **LESS/SCSS** : CSS avec des variables et des includes, dans l'idée du *Don't Repeat Yourself*. Personnellement ça me saoule d'avoir à compiler du CSS avant de display, ça m'intéresse pas. + +* **Node** : Plus généralement, tout framework HTML qui demande Node, ça me gave. On en aura assez à faire avec le templating Jinja ou autre. + +### Qui sont les candidats ? + +Après une recherche web "small html responsive framework", voilà ce qui sort : + +* [mini.css](https://minicss.org/) (flexible reponsive grid) +* [Skeleton](http://getskeleton.com/) (12 cols grid, but not responsive: either follow the defined number of columns, or full-size for small viewports) +* [Pure](https://purecss.io/) (flexible responsive grid, with shitty class names) +* [Awesome CSS](https://github.com/troxler/awesome-css-frameworks) (listing de frameworks sur GitHub) + + * **[Chota](https://jenil.github.io/chota/)** (flexible reponsive grid, CSS variables means recent browser versions only) + * [Turret.css](https://turretcss.com/) (orienté accessibilité, pas de grille ?) + +On part sur [mini.css](https://minicss.org/), parce qu'il les features que j'aime, est pas verbeux, bien minifié, et est supporté par des navigateurs assez anciens. + + +## Réflexions sur le style du code + +### Semantic CSS + +Le fait de ne pas donner d'éléments de graphisme dans notre markup HTML, mais seulement dans le CSS. Par exemple, mettre une classe "text-center" à un <p> est considéré une mauvaise pratique. + +https://adamwathan.me/css-utility-classes-and-separation-of-concerns/ + diff --git a/draft_site_adrien/gimp/idee_adrien.png b/draft_site_adrien/gimp/idee_adrien.png new file mode 100644 index 0000000..145afc8 Binary files /dev/null and b/draft_site_adrien/gimp/idee_adrien.png differ diff --git a/draft_site_adrien/gimp/idee_adrien.xcf b/draft_site_adrien/gimp/idee_adrien.xcf new file mode 100644 index 0000000..b25850f Binary files /dev/null and b/draft_site_adrien/gimp/idee_adrien.xcf differ diff --git a/draft_site_adrien/gimp/idee_adrien_commentaire_ronce.png b/draft_site_adrien/gimp/idee_adrien_commentaire_ronce.png new file mode 100644 index 0000000..da0e896 Binary files /dev/null and b/draft_site_adrien/gimp/idee_adrien_commentaire_ronce.png differ diff --git a/reunions/2020-10-13_notes_premiere_reunion.md b/reunions/2020-10-13_notes_premiere_reunion.md deleted file mode 100644 index 27c3054..0000000 --- a/reunions/2020-10-13_notes_premiere_reunion.md +++ /dev/null @@ -1,64 +0,0 @@ -Pad ici : https://p.adnab.me/pad/#/3/pad/edit/457d513c9ff8ae5bdffd88aa87ec5c79/ - -Budget : 215€ (avec rallonge de 100€ possible mais à discuter) - -Que dit Rose sur ce qu'on peut faire avec ce budget et ses œuvres ? -On en discute d'abord, et Rose adaptera en fonction pour y passer plus ou moins de temps (variables d'ajustement : décores etc). -Vaut mieux voir trop gros et tailler dans le gras. - -Licence d'utilisation / cession de droit d'auteur : Rose nous cèdera la licence d'utilisation, mais pas le droit patrimonial (cocorico) -"droits d'exploitation" : on peut céder les droits d'exploitation pour une durée, et pour une audience (sur le web, l'audience c'est "le monde"). Le support compte aussi, par exemple des stickers réutilisant les illustrations peuvent mener à un nouveau contrat. - -Rose propose qu'on parte sur un truc relativement court, limité au site internet (et sur d'autres supports). -Si on voulait décliner par exemple une mascotte sous plusieurs formats, il faudrait aussi en rediscuter. -On aurait la propriété intellectuelle de la mascotte, ce qui nous permettrait de la redessiner. -Modifier les images brutes est hors de question pour Rose. Elle préfère nous faire directement des versions découpées de son image (si on veut extraire un personnage de l'illustration). -Pour les stickers, on peut décider dès le début qu'on prend le droit d'imprimer des stickers pour les filer. Pour les commercialiser, c'est une autre histoire (il faudrait par exemple donner un pourcentage de la vente à Rose). Dans le deux cas, il faut que ça soit contractualisé. - -Creative Commons : ne s'applique pas, car c'est une cession de droit à durée illimitée. - -Comment s'organisent nos échanges ? - -Rose propose habituellement trois croquis différents. On en choisit un. Rose montre régulièrement son avancement, propose des palettes de couleur (toxique en bas, jolie matinée, nuit). Avant que ça soit complètement fini et léché, Rose envoie une version, on valide, et elle fait la version finale. - -Quentin veut faire aveuglément confiance à Rose (il est si mignon T_T), il trouve pas utile de faire 3 croquis. Mais ça fait partie du process de recherche de Rose. - -À ce prix, Rose fait habituellement pas une journée de travail, donc on va s'en tenir à une illustration (et peut-être un personnage en fond transparent) pour le moment, et c'est après qu'on verra à décliner par exemple une mascotte, des logos. - -Qu'est ce qu'on fait à Deuxfleurs ? - -Critique des entreprises informatiques. On faisait nos petits trucs dans notre coin, et on s'est dit qu'on allait plutôt collaborer pour proposer des services ensemble, entre nous et pour l'extérieur. - -On fait des choix qui peuvent paraître bizarres : on aime pas trop les data-centres, on veut pas être sur Facebook. -Les raisons sont souvent politiques : surveillance, subir les choix des gérants des plate-formes. - -En résumé : en utilisant les services de Google, Facebook, etc. on subit leurs choix, on peut critiquer certaines dérives mais on arrivera à rien dans cette posture. On doit créer nos propre services internet. - -Adrien dit qu'on met en commun nos infrastructures : c'est dur à maintenir, tout le monde sait pas/a pas envie de gérer. Du coup, on partage la charge de travaille. Alex gère le pad, Adrien le git, Quentin et Adrien ont chacun une instance Matrix mais c'est pas grave. - - -Si tu tannes des gens qui n'ont pas envie de se libérer de la Silicon Valley, tu te retrouves face à un mur de critique et mauvaise foi. On préfère viser des gens qui sont déjà politisés, ou au moins qui ont envie de se libérer de la Silicon Valley. On voudrait leur permettre de fièrement exhiber à leurs proches un service libre qui marche, qui les aidera à convaincre. - -Visuellement, on veut quoi ? - -Adrien : des cabanes dans les arbres reliées par des ficelles et des pots de yaourt. - -Quentin : Deuxfleurs, c'est une brique de l'Internet décentralisé => un seul arbre. Plusieurs plate-formes dans le même arbre. Les autres arbres seraient d'autres acteurs du libre (Tedomum, Framasoft), ou même Gmail/Facebook. Les arbres sont reliés les uns aux autres, quels qu'ils soient. - -Louison : très attaché à l'idée de "refuge". On est attaqués par les gros de l'Internet mondial, les chatons donnent un espace de confiance avec des gens de confiance, on traite avec des humains concernés. Quels animaux font des refuges ? Les fourmis (creusent des immenses galeries connectées sous terre), les castors, les hirondelles, les blaireaux (terriers super grands, des villes de blaireaux ont plusieurs siècles !). Certains animaux trouvent des refuges dans les arbres. Les écureuils sont dans des environnements très touffus/denses, et leur trimballage de graines contribue à faire perdurer les forêts. - -Biodiversité de l'Internet : l'uniformisation d'une part, la révolution verte de notre côté. -Villes champignons, spores, paraistes, algues, maladie (la Silicon Valley). -Côté survie : on est plein de petits, qui peuvent s'entraider. Le pouvoir de l'amitié des mangas <3 - -Mascotte ? La plupart des langages de prog. ont leur mascotte, c'est facile et pratique pour avoir un symbole bien reconnaissable. Si on devait participer à un festival, ça nous donnerait un bon signe de reconnaissance. Présence graphique. -En creusant encore, on pourrait vouloir une vraie identité visuelle, mais c'est pas le plus urgent. - -Terry Pratchett ? Quentin est pas un pro du droit, mais il serait triste qu'on se fasse strike notre nom pour cause de droit d'auteur. Ou prendre un procès. Ce ferait bien chier. -Il pourrait y avoir un orang-outan avec une bibliothèque dans sa cabane : référence subtile pas pareil que de réutiliser les personnages. - -Pour coder en ook! https://esolangs.org/wiki/Ook! - - - - diff --git a/ronce/2FleursHD-1.jpg b/ronce/2FleursHD-1.jpg new file mode 100644 index 0000000..788c214 Binary files /dev/null and b/ronce/2FleursHD-1.jpg differ diff --git a/ronce/2FleursHD-3.jpg b/ronce/2FleursHD-3.jpg new file mode 100644 index 0000000..112272f Binary files /dev/null and b/ronce/2FleursHD-3.jpg differ diff --git a/ronce/2FleursHD.jpg b/ronce/2FleursHD.jpg deleted file mode 100644 index 788c214..0000000 Binary files a/ronce/2FleursHD.jpg and /dev/null differ diff --git a/ronce/README.md b/ronce/README.md new file mode 100644 index 0000000..c25cad1 --- /dev/null +++ b/ronce/README.md @@ -0,0 +1,173 @@ +Illustration Deuxfleurs +======================= + +Nos réflexions sur l'illustration par Ronce, plus quelques vieilleries en queue de README. + +# Notre budget + +~200 euros (à préciser) + +# Questions pratiques + +Quel serait la license de tes illustrations ? Qu'aurions-nous le droit de faire ? de ne pas faire ? qu'est ce que tu aimerais/préferais qu'on fasse ? qu'on te prévienne avant de faire quoi ? te créditer comment ? etc. Nous ne savons pas :( + +# Que faisons-nous ? + +On est critique des entreprises informatiques et de leurs dérives comme le "capitalisme de surveillance". +On souhaite créer notre internet loin des logiques des grandes entreprises, en faisant au maximum nos choix, en gardant un maximum notre autonomie : objectif pas de cloud, pas de datacenter. +À la place, chaque personne vient contribuer à l'infrastructure avec quelques ordinateurs chez lui pour créer notre petit refuge sur internet. +Dans ce petit refuge, on fait ensemble de l'email, des conversations, heberger des sites webs, etc. mais à notre manière. + +# À qui nous adressons nous ? + +> Et après la question de "a quel imaginaire faire appel" elle est jumelée à "quels points communs culturel ont les gens à qui le site s'adresse" + +Pour l'instant, on a communiqué auprès de deux cibles : + +**Des personnes politisées** Des personnes qui en ont marre de tout le baratin autour du numérique mais qui ont besoin d'internet comme moyen d'expression ou juste d'une adresse email car c'est nécessaire pour eux. Ces gens là sont déjà plus ou moins au fait des organisation alternatives comme les AMAP, les initiatives de la société civiles, etc. Des gens qui sont capables de comprendre le mode associatif et qui accepteront que non, c'est pas un copy cata de Google qui deviendrait d'un coup éthique et cool. C'est différent et ouai il y a des trucs qui vont être moins bien. + +**Des libristes** C'est à dire les informaticiens politisés, en faveur du logiciel libre. Eux non plus ne sont pas nécessairement convaincus de notre approche collective : souvent ils pronent un gestion indivualiste (YUNOHOST) ou par des structures très institutionalisées. Quand bien même l'approche collective est retenue, nos choix techniques les laissent perplexes : il leur semble souvent plus judicieux de centraliser la technologie au sein d'un datacenter. + +À mon sens, il faut axer notre communication sur les personnes politisées et laisser de côté les libristes : de toute manière ils peuvent faire leur truc dans leur coin. + +# Quel message souhaitons-nous transmettre ? + +> Et une série de terme sur les emotions que vous voulez dégager (confiance, classe, rustique, confortable, impressionant, etc, voilà des exemples dont certains qui vont probablement pas vous convenir) + +Du coup je partirais bien du concept du "refuge", donc : + - rustique, sobre : l'humain est la finalité, la technique reste un outil + - confortable mais dans le sens cosy, on vient se réchauffer autour du feu : on prend les décisions ensembles + +Un truc que j'aimerais bien intégrer c'est de rendre visible les infrastructures : les emails, le chat, les sites web ce sont des ordinateurs comme le votre qui sont connectés à un réseau 24/7. Arretons de les cacher dans des usines et assumons qu'on fait ça pour ensuite choisir collectivement comment on gère ça. J'ai aucune idée de comment faire ça mais c'est un peu comme si chacun venait avec son petit bagage dans le refuge et on met en commun : bagage materiel ou connaissance d'ailleurs. En gros pour le matériel qu'on met en commun c'est cette page : https://deuxfleurs.fr/Technique/Infra/ + +# Que souhaitons-nous ? + +> Ouais bah c'est sûr que c'est cool si vous avez une idée de comment vous comptez l'utiliser (pour avoir de mon côté une idée de la compo et de la taille de visionnage) + +Nous souhaitons une ou plusieurs illustrations pour intégrer à notre page web, particulièrement la page d'accueil, qui sera complètement refondue, et à des supports de communication. +Nous avons pensé à des petites mascottes illustrant ce que l'on veut faire et qui pourraient se glisser partout (voir "références graphiques"). +Cependant, rien n'est arrêté et nous faisons confiance à l'expertise de notre illustrateurice :) + +Évidemment, nous reconnaissons qu'une charte graphique, qu'un logo et qu'une personne en charge de la communication globale serait un grand plus. +Mais nous pensons que nous n'avons pas les moyens de soutenir un tel travail à sa juste valeur. +Nous attachons une grande importance à rémunérer correctement et professionnellement le travail de notre illustrateurice :) + +# Des références graphiques + +> Le côté "fait maison" ça renvoie instinctivement à un contraste avec des trucs ultra clean labellisés "corpo" dans notre culture visuelle. Et un aspect confiance plus forte dans les aspects style vie privée et tout. Par contre, un truc trop fourni et peu ergonomique, loin des habitudes de navigation, cest un blocage aussi. Du coup un truc clair mais ambiance "de bric et de broc" ça colle assez au côté AMAP tout en évitant de faire fuire par la complexité (si on veut du complexe incomprehsible dans l'informatique, y a déjà LinkindeIn, Facebook, la suite Adobe, etc huhuhu) + +## Design végétal + +* http://www.studiopaysan.net/ +* http://oiadeco.com/ +* Art Nouveau Font + * [Futuracha](https://www.webdesignerdepot.com/2013/02/futuristic-typeface-echoes-art-nouveau-designs/) + * [Decoracha](https://decoracha.holy.gd/) + * [A cool selecta](https://thedesignest.net/art-nouveau-fonts/) + * [Another selecta](https://hipfonts.com/art-nouveau-fonts/) + + +## GeoCities + +![Geocities](images/geocities.jpg) + + * [Heroic fantasy](https://www.theguardian.com/books/gallery/2017/nov/22/the-art-of-terry-pratchetts-discworld-in-pictures) + * Cyberpunk ! [Ghost in the Shell](https://www.youtube.com/watch?v=m1bCAxHExWI), Matrix, ... + * [NeoCities](https://neocities.org/browse) contient plein de designs bizzares/trop cool ([Big Gulp Supreme](https://biggulpsupreme.neocities.org/)) + +## Docker + +![Docker Laurel](images/docker.jpg) + +Docker est une entreprise qui a lancé un logiciel à destination des informaticiens dont les concepts étaient un peu novateurs. +Pour expliquer son fonctionnement, ils ont un personnage principal Moby la baleine et plein d'autres représentants les composants annexes. +Ci-dessus, des [dessins de Laurel](https://bloglaurel.com/post/illustrations-for-docker./36). + +## Contributopia + +![Contributopia](images/contributopia.jpg) + +Framasoft a décidé de lancer un projet sur 3 ans pour inspirer des changements profonds dans l'informatique nommé [Contributopia](https://contributopia.org/fr/). +Ils se sont beaucoup basés sur des illustrations sur le thème de l'aventure et de l'utopie + +## Logiciels Fédérés + +Ici, notre "refuge" correspondrait à une des planètes présentées : on a notre petite planète. +Là où ça devient compliqué, c'est que notre planète, on la gère collectivement, elle est composée de plusieurs ordinateurs appartenant à des personnes différentes mais on agit selon des règles communes. +Notre refuge/planète n'est pas complètement isolé, comme le montre ces images on peut "s'interconnecter" avec le reste du monde :) +This is la fédération ! + +### Peertube + +![Peertube](images/peertube.jpg) + +[PeerTube](https://joinpeertube.org/) + +### Mastodon + +![Mastodon](images/mastodon.jpg) +![Mastodon2](images/mastodon2.jpg) + +[Mastodon](https://joinmastodon.org/) + +### Mobilizon + +![](images/mobilizon.jpg) + +[Roman Photo lancement de Mobilizon](https://framablog.org/2020/10/27/roman-photo-visite-guidee-de-mobilizon/) + +### Spritely + +![Spritely](images/spritely.jpg) + +[Spritely](https://spritelyproject.org/) + + +## Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires (CHATONS) + +Eux, ce sont les petits refuges/planètes concurrentes. +En fait CHATONS c'est un label qui est donné à plein d'associations comme la notre. +Pour info, nous n'avons pas encore le label parce que c'est compliqué ! +Ça nous empêche pas de regarder comment ils communiquent et de communiquer avec eux, pas besoin du label pour être une petite planète. + +### Domaine Public + +![](images/domainepublic.jpg) + +[Domaine Public](https://www.domainepublic.net/) + +### Duchesse.chat (n'existe plus) + +![](images/duchesse.png) + +[Ancien CHATON nantais](https://framapiaf.org/@duchesse) + +### Indie Hosters + +![](images/indie.png) + +### NoMagic + +![](images/nomagic.jpg) + +### Le Filament + +![](images/filament.png) + +[Le Filament](https://le-filament.com/) : j'adhère pas forcément à leur charte graphique mais ils ont l'air cool x) + +### Tila + +![](images/tila.png) + +### Zaclys + +![Zaclys](images/zaclys.png) + +[Zaclys](https://www.zaclys.com/) je ne suis pas fan pour le coup + +<<<<<<< HEAD +* [NeoCities](https://neocities.org/browse) contient plein de designs bizzares/trop cool ([Big Gulp Supreme](https://biggulpsupreme.neocities.org/)) +* Graphistes libristes : [Marie & Julien](https://mariejulien.com/) +======= +>>>>>>> 5e9b6111ee012d3f659cda71afceffbd5142c4c2 diff --git a/ronce/reunions/2020-10-13_notes_premiere_reunion.md b/ronce/reunions/2020-10-13_notes_premiere_reunion.md new file mode 100644 index 0000000..27c3054 --- /dev/null +++ b/ronce/reunions/2020-10-13_notes_premiere_reunion.md @@ -0,0 +1,64 @@ +Pad ici : https://p.adnab.me/pad/#/3/pad/edit/457d513c9ff8ae5bdffd88aa87ec5c79/ + +Budget : 215€ (avec rallonge de 100€ possible mais à discuter) + +Que dit Rose sur ce qu'on peut faire avec ce budget et ses œuvres ? +On en discute d'abord, et Rose adaptera en fonction pour y passer plus ou moins de temps (variables d'ajustement : décores etc). +Vaut mieux voir trop gros et tailler dans le gras. + +Licence d'utilisation / cession de droit d'auteur : Rose nous cèdera la licence d'utilisation, mais pas le droit patrimonial (cocorico) +"droits d'exploitation" : on peut céder les droits d'exploitation pour une durée, et pour une audience (sur le web, l'audience c'est "le monde"). Le support compte aussi, par exemple des stickers réutilisant les illustrations peuvent mener à un nouveau contrat. + +Rose propose qu'on parte sur un truc relativement court, limité au site internet (et sur d'autres supports). +Si on voulait décliner par exemple une mascotte sous plusieurs formats, il faudrait aussi en rediscuter. +On aurait la propriété intellectuelle de la mascotte, ce qui nous permettrait de la redessiner. +Modifier les images brutes est hors de question pour Rose. Elle préfère nous faire directement des versions découpées de son image (si on veut extraire un personnage de l'illustration). +Pour les stickers, on peut décider dès le début qu'on prend le droit d'imprimer des stickers pour les filer. Pour les commercialiser, c'est une autre histoire (il faudrait par exemple donner un pourcentage de la vente à Rose). Dans le deux cas, il faut que ça soit contractualisé. + +Creative Commons : ne s'applique pas, car c'est une cession de droit à durée illimitée. + +Comment s'organisent nos échanges ? + +Rose propose habituellement trois croquis différents. On en choisit un. Rose montre régulièrement son avancement, propose des palettes de couleur (toxique en bas, jolie matinée, nuit). Avant que ça soit complètement fini et léché, Rose envoie une version, on valide, et elle fait la version finale. + +Quentin veut faire aveuglément confiance à Rose (il est si mignon T_T), il trouve pas utile de faire 3 croquis. Mais ça fait partie du process de recherche de Rose. + +À ce prix, Rose fait habituellement pas une journée de travail, donc on va s'en tenir à une illustration (et peut-être un personnage en fond transparent) pour le moment, et c'est après qu'on verra à décliner par exemple une mascotte, des logos. + +Qu'est ce qu'on fait à Deuxfleurs ? + +Critique des entreprises informatiques. On faisait nos petits trucs dans notre coin, et on s'est dit qu'on allait plutôt collaborer pour proposer des services ensemble, entre nous et pour l'extérieur. + +On fait des choix qui peuvent paraître bizarres : on aime pas trop les data-centres, on veut pas être sur Facebook. +Les raisons sont souvent politiques : surveillance, subir les choix des gérants des plate-formes. + +En résumé : en utilisant les services de Google, Facebook, etc. on subit leurs choix, on peut critiquer certaines dérives mais on arrivera à rien dans cette posture. On doit créer nos propre services internet. + +Adrien dit qu'on met en commun nos infrastructures : c'est dur à maintenir, tout le monde sait pas/a pas envie de gérer. Du coup, on partage la charge de travaille. Alex gère le pad, Adrien le git, Quentin et Adrien ont chacun une instance Matrix mais c'est pas grave. + + +Si tu tannes des gens qui n'ont pas envie de se libérer de la Silicon Valley, tu te retrouves face à un mur de critique et mauvaise foi. On préfère viser des gens qui sont déjà politisés, ou au moins qui ont envie de se libérer de la Silicon Valley. On voudrait leur permettre de fièrement exhiber à leurs proches un service libre qui marche, qui les aidera à convaincre. + +Visuellement, on veut quoi ? + +Adrien : des cabanes dans les arbres reliées par des ficelles et des pots de yaourt. + +Quentin : Deuxfleurs, c'est une brique de l'Internet décentralisé => un seul arbre. Plusieurs plate-formes dans le même arbre. Les autres arbres seraient d'autres acteurs du libre (Tedomum, Framasoft), ou même Gmail/Facebook. Les arbres sont reliés les uns aux autres, quels qu'ils soient. + +Louison : très attaché à l'idée de "refuge". On est attaqués par les gros de l'Internet mondial, les chatons donnent un espace de confiance avec des gens de confiance, on traite avec des humains concernés. Quels animaux font des refuges ? Les fourmis (creusent des immenses galeries connectées sous terre), les castors, les hirondelles, les blaireaux (terriers super grands, des villes de blaireaux ont plusieurs siècles !). Certains animaux trouvent des refuges dans les arbres. Les écureuils sont dans des environnements très touffus/denses, et leur trimballage de graines contribue à faire perdurer les forêts. + +Biodiversité de l'Internet : l'uniformisation d'une part, la révolution verte de notre côté. +Villes champignons, spores, paraistes, algues, maladie (la Silicon Valley). +Côté survie : on est plein de petits, qui peuvent s'entraider. Le pouvoir de l'amitié des mangas <3 + +Mascotte ? La plupart des langages de prog. ont leur mascotte, c'est facile et pratique pour avoir un symbole bien reconnaissable. Si on devait participer à un festival, ça nous donnerait un bon signe de reconnaissance. Présence graphique. +En creusant encore, on pourrait vouloir une vraie identité visuelle, mais c'est pas le plus urgent. + +Terry Pratchett ? Quentin est pas un pro du droit, mais il serait triste qu'on se fasse strike notre nom pour cause de droit d'auteur. Ou prendre un procès. Ce ferait bien chier. +Il pourrait y avoir un orang-outan avec une bibliothèque dans sa cabane : référence subtile pas pareil que de réutiliser les personnages. + +Pour coder en ook! https://esolangs.org/wiki/Ook! + + + + -- cgit v1.2.3