A place to cache linked articles (think custom and personal wayback machine)
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

index.html 27KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang=fr>
  4. <!-- Has to be within the first 1024 bytes, hence before the <title>
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset=utf-8>
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name=viewport content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Les rencontres conviviales (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="http://blog.exirel.me/les-rencontres-conviviales">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. Les rencontres conviviales (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="http://blog.exirel.me/les-rencontres-conviviales">Source originale du contenu</a></h3>
  445. <p>Cette année, j’ai accepté l’honneur (et le challenge) d’organiser une rencontre Django à Rennes, et plus exactement “la” rencontre Django FR 2016. Ce sera le 21 Mai, et pour l’instant nous avons ouvert l’appel à orateurs, et publié notre code de conduite présenté sous la forme de judicieux conseils, ce qui est loin d’être un choix anodin.</p>
  446. <h2>Le choix des valeurs</h2>
  447. <p>Ceci n’engage peut-être que moi, mais il m’est apparu que la communauté Django FR, que <em>notre</em> communauté, partageait un certain nombre de valeurs, que j’ai souhaité mettre en avant.</p>
  448. <h3>La convivialité</h3>
  449. <p>Aussi loin que je me souvienne, la DjangoCong a toujours été un événement à part dans le calendrier : c’est ce genre de conférences où sont nombreux ceux qui viennent autant pour les gens que pour les conférences elles-mêmes. Pas parce qu’il y a des super-stars sur scène, mais simplement parce que l’ambiance, les relations, les discussions, et la convivialité de l’ensemble font clairement partie de l’expérience.</p>
  450. <p>C’est un point très important pour tous ceux qui ont organisé de telles rencontres, ça l’est pour moi, et j’espère que cela le sera encore longtemps. C’est une valeur forte de notre (petite) communauté, et plus encore une marque de fabrique de toute DjangoCong (qu’elle soit dans le Sud ou non).</p>
  451. <h3>Le vivre ensemble</h3>
  452. <p>Une formule qui a souvent été appliquée lors des précédentes DjangoCong, c’est la conférence en 4 temps : on a fait, on discute, on fait, on refait le monde. Cela se traduit souvent par des conférences, des barcamps, des sprints, puis un moment de détente et de partage. Cela peut être une balade, une course à pieds, une visite touristique, un après-midi dans un parc avec des jeux de plateau… bref, un moment de convivialité.</p>
  453. <p>Le “vivre ensemble” est alors primordial : nous passons un certain temps ensemble, que ce soit à écouter des conférences, à déjeuner à table, ou lors de la soirée communautaire. S’il n’y a pas une bonne ambiance, ou si les participants ne sont pas intéressés, ou pire encore ne respectent pas les règles, alors tout s’effondre, et nous perdons bien plus qu’un peu de temps : nous perdons notre identité.</p>
  454. <h3>Et bien sûr l’humour</h3>
  455. <p>Notre langage de programmation a été nommé en l’honneur d’un groupe d’humoristes anglais, les très célèbres Monty Python, et il n’y a rien de surprenant à ce que l’humour et l’autodérision fassent partie de notre ADN.</p>
  456. <p>C’est un sujet parfois sensible, tant l’humour est lié à notre culture, et que notre culture n’est pas parfaite (je ne m’étendrai pas plus sur le sujet).</p>
  457. <p>En tout état de cause, nous ne nous prenons pas trop au sérieux. Prenez ça comme un manque de maturité, ou comme le signe d’une communauté trop petite. Je crois pour ma part que c’est, au contraire, le signe d’une grande humanité.</p>
  458. <h2>De nos valeurs à notre conduite</h2>
  459. <p>Bien sûr, nos valeurs nous dictent notre conduite, et il est parfois difficile d’imaginer que quelqu’un puisse venir sans le comprendre, ou sans y adhérer. Pourtant, cela arrive et arrivera très certainement - ne serait-ce que parce qu’il faut bien une première fois.</p>
  460. <p>Ce qui compte alors, c’est de <strong>transmettre, par nos communiqués, par nos actes, et par nos paroles, ces valeurs</strong>. Le vivre ensemble et la convivialité ne sont pas de vains mots sur un manifeste en ligne, c’est une réalité et une motivation à continuer d’organiser un événement comme celui-ci, avec cet esprit si particulier.</p>
  461. <h3>Judicieux conseils</h3>
  462. <p>Certains s’étonnent de ne pas voir de “vrai” code de conduite, d’autres le trouve “non conventionnel”. D’autres encore lui trouvent des défauts, le commentent, proposent des modifications, ou en font simplement la critique (j’ai reçu quelques compliments aussi).</p>
  463. <p>Il y a un choix assumé de présenter nos règles sous cette forme là : elle transmet nos valeurs aussi sûrement que nos actes. Que ce soit le ton employé, la tournure des phrases, ou le choix des mots, j’ai estimé, humblement, que c’était notre façon à nous de transmettre nos valeurs, et de demander à tous d’y adhérer.</p>
  464. <p>Le choix du tutoiement n’est pas anodin, loin de là ; de même que de ne pas lister tous les écarts de conduite possibles. J’ai souhaité conservé l’esprit des années précédentes, tout en essayant de prendre en compte les retours qui vont avec.</p>
  465. <p>D’où <strong>le premier paragraphe qui rappelle ces valeurs et qui demande l’engagement de tous les participants à en respecter les règles</strong> - et surtout à respecter les autres !</p>
  466. <div class="admonition quote">
  467. <p>Nous demandons <strong>l'engagement de tous les participants</strong> à suivre ces règles, présentées sous la forme de nos judicieux conseils.</p>
  468. </div>
  469. <p>Pour moi, cela n’aurait pas de sens de simplement dire aux gens de respecter la Loi, et de faire une longue liste de toutes les choses que nous ne voulons pas voir. Cela n’a pas de sens pour moi de faire passer un code de conduite - dont la valeur légale est plus que douteuse - <em>avant</em> ce qui compte vraiment.</p>
  470. <p>Plus que des mots, nos valeurs disent ce que nous sommes, et elles disent avec bien plus de vérité et de sincérité ce qui compte pour nous que ce qu’aucun texte de Loi ne pourra jamais exprimer.</p>
  471. <p>Cependant, ne soyons pas bornés : il est important de clarifier certains points, et de renforcer nos positions. J’ai estimé qu’il était important de rappeler :</p>
  472. <ol>
  473. <li>L’engagement à suivre les règles,</li>
  474. <li>Le soutien et la présence des organisateurs auprès des participants qui en auraient besoin,</li>
  475. <li>Le rappel que nous ne tolèrerons pas les écarts de conduite, et pas seulement pendant les conférences.</li>
  476. </ol>
  477. <h3>Retours utilisateurs</h3>
  478. <p>J’ai particulièrement fait attention à prendre en compte plusieurs retours et à suivre les discussions à ce sujet sur Twitter. Nous avons, cette semaine, amendé et corrigé plusieurs points importants des commandements.</p>
  479. <p>Je tiens notamment à parler des plus problématiques, que ce soit les corrections de cette semaine, ou les modifications apportées dans la version initiale de l’édition 2016 :</p>
  480. <h4>De la gentillesse et de la courtoisie</h4>
  481. <p>Le commandement anciennement 4 a été placé en tête de liste. La raison me semble évidente : c’est une façon de mettre l’emphase sur ce qui compte pour nous (les valeurs, oui, toujours).</p>
  482. <p>De plus, ce commandement a été renforcé par la présence du 8 : <em>Tu ne mettras personne mal à l'aise ou dans l'embarras, même si c'est "juste une blague" ;</em></p>
  483. <p>J’ai d’ailleurs prévu de retravailler un peu ce point là, suite à des retours, notamment pour expliciter le problème du harcèlement (qui n’est bien entendu pas acceptable). L’ajout de “juste une blague” est un contrepoids au ton parfois humoristique, car il est regrétable que l’humour puisse être utilisé pour excuser un écart de conduite.</p>
  484. <p>Ce qui compte par ailleurs, c’est de faire accepter par tout le monde que, oui, parfois on se trompe. Parfois nos intentions ne sont pas comprises, et que même en toute bonne foi, notre comportement n’est pas toujours le bon. Il faut le reconnaître, s’excuser, et essayer de comprendre l’autre.</p>
  485. <h4>Du troll</h4>
  486. <p>Les commandements 7 et 8 ont été retirés, purement et simplement. Quand bien même il n’y avait pas de mauvaises intentions à leur origine, ils sont un reliquat du passé, où un petit noyau dur avait ses références et ses blagues privées - bon enfant peut-être, mais impossible à partager sereinement avec le monde extérieur (et puis les bonnes intentions, ça ne suffit pas).</p>
  487. <p>Ils ont été remplacés par le commandement 7 : <em>Tu ne trolleras pas ton prochain, même pour rire ;</em> Simple et efficace.</p>
  488. <h4>De la critique</h4>
  489. <p>Le commandement 3 me posait un problème : il impliquait que quelqu’un pouvait juger de la qualité de façon absolue, alors qu’il y a nécessairement une part de subjectivité.</p>
  490. <p>C’est une façon de rappeler que notre avis, notre opinion, quand bien même nous les pensons bien argumentés, ne sont pas des raisons suffisantes pour embarrasser ou agresser quelqu’un.</p>
  491. <h4>Et enfin de l’humour</h4>
  492. <p>Les commandements 9 et 10 du gentil participant, et le commandement 10 du gentil orateur sont là pour rappeler l’humour qui font aussi partie de la bonne ambiance.</p>
  493. <p>On notera par ailleurs que :</p>
  494. <ol>
  495. <li>les références obscures ont été retirées ou explicitées,</li>
  496. <li>Le parapluie a remplacé la crème solaire, car habitant en Bretagne, j’ai moi aussi ma dose d’auto-dérision,</li>
  497. <li>Il n’y a pas de trois là tout de suite, mais si je cherchais bien je suis sûr d’en trouver.</li>
  498. <li>Ah ben justement : il n’y a plus de commandement 11, donc vous ne pourrez plus ne plus le faire remarquer.</li>
  499. </ol>
  500. <h2>Du code de conduite en général</h2>
  501. <p>Nous n’adoptons pas des codes de conduite dans nos conférences parce qu’une loi nous y oblige. Nous ne les adoptons pas non plus parce qu’ils sont une fin en soi, l’achèvement de l’humanité en matière de civilisation.</p>
  502. <div class="admonition quote">
  503. <p>Je crois que les codes de conduite ne sont qu’un moyen, et très limité encore, de rappeler des valeurs autrement plus fondamentales.</p>
  504. </div>
  505. <p>Au fond un code de conduite n’est rien de plus, dans sa forme conventionnelle, qu’un rappel des règles les plus élémentaires de savoir vivre ainsi que, plus important peut-être, de la Loi. Le harcèlement n’est pas une blague, les viols et les agressions sexuelles ne me font pas rire, et j’espère sincèrement ne jamais avoir à gérer ce genre de choses à un événement que j’organise.</p>
  506. <div class="admonition aside">
  507. <p class="admonition-title">Travail des communautés</p>
  508. <p><a href="https://2016.djangocon.eu/blog/article/2016-01-25-announcing-cfp-results/#blogcontent">54% d’oratrices</a> pour la conférence européenne autour de Django. Pas mal !</p>
  509. </div>
  510. <p>Pourtant, un code de conduite n’a pas beaucoup de valeur intrinsèque : ce sont des mots sur un site en ligne ou sur un bout de papier. Il faut bien plus que ça pour arrêter les mauvais comportements, et il nous faudra bien plus que des CoC open-source pour améliorer la situation générale. C’est un long travail, que les communautés effectuent avec plus ou moins de réussites.</p>
  511. <p>J’aimerais que nous n’oubliions pas pourquoi nous avons besoin d’écrire des CoC, et j’aimerais que nous ne perdions pas de vu que, ce qui compte bien plus, c’est d’appliquer les intentions que nous mettons derrière. Que nos organisateurs soient préparés à gérer tous les cas de figure, et que nos participants soient alertés des problèmes de sexisme, de racisme, et autres problèmes de discrimination ou de harcèlement.</p>
  512. <p>C’est pour ça, entre autre, que j’assume pleinement la forme du “code de conduite”, des règles, que nous appliquerons cette année, à Rennes, pour la DjangoCong 2016.</p>
  513. <p><em>J’espère vous y voir nombreux, pour partager avec vous un moment de convivialité et de vivre ensemble.</em></p>
  514. </article>
  515. </section>
  516. <nav id="jumpto">
  517. <p>
  518. <a href="/david/blog/">Accueil du blog</a> |
  519. <a href="http://blog.exirel.me/les-rencontres-conviviales">Source originale</a> |
  520. <a href="/david/stream/2019/">Accueil du flux</a>
  521. </p>
  522. </nav>
  523. <footer>
  524. <div>
  525. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  526. <p>
  527. Bonjour/Hi!
  528. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  529. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  530. </p>
  531. <p>
  532. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  533. </p>
  534. <p>
  535. Voici quelques articles choisis :
  536. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  537. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  538. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  539. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  540. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  541. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  542. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  543. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  544. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  545. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  546. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  547. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  548. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  549. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  550. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  551. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  552. </p>
  553. <p>
  554. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  555. </p>
  556. <p>
  557. Je ne traque pas ta navigation mais mon
  558. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  559. conserve des logs d’accès.
  560. </p>
  561. </div>
  562. </footer>
  563. <script type="text/javascript">
  564. ;(_ => {
  565. const jumper = document.getElementById('jumper')
  566. jumper.addEventListener('click', e => {
  567. e.preventDefault()
  568. const anchor = e.target.getAttribute('href')
  569. const targetEl = document.getElementById(anchor.substring(1))
  570. targetEl.scrollIntoView({behavior: 'smooth'})
  571. })
  572. })()
  573. </script>