From 250f904946ec3debe5cd95cb6cdc9d5ae31373f0 Mon Sep 17 00:00:00 2001 From: LUXEY Adrien Date: Tue, 2 Feb 2021 22:36:36 +0100 Subject: [PATCH] branches et canopee --- lab/README.md => README.md | 2 +- {images => inspirations/images}/backtotop.jpg | Bin {images => inspirations/images}/backtotop.png | Bin .../images}/contributopia.jpg | Bin {images => inspirations/images}/docker.jpg | Bin {images => inspirations/images}/docker1.jpg | Bin {images => inspirations/images}/docker2.jpg | Bin {images => inspirations/images}/docker3.jpg | Bin .../images}/domainepublic.jpg | Bin {images => inspirations/images}/duchesse.png | Bin {images => inspirations/images}/filament.png | Bin {images => inspirations/images}/geocities.jpg | Bin .../images}/glitch_rose.jpg | Bin {images => inspirations/images}/indie.png | Bin {images => inspirations/images}/mastodon.jpg | Bin {images => inspirations/images}/mastodon2.jpg | Bin {images => inspirations/images}/mobilizon.jpg | Bin {images => inspirations/images}/nomagic.jpg | Bin {images => inspirations/images}/peertube.jpg | Bin {images => inspirations/images}/spritely.jpg | Bin {images => inspirations/images}/tila.png | Bin {images => inspirations/images}/zaclys.png | Bin ...eurs-chato.css => branches-et-canopee.css} | 0 lab/assets/css/deuxfleurs-chato-fullwidth.css | 132 ------------- lab/{index.html => branches-et-canopee.html} | 4 +- .../branches-et-canopee.png} | Bin .../branches-et-canopee.xcf} | Bin ...branches-et-canopee_commentaire-ronce.png} | Bin lab/index-fullwidth.html | 122 ------------ lab/{sandbox => }/parallax.html | 0 lab/sandbox/assets | 1 - {lab/notes => notes}/framework_html.md | 0 ronce/README.md | 174 +----------------- ronce/reunions/pitch.md | 173 +++++++++++++++++ 34 files changed, 179 insertions(+), 429 deletions(-) rename lab/README.md => README.md (92%) rename {images => inspirations/images}/backtotop.jpg (100%) rename {images => inspirations/images}/backtotop.png (100%) rename {images => inspirations/images}/contributopia.jpg (100%) rename {images => inspirations/images}/docker.jpg (100%) rename {images => inspirations/images}/docker1.jpg (100%) rename {images => inspirations/images}/docker2.jpg (100%) rename {images => inspirations/images}/docker3.jpg (100%) rename {images => inspirations/images}/domainepublic.jpg (100%) rename {images => inspirations/images}/duchesse.png (100%) rename {images => inspirations/images}/filament.png (100%) rename {images => inspirations/images}/geocities.jpg (100%) rename {images => inspirations/images}/glitch_rose.jpg (100%) rename {images => inspirations/images}/indie.png (100%) rename {images => inspirations/images}/mastodon.jpg (100%) rename {images => inspirations/images}/mastodon2.jpg (100%) rename {images => inspirations/images}/mobilizon.jpg (100%) rename {images => inspirations/images}/nomagic.jpg (100%) rename {images => inspirations/images}/peertube.jpg (100%) rename {images => inspirations/images}/spritely.jpg (100%) rename {images => inspirations/images}/tila.png (100%) rename {images => inspirations/images}/zaclys.png (100%) rename lab/assets/css/{deuxfleurs-chato.css => branches-et-canopee.css} (100%) delete mode 100644 lab/assets/css/deuxfleurs-chato-fullwidth.css rename lab/{index.html => branches-et-canopee.html} (94%) rename lab/gimp/{idee_adrien.png => branches-et-canopee/branches-et-canopee.png} (100%) rename lab/gimp/{idee_adrien.xcf => branches-et-canopee/branches-et-canopee.xcf} (100%) rename lab/gimp/{idee_adrien_commentaire_ronce.png => branches-et-canopee/branches-et-canopee_commentaire-ronce.png} (100%) delete mode 100644 lab/index-fullwidth.html rename lab/{sandbox => }/parallax.html (100%) delete mode 120000 lab/sandbox/assets rename {lab/notes => notes}/framework_html.md (100%) create mode 100644 ronce/reunions/pitch.md diff --git a/lab/README.md b/README.md similarity index 92% rename from lab/README.md rename to README.md index 7ee5c11..52461b2 100644 --- a/lab/README.md +++ b/README.md @@ -9,7 +9,7 @@ ## Idées graphiques * Des bouts de branches et de canopée qui défilent lors du scroll, contenant des éléments de texte ou autre contenu. -* Un header avec des onglets sur PC et un « menu-sandwich » sur le côté sur téléphone. +* S'il faut un menu : barre d'onglets sur PC, menu « sandwich » qui révèle une colonne d'onglets sur smartphone. * Exploiter l'illustration au maximum. En la laissant fixée en fond de page tandis que les éléments graphiques défilent ? diff --git a/images/backtotop.jpg b/inspirations/images/backtotop.jpg similarity index 100% rename from images/backtotop.jpg rename to inspirations/images/backtotop.jpg diff --git a/images/backtotop.png b/inspirations/images/backtotop.png similarity index 100% rename from images/backtotop.png rename to inspirations/images/backtotop.png diff --git a/images/contributopia.jpg b/inspirations/images/contributopia.jpg similarity index 100% rename from images/contributopia.jpg rename to inspirations/images/contributopia.jpg diff --git a/images/docker.jpg b/inspirations/images/docker.jpg similarity index 100% rename from images/docker.jpg rename to inspirations/images/docker.jpg diff --git a/images/docker1.jpg b/inspirations/images/docker1.jpg similarity index 100% rename from images/docker1.jpg rename to inspirations/images/docker1.jpg diff --git a/images/docker2.jpg b/inspirations/images/docker2.jpg similarity index 100% rename from images/docker2.jpg rename to inspirations/images/docker2.jpg diff --git a/images/docker3.jpg b/inspirations/images/docker3.jpg similarity index 100% rename from images/docker3.jpg rename to inspirations/images/docker3.jpg diff --git a/images/domainepublic.jpg b/inspirations/images/domainepublic.jpg similarity index 100% rename from images/domainepublic.jpg rename to inspirations/images/domainepublic.jpg diff --git a/images/duchesse.png b/inspirations/images/duchesse.png similarity index 100% rename from images/duchesse.png rename to inspirations/images/duchesse.png diff --git a/images/filament.png b/inspirations/images/filament.png similarity index 100% rename from images/filament.png rename to inspirations/images/filament.png diff --git a/images/geocities.jpg b/inspirations/images/geocities.jpg similarity index 100% rename from images/geocities.jpg rename to inspirations/images/geocities.jpg diff --git a/images/glitch_rose.jpg b/inspirations/images/glitch_rose.jpg similarity index 100% rename from images/glitch_rose.jpg rename to inspirations/images/glitch_rose.jpg diff --git a/images/indie.png b/inspirations/images/indie.png similarity index 100% rename from images/indie.png rename to inspirations/images/indie.png diff --git a/images/mastodon.jpg b/inspirations/images/mastodon.jpg similarity index 100% rename from images/mastodon.jpg rename to inspirations/images/mastodon.jpg diff --git a/images/mastodon2.jpg b/inspirations/images/mastodon2.jpg similarity index 100% rename from images/mastodon2.jpg rename to inspirations/images/mastodon2.jpg diff --git a/images/mobilizon.jpg b/inspirations/images/mobilizon.jpg similarity index 100% rename from images/mobilizon.jpg rename to inspirations/images/mobilizon.jpg diff --git a/images/nomagic.jpg b/inspirations/images/nomagic.jpg similarity index 100% rename from images/nomagic.jpg rename to inspirations/images/nomagic.jpg diff --git a/images/peertube.jpg b/inspirations/images/peertube.jpg similarity index 100% rename from images/peertube.jpg rename to inspirations/images/peertube.jpg diff --git a/images/spritely.jpg b/inspirations/images/spritely.jpg similarity index 100% rename from images/spritely.jpg rename to inspirations/images/spritely.jpg diff --git a/images/tila.png b/inspirations/images/tila.png similarity index 100% rename from images/tila.png rename to inspirations/images/tila.png diff --git a/images/zaclys.png b/inspirations/images/zaclys.png similarity index 100% rename from images/zaclys.png rename to inspirations/images/zaclys.png diff --git a/lab/assets/css/deuxfleurs-chato.css b/lab/assets/css/branches-et-canopee.css similarity index 100% rename from lab/assets/css/deuxfleurs-chato.css rename to lab/assets/css/branches-et-canopee.css diff --git a/lab/assets/css/deuxfleurs-chato-fullwidth.css b/lab/assets/css/deuxfleurs-chato-fullwidth.css deleted file mode 100644 index dbec9b6..0000000 --- a/lab/assets/css/deuxfleurs-chato-fullwidth.css +++ /dev/null @@ -1,132 +0,0 @@ -@import 'normalize.css'; -@import 'chota.min.css'; - -/* font-size: - * HTML font size is 16px on most browsers, sometimes 14px. - * Chota sets `font-size: 62.5%;`, that is 10px on most browsers. - */ - -:root { - /* Blanc cassé (offset autour de #main-page) */ - --bg-color: #f4f4f4; - /* Bleu turquoise du ciel au lion */ - --bg-secondary-color: #cafaef; - /* Gris violet du sol */ - --bg-ternary-color: #c7c9e2; - --bg-canopee-color: #151a05; - --color-canopee: #a0c43c; - --bg-branche-color: #381e02; - --color-primary: #14854F; - --color-text-light: #fafafa; - --color-lightGrey: #d2d6dd; - --color-grey: #747681; - --color-darkGrey: #3f4144; - --color-error: #d43939; - --color-success: #28bd14; - /*--grid-maxWidth: 120rem;*/ - --grid-maxWidth: 100%; - --grid-gutter: 0rem; - --font-size: 1.6rem; - --font-color: #333333; - --font-family-sans: -apple-system, BlinkMacSystemFont, Avenir, "Avenir Next", - "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", "Helvetica Neue", sans-serif; - --font-family-mono: monaco, "Consolas", "Lucida Console", monospace; -} - -body { - background-color: var(--bg-color); -} - -#main-page { - background-color: var(--bg-secondary-color); - padding: 0; -} - -header { - margin-bottom: 4rem; - height: 100%; -} - -#logo { - font-size: 3.2rem; - color: var(--color-text-light); -} - -header>nav { - background-color: var(--bg-canopee-color); - padding-left: 1rem; - padding-right: 1rem; -} - -#illustration { - background-image: url("../images/illustration-ronce_800x510px.png"); - height: 100%; - /* Create the parallax scrolling effect */ - background-attachment: fixed; - background-position: center; - background-repeat: no-repeat; - background-size: cover; -} -@media screen and (min-width: 800px) { - #illustration { - background-image: url("../images/illustration-ronce_1200x765px.png"); - } -} -@media screen and (min-width: 1200px) { - #illustration { - background-image: url("../images/illustration-ronce_2400x1531px.png"); - - } -} - - -section div { - padding-left: 4rem; - padding-right: 4rem; - margin-top: 2rem; -} - -section p { - padding-left: 2rem; - padding-right: 2rem; - font-size: 2rem; -} - -section .canopee { - background-color: var(--bg-canopee-color); - color: var(--color-canopee); - margin-bottom: 4rem; -} -section .canopee.left { - margin-left: 0; - padding-left: 6rem; - border-top-right-radius: 3rem; - border-bottom-right-radius: 3rem; -} -section .canopee.right { - margin-right: 0; - border-top-left-radius: 3rem; - border-bottom-left-radius: 3rem; -} - -section .canopee p { - font-size: 1.6rem; -} - -section .branche { - background-color: var(--bg-branche-color); - color: var(--color-text-light); - padding-bottom: 4rem; - padding-top: 4rem; -} - -section .branche p { - font-size: 2.6rem; - margin: 0; -} - -footer { - padding: 4rem; - border-top: 1px solid var(--bg-color); -} \ No newline at end of file diff --git a/lab/index.html b/lab/branches-et-canopee.html similarity index 94% rename from lab/index.html rename to lab/branches-et-canopee.html index 1eb7ecf..e4be0a4 100644 --- a/lab/index.html +++ b/lab/branches-et-canopee.html @@ -8,9 +8,7 @@ Deuxfleurs - - - + diff --git a/lab/gimp/idee_adrien.png b/lab/gimp/branches-et-canopee/branches-et-canopee.png similarity index 100% rename from lab/gimp/idee_adrien.png rename to lab/gimp/branches-et-canopee/branches-et-canopee.png diff --git a/lab/gimp/idee_adrien.xcf b/lab/gimp/branches-et-canopee/branches-et-canopee.xcf similarity index 100% rename from lab/gimp/idee_adrien.xcf rename to lab/gimp/branches-et-canopee/branches-et-canopee.xcf diff --git a/lab/gimp/idee_adrien_commentaire_ronce.png b/lab/gimp/branches-et-canopee/branches-et-canopee_commentaire-ronce.png similarity index 100% rename from lab/gimp/idee_adrien_commentaire_ronce.png rename to lab/gimp/branches-et-canopee/branches-et-canopee_commentaire-ronce.png diff --git a/lab/index-fullwidth.html b/lab/index-fullwidth.html deleted file mode 100644 index 4eb3282..0000000 --- a/lab/index-fullwidth.html +++ /dev/null @@ -1,122 +0,0 @@ - - - - - - - - - Deuxfleurs - - - - - - - -
- -
- - -
- -
- -
-
-

