forked from la-contree/la-contree.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
468 lines (442 loc) · 29.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
<!doctype html>
<link rel=stylesheet href=vendor/font-awesome-4.7.0/css/font-awesome.min.css>
<link rel=stylesheet href=vendor/grillade.css>
<link rel=stylesheet href=style.css>
<meta charset=utf-8>
<title>La contrée : Viens te ressourcer en affûtant tes outils avec nous.</title>
<header>
<h1>La <span>C</span>ontrée</h1>
</header>
<section>
<h2>Qu'est-ce que c'est ?</h2>
<p>La Contrée est un regroupement de professionnel·le·s du numérique qui proposent un catalogue de formations utiles et conviviales.</p>
<blockquote>
On a hésité avec :
<p>La Contrée est un regroupement de personnes qui n'ont pas d'autres points communs que d'avoir leur nom sur le même site.</p>
<p>La Contrée est un collectif d'individus qui savent qu'ils n'arriveront jamais à se mettre d'accord sur rien mais qui continuent à essayer.</p>
</blockquote>
</section>
<section>
<h2>Pourquoi La Contrée ?</h2>
<p>Les membres de La Contrée présentent des profils divers et variés, mais partagent un certain nombre de constats autour de la formation classique :</p>
<ul>
<li>rester assis des heures à contempler un PowerPoint ne nourrit pas l'enthousiasme ;</li>
<li>la hiérarchie formateur / stagiaires est artificielle et sclérosante : tout le monde à des choses à apprendre de tout le monde ;</li>
<li>d'une formation qui cherche absolument à faire le tour intégral du sujet, on ne retient finalement pas grand chose ;</li>
<li>on apprend très efficacement par soi même, à condition d'être motivé·e et de pouvoir compter sur des accompagnant·e·s qui nous mettent le pied à l'étrier et pointent les écueils à éviter ;</li>
<li>un·e très bon·ne technicien·ne n'est pas forcément très bon·ne pédagogue, et vice-versa.</li>
</ul>
<p>Pour nous, une bonne formation est une formation dont on sort :</p>
<ul>
<li>avec des bases suffisamment solides sur le sujet pour les mettre en œuvre tout de suite ;</li>
<li>avec toutes les clés pour poursuivre sa formation par soi-même ;</li>
<li>avec les contacts à solliciter en cas de besoin ;</li>
<li>avec l'impression d'avoir passé un bon moment ;</li>
</ul>
</section>
<section>
<h2>Concrètement, ça veut dire quoi ?</h2>
<p>Dans la mesure ou nous privilégions le sur-mesure et l'adaptabilité, chaque formation se déroule potentiellement de manière unique. Toutefois, voici quelques principes généraux pour se faire une idée du déroulement d'une formation.</p>
<p>Toutes nos formations sont données en binômes, afin de pouvoir offrir un meilleur support et diversifier les profils.</p>
<p>Les formations sont construites et « testées » au cours d'ateliers proposés dans plusieurs villes. Ainsi, nous connaissons déjà les demandes les plus courantes et les pièges les plus retords. Et nous accumulons de l'expérience, puisqu'on n'apprend jamais autant qu'en enseignant.</p>
<p>Nous recherchons des lieux agréables, ouverts, conviviaux et adaptés, parce que la salle de formation toute sombre à la moquette rapiécée, ça va bien un moment.</p>
<p>Les formations se déroulent sur 3, 4, 5 jours. Nous construisons quelque chose, tous ensembles, en petits groupes, ou individuellement en fonction des sensibilités. Les formateurs sont disponibles pour offrir leur aide, répondre aux questions, guider, débloquer, mais pas asséner.</p>
<p>Les formations accueillent entre x et y personnes, pour construire un cadre dynamique, vivant et qui reste convivial.</p>
<dl>
<dt>Je peux voir la liste de vos formations ?</dt>
<dd>Oui, c'est <a href=#trainings>par là</a>.</dd>
</dl>
<dl>
<dt>Et ça coûte cher ?</dt>
<dd>Oui. Mais on boira avec toi pour t'aider à oublier.</dd>
</dl>
<dl>
<dt>Qui sont les membres de La Contrée ?</dt>
<dd>Nos profils <a href=#trainers>par là</a>.</dd>
</dl>
<dl>
<dt>Où se trouve La Contrée ?</dt>
<dd>Les membres de La Contrée sont répartis sur toute la France, voire vadrouillent aux quatre coins du globe. Mais nous sommes mobiles, tant qu'il y a une gare pas trop loin, on se débrouille.</dd>
</dl>
<dl>
<dt>Du coup, vous êtes un organisme de formation, c'est ça ?</dt>
<dd>Il n'y a pas de structure administrative derrière La Contrée. Nous sommes toutes et tous déjà indépendant·e·s, salarié·e·s de scops, etc. et disposons pour la plupart de notre propre statut et / ou structure.</dd>
</dl>
<dl>
<dt>Du coup, comment ça se passe pour les factures ?</dt>
<dd>L'administratif est un moyen, pas une fin. Pour la facture, on voit au cas par cas, en fonction de qui propose la formation.</dd>
</dl>
</section>
<section id=trainers>
<h2>Les Humains</h2>
<div class="grid-3 has-gutter">
<article>
<h3>Antoine Cézar<span class=baseline>Software Troublemaker</span></h3>
<img src=img/humains/blur.jpg>
<p>Software Troublemaker, je pense comme George Carlin qu'il est important d'en avoir rien à carrer.</p>
<span class=links>
<a href=https://github.com/AntoineCezar><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/AntoineCezar><i class="fa fa-twitter"></i></a>
<a href=mailto:antoine@cezar.fr><i class="fa fa-envelope-open"></i></a>
</span>
</article>
<article>
<h3>Pascal Romain<span class=baseline>Ingénieur documentaire transfuge agent triple-store</span></h3>
<img src=img/humains/blur.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<span class=links>
<a href=https://github.com/akakeronos><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/keronos><i class="fa fa-twitter"></i></a>
</span>
</article>
<article>
<h3>Raphaël Pierquin<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/humains/blur.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<span class=links>
<a href=https://github.com/raphaelpierquin><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/perafoo><i class="fa fa-twitter"></i></a>
<a href=mailto:raphael@ut7.fr><i class="fa fa-envelope-open"></i></a>
</span>
</article>
<article>
<h3>Emmanuel Gaillot<span class=baseline>Faites des trucs</span></h3>
<img src=img/humains/blur.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<span class=links>
<a href=https://github.com/egaillot><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/egaillot><i class="fa fa-twitter"></i></a>
</span>
</article>
<article>
<h3>Antoine Vernois<span class=baseline>Faites des trucs</span></h3>
<img src=img/humains/blur.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<span class=links>
<a href=https://github.com/avernois><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/avernois><i class="fa fa-twitter"></i></a>
</span>
</article>
<article>
<h3>Laurent Marseault<span class=baseline>Secoueur de cocotiers</span></h3>
<img src=img/humains/blur.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<span class=links>
<a href=https://github.com/furax37><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/furax37><i class="fa fa-twitter"></i></a>
<a href=laurent@marseault.info><i class="fa fa-envelope-open"></i></a>
</span>
</article>
<article>
<h3>Yannick François<span class=baseline>Faites des trucs</span></h3>
<img src=img/humains/blur.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<span class=links>
<a href=https://elsif.fr><i class="fa fa-sitemap"></i></a>
<a href=https://github.com/yaf><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/ya_f><i class="fa fa-twitter"></i></a>
</span>
</article>
<article>
<h3>Claude Aubry<span class=baseline>L'happy permaculteur</span></h3>
<img src=img/humains/blur.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<span class=links>
<a href=https://github.com/claudeaubry><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/claudeaubry><i class="fa fa-twitter"></i></a>
</span>
</article>
<article>
<h3>Thomas Parisot<span class=baseline>Software designer</span></h3>
<img src=img/humains/blur.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<span class=links>
<a href=https://oncletom.io><i class="fa fa-sitemap"></i></a>
<a href=https://github.com/oncletom><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/oncletom><i class="fa fa-twitter"></i></a>
<a href=mailto:hi@oncletom.io><i class="fa fa-envelope-open"></i></a>
</span>
</article>
<article>
<h3>Erick Gardin<span class=baseline>Bâtisseur d'interfaces web</span></h3>
<img src=img/humains/blur.jpg>
<p>Je suis intégrateur Web, c'est à dire que je fais parti de ces quelques personnes qui apprécient le HTML et le CSS pour créer des expériences de navigation agréables et attrayantes.</p>
<p>Ce que je préfère c’est travailler sur des projets intéressants avec des gens avec qui je suis aligné.</p>
<span class=links>
<a href=https://github.com/newick><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/newick><i class="fa fa-twitter"></i></a>
</span>
</article>
<article>
<h3>Maïtané Lenoir<span class=baseline>Amoureuse et passionnée du Webdesign</span></h3>
<img src=img/humains/blur.jpg>
<p><em>Amoureuse du web et du numérique,</em> j’aime <em>affiner et améliorer les idées</em> pour les rendre accessibles à chacun. <em>Agile et curieuse,</em> j’utilise toute une palette de compétences hétérogènes pour réaliser des sites responsive ou des applications métiers, sur très grands ou tout petits supports.</p>
<span class=links>
<a href=https://github.com/maiwann><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/maiwann_><i class="fa fa-twitter"></i></a>
</span>
</article>
<article>
<h3>David Bruant<span class=baseline>A bridge between machines and people</span></h3>
<img src=img/humains/blur.jpg>
<p>Développeur web passionné et curieux, je contribue régulièrement à la documentation MDN (Mozilla Developer Network) et donne des conférences pour rendre simples et accessibles au plus grand nombre les complexités des technologies web.</p>
<p>Je participe autant que possible aux processus de standardisations des technologies web sur les listes de diffusions où les décisions se prennent (WHATWG, es-discuss, etc.).</p>
<span class=links>
<a href=http://github.com/davidbruant><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/DavidBruant><i class="fa fa-twitter"></i></a>
<a href=mailto:bruant.d@gmail.com><i class="fa fa-envelope-open"></i></a>
</span>
</article>
<article>
<h3>Juliette Palumbo<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/humains/blur.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<span class=links>
<a href=https://github.com/juliette-pal><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/ju_net01><i class="fa fa-twitter"></i></a>
</span>
</article>
<article>
<h3>Stéphane Langlois<span class=baseline>Chercheur de pépites collaboratives</span></h3>
<img src=img/humains/blur.jpg>
<p>Je crois qu'en partageant nos singularités, nous construisons une communauté saine. Et je crois que de cette communauté saine va émerger une génération d’acteur.rice.s engagé.e.s, libéré.e.s du contrôle, et des jeux de domination ineptes.</p>
<p>J'expérimente dans les domaines des collectifs, de la facilitation de groupe, du changement organisationnel et des conseils individuels pour nourrir ma quête d'une citoyenneté enthousiaste et apprenante.</p>
<span class=links>
<a href=http://scopyleft.fr><i class="fa fa-sitemap"></i></a>
<a href=http://github.com/pointbar><i class="fa fa-github-alt"></i></a>
<a href=http://twitter.com/langlois_s><i class="fa fa-twitter"></i></a>
<a href=mailto:stephane.langlois@scopyleft.fr><i class="fa fa-envelope-open"></i></a>
</span>
</article>
<article>
<h3>Alyssa Daoud<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/humains/blur.jpg>
<p>Adaptable à tous milieux, des plus institutionnels aux plus originaux, je suis de nature curieuse, enthousiaste, optimisme avec une énergie contagieuse !</p>
<p>Je suis facilitatrice en intelligence collective au service de la transition écologique et sociétale, de la lutte contre le gaspillage alimentaire, l’économie circulaire ou encore l’innovation sociale.</p>
<p>J’ai comme philosophie de vie de contribuer à mon échelle à résoudre les (si nombreux) défis de notre siècle pour une société plus juste, de connecter des personnes et transmettre l’envie d’agir. Bonne vivante, j’aime jouir de tous les sens !</p>
<span class=links>
<a href=http://lesvigies.fr><i class="fa fa-sitemap"></i></a>
<a href=https://twitter.com/alyssadaoud><i class="fa fa-twitter"></i></a>
</span>
</article>
<article>
<h3>Lilian Ricaud<span class=baseline>Chercheur écosystémique de la coopération</span></h3>
<img src=img/humains/blur.jpg>
<p>Je suis un Consultant en stratégie Web et travail en reseau qui aide les organisation à travailler autrement grâce aux technologies sociales.</p>
<span class=links>
<a href=http://www.lilianricaud.com/travail-en-reseau><i class="fa fa-sitemap"></i></a>
<a href=https://github.com/lilianricaud><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/lilious><i class="fa fa-twitter"></i></a>
<a href=mailto:contact@lilianricaud.com><i class="fa fa-envelope-open"></i></a>
</span>
</article>
<article>
<h3>Julia Barbelane<span class=baseline>Vidéaste et réalisatrice de vidéos pour le web</span></h3>
<img src=img/humains/blur.jpg>
<p>Je suis vidéaste et réalisatrice pour les entrepreneurs du changement.</p>
<p>J'ai choisi d'entreprendre et créer pour vivre avec enthousiasme et liberté.</p>
<p>J'aspire à travailler avec et pour celles et ceux qui recherchent plus d'alignement avec leur valeurs dans l'idée explorer de nouvelles pistes ensemble.</p>
<span class=links>
<a href=http://www.juliabarbelane.com><i class="fa fa-sitemap"></i></a>
<a href=https://github.com/julia-barbelane><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/juliabarbelane><i class="fa fa-twitter"></i></a>
</span>
</article>
<article>
<h3>Thomas Wolff<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/humains/blur.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<span class=links>
<a href=https://github.com/WolffThomas><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/thom_wolff><i class="fa fa-twitter"></i></a>
</span>
</article>
<article>
<h3>Sabine Safi<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/humains/blur.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<span class=links>
<a href=https://github.com/sabinesafi><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/sabinesafi><i class="fa fa-twitter"></i></a>
</span>
</article>
<article>
<h3>Thibault Jouannic<span class=baseline>Ingénieur Web Freelance</span></h3>
<img src=img/humains/blur.jpg>
<p>Indépendant, je propose des prestations agiles de développement d'applications Web sur mesure.</p>
<p>Ancien ingénieur <acronym title="Tierce Maintenance Applicative">TMA</acronym>, j'ai une aversion pour le code sale et les projets sans tests.</p>
<p>Quand c'est possible, je préfère travailler sur des projets socialement utiles et au minimum, qui ne nuisent pas à mon prochain.</p>
<p>Accessoirement, je deviens insupportable en périodes électorales.</p>
<span class=links>
<a href=https://miximum.fr><i class="fa fa-sitemap"></i></a>
<a href=https://github.com/thibault><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/thibaultj><i class="fa fa-twitter"></i></a>
<a href=mailto:thibault@jouannic.fr><i class="fa fa-envelope-open"></i></a>
</span>
</article>
<article>
<h3>Fabien Trégan<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/humains/blur.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<span class=links>
<a href=https://github.com/fabientregan><i class="fa fa-github-alt"></i></a>
<a href=https://twitter.com/ftregan><i class="fa fa-twitter"></i></a>
</span>
</article>
</div>
</section>
<section id=trainings>
<h2>Les ressources</h2>
<div class="grid-3 has-gutter">
<article>
<h3>Event Storming<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/ressources/bamalou-lait-cru.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<!-- <a href=#>En savoir plus</a> -->
</article>
<article>
<h3>Elm<span class=baseline>Sans frontale, ni baudrier</span></h3>
<img src=img/ressources/bethmale.jpg>
<p>Elm est un language moderne et <a href="https://fr.wikipedia.org/wiki/Programmation_fonctionnelle">fonctionnel</a>.</p>
<p>Plonger dans Elm c'est prendre un bain de jouvance, se revitaliser pour se réveiller de la lourdeur de la stack <em>JavaScript</em>.</p>
<!-- <a href=#>En savoir plus</a> -->
</article>
<article>
<h3>Positionnement CSS<span class=baseline>Agencer sans s'agacer</span></h3>
<img src=img/ressources/bleu-de-saint-flour.jpg>
<p>Se griller les neurones pour positionner un texte, un bloc une image, c'est pas humain.</p>
<p>On va jouer avec <em>Flexbox</em> et <em>Grid</em> on va apprendre à positionner les éléments <em>Html</em> aux petits oignons.</p>
<!-- <a href=#>En savoir plus</a> -->
</article>
<article>
<h3>Darktable<span class=baseline>Développement photo raw libre</span></h3>
<img src=img/ressources/bleu-des-causses.jpg>
<p>En photographie, la prise de vue n'est que la première étape.</p>
<p>Vient ensuite la phase de développement pour passer du fichier raw au jpeg final.</p>
<p>Venez découvrir Darktable, l'équivalent (mais mieux et libre) de Lightroom en vous initiant (ou perfectionnant) au développement photographique numérique.</p>
<a href=contents/darktable.html>En savoir plus</a>
</article>
<article>
<h3>Running Lean<span class=baseline>La machine à passer à l'acte</span></h3>
<img src=img/ressources/brie.jpg>
<p>Difficile de ne pas s'éparpiller lorsqu'on se lance seul ou à plusieurs dans un projet.</p>
<p>Comment mettre en application ses idées avec peu de ressources, en utilisant des pratiques vivifiantes basées sur les jeux et les approches collaboratives.</p>
<a href=contents/running_lean.html>En savoir plus</a>
</article>
<article>
<h3>Stigmergie<span class=baseline>Fourmis, auto-organisation et cocopération à grande échelle</span></h3>
<img src=img/ressources/iraty.jpg>
<p>Les fourmis n'ont pas de chef ou de conseil qui décide. La stigmergie est le mode d'auto-organisation </p>
<p>utilisé par les fourmis, les termites ou de nombreux projets du logiciel libre et allie intérêt individuel et collectif.</p>
<a href=contents/stigmergie.html>En savoir plus</a>
</article>
<article>
<h3>JavaScript<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/ressources/morbier.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<!-- <a href=#>En savoir plus</a> -->
</article>
<article>
<h3>Product-Owner<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/ressources/munster.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<!-- <a href=#>En savoir plus</a> -->
</article>
<article>
<h3>CNV<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/ressources/ossau-iraty.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<!-- <a href=#>En savoir plus</a> -->
</article>
<article>
<h3>Forum Ouvert<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/ressources/poisse.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<!-- <a href=#>En savoir plus</a> -->
</article>
<article>
<h3>Photographie urbaine<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/ressources/reblochon.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<!-- <a href=#>En savoir plus</a> -->
</article>
<article>
<h3>Jeux cocréatifs<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/ressources/roquefort.jpg>
<p>Réunionner, conférencer, brainstormer, ... Et si on enrichissait notre vocabulaire du faire-ensemble ?</p>
<a href=contents/jeux_cocreatifs.html>En savoir plus</a>
</article>
<article>
<h3>Langages de Pattern<span class=baseline>Naviguer dans la complexité</span></h3>
<img src=img/ressources/salers.jpg>
<p>La plupart des langages de patterns fabriqués manquent vie et ne sont pas aussi puissant qu'ils pourraient l'être. Comment co-inventer des langages de patterns réellement vivants ?</p>
<a href=contents/langages_de_patterns.html>En savoir plus</a>
</article>
<article>
<h3>Pixel art<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/ressources/tomme-de-chevre.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<!-- <a href=#>En savoir plus</a> -->
</article>
<article>
<h3>Permaculture<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/ressources/tomme-de-montagne.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<!-- <a href=#>En savoir plus</a> -->
</article>
<article>
<h3>Revue de code<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/ressources/tomme-fraiche.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<!-- <a href=#>En savoir plus</a> -->
</article>
<article>
<h3>Github pour l'écriture<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/ressources/tomme-vache-et-brebis.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<!-- <a href=#>En savoir plus</a> -->
</article>
<article>
<h3>les datas<span class=baseline>La tête dans la tempête</span></h3>
<img src=img/ressources/tommette-au-lait-de-brebis.jpg>
<p>Juste avant de coder, il faut savoir <em>quoi</em> coder.</p>
<p>EventStorming est une approche simple pour partager et construire une connaissance du domaine métier de façon collaborative.</p>
<!-- <a href=#>En savoir plus</a> -->
</article>
</div>
</section>
<footer>
<p>Bordeaux - Toulouse - Paris - Lille - Montpellier - Marseille - Lyon - Nantes - Strasbourg</p>
</footer>
<script>
// Create an array with 0 to n values and pseudo-shuffle
const serie = Array.apply(null, {length: 21})
.map(Number.call, Number)
.sort(() => 0.5 - Math.random())
const portraits = document.querySelectorAll('section#trainers img')
Array.from(portraits).map(img => {
img.src = `img/humains/${serie.pop()+1}.jpg`
})
</script>