Bienvenue chez Deuxfleurs !

-
- -
-

- Nous sommes une association pour
- une informatique écologique et humaine,
- et nous sommes en colère.
- Nous avons donc pris le maquis. -

-
-
- -
-
-

Nous hébergeons

-

- Celles et ceux qui ont besoin d'outils libres
- pour discuter, collaborer, s'organiser, se divertir... -

-
- -
- -
-

Sans parasite !

-

- Toutes nos constructions loufoques
- sont garanties sans ver espion.
- Nous préférons le bon goût d'un logiciel bien fait. -

-
-
- -
-
-

Infrastructure raisonnée

-

- On essaye d'héberger nos ordinateurs à la maison.
- Et c'est pas si facile ! -

-
- -
- -
-

Nous créons

-

- Des logiciels pour améliorer
- et interconnecter nos cabanes. -

-
-
- -
-
-
-

Nous recrutons

- -

- Des bâtisseuses de cabanes ou des évadés... -

-
-
- -
-
-
-
-

... des mondes d'en bas.

-
-
-
-
- -
- Tous droits réservés à notre pangolin alcoolique. -
- -
- - - \ No newline at end of file diff --git a/lab/sandbox/parallax.html b/lab/parallax.html similarity index 100% rename from lab/sandbox/parallax.html rename to lab/parallax.html diff --git a/lab/sandbox/assets b/lab/sandbox/assets deleted file mode 120000 index ec2e4be..0000000 --- a/lab/sandbox/assets +++ /dev/null @@ -1 +0,0 @@ -../assets \ No newline at end of file diff --git a/lab/notes/framework_html.md b/notes/framework_html.md similarity index 100% rename from lab/notes/framework_html.md rename to notes/framework_html.md diff --git a/ronce/README.md b/ronce/README.md index c25cad1..97474de 100644 --- a/ronce/README.md +++ b/ronce/README.md @@ -1,173 +1,7 @@ -Illustration Deuxfleurs -======================= +# Illustration de Ronce -Nos réflexions sur l'illustration par Ronce, plus quelques vieilleries en queue de README. +**Ces images ne sont pas libres de droit.** -# Notre budget +Janvier 2021 -~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 +La dernière version est celle qu'il faut utiliser. \ No newline at end of file diff --git a/ronce/reunions/pitch.md b/ronce/reunions/pitch.md new file mode 100644 index 0000000..c25cad1 --- /dev/null +++ b/ronce/reunions/pitch.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