Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

index.html 20KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391
  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` element
  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,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>
  13. SudWeb
  14. — David Larlet</title>
  15. <meta name="description" content="12 mars 2013 :">
  16. <!-- That good ol' feed, subscribe :). -->
  17. <link rel="alternate"
  18. type="application/atom+xml"
  19. title="Feed"
  20. href="/david/log/">
  21. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  22. <link rel="apple-touch-icon"
  23. sizes="180x180"
  24. href="/static/david/icons2/apple-touch-icon.png">
  25. <link rel="icon"
  26. type="image/png"
  27. sizes="32x32"
  28. href="/static/david/icons2/favicon-32x32.png">
  29. <link rel="icon"
  30. type="image/png"
  31. sizes="16x16"
  32. href="/static/david/icons2/favicon-16x16.png">
  33. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  34. <link rel="mask-icon"
  35. href="/static/david/icons2/safari-pinned-tab.svg"
  36. color="#07486c">
  37. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  38. <meta name="msapplication-TileColor" content="#f7f7f7">
  39. <meta name="msapplication-config"
  40. content="/static/david/icons2/browserconfig.xml">
  41. <meta name="theme-color"
  42. content="#f7f7f7"
  43. media="(prefers-color-scheme: light)">
  44. <meta name="theme-color"
  45. content="#272727"
  46. media="(prefers-color-scheme: dark)">
  47. <!-- Is that even respected? Retrospectively? What a shAItshow…
  48. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  49. <meta name="robots" content="noai, noimageai">
  50. <!-- Documented, feel free to shoot an email. -->
  51. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  52. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  53. <link rel="preload"
  54. href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
  55. as="font"
  56. type="font/woff2"
  57. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  58. crossorigin>
  59. <link rel="preload"
  60. href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
  61. as="font"
  62. type="font/woff2"
  63. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  64. crossorigin>
  65. <link rel="preload"
  66. href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
  67. as="font"
  68. type="font/woff2"
  69. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  70. crossorigin>
  71. <link rel="preload"
  72. href="/static/david/css/fonts/triplicate_t3_regular.woff2"
  73. as="font"
  74. type="font/woff2"
  75. media="(prefers-color-scheme: dark)"
  76. crossorigin>
  77. <link rel="preload"
  78. href="/static/david/css/fonts/triplicate_t3_bold.woff2"
  79. as="font"
  80. type="font/woff2"
  81. media="(prefers-color-scheme: dark)"
  82. crossorigin>
  83. <link rel="preload"
  84. href="/static/david/css/fonts/triplicate_t3_italic.woff2"
  85. as="font"
  86. type="font/woff2"
  87. media="(prefers-color-scheme: dark)"
  88. crossorigin>
  89. <script>
  90. function toggleTheme(themeName) {
  91. document.documentElement.classList.toggle(
  92. 'forced-dark',
  93. themeName === 'dark'
  94. )
  95. document.documentElement.classList.toggle(
  96. 'forced-light',
  97. themeName === 'light'
  98. )
  99. }
  100. const selectedTheme = localStorage.getItem('theme')
  101. if (selectedTheme !== 'undefined') {
  102. toggleTheme(selectedTheme)
  103. }
  104. </script>
  105. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
  106. data-instant-intensity="viewport-all">
  107. <article>
  108. <header>
  109. <h1>SudWeb</h1>
  110. </header>
  111. <nav>
  112. <p class="center">
  113. <a rel="prev"
  114. href="/david/2023/05/05/"
  115. title="Publication précédente : AÏe">← Précédent</a> •
  116. <nobr>
  117. <a href="/david/" title="Aller à l’accueil" rel="up">
  118. <svg class="icon icon-home">
  119. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"></use>
  120. </svg>
  121. Accueil</a>
  122. </nobr>
  123. <nobr>
  124. <a href="/david/recherche/"
  125. title="Aller à la page de recherche"
  126. rel="search">
  127. <svg class="icon icon-search">
  128. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-search"></use>
  129. </svg>
  130. Recherche</a>
  131. </nobr>
  132. • <a rel="next"
  133. href="/david/2023/06/06/"
  134. title="Publication suivante : Réponse(s)">Suivant →</a>
  135. </p>
  136. </nav>
  137. <hr>
  138. <p>12&nbsp;mars&nbsp;2013&nbsp;:</p>
  139. <blockquote>
  140. <p>Je vais pas mal intervenir ces prochains mois, peut-être l’occasion de se rencontrer et&nbsp;d’échanger</p>
  141. <p><cite><em><a href="/david/blog/2013/conferences-diversite/">Conférences et&nbsp;diversité</a></em></cite></p>
  142. </blockquote>
  143. <p>13&nbsp;mars&nbsp;2013&nbsp;:</p>
  144. <blockquote>
  145. <p><em>Je pense maintenant qu’il est plus important d’avoir une ligne éditoriale cohérente et surprenante.</em> C’est un exercice très difficile de savoir répondre aux attentes d’un public tout en le bousculant (un peu). Qu’il ne reparte <strong>peut-être pas pleinement satisfait mais avec des questions restées sans réponses.</strong> Des pistes à creuser. Des mondes à explorer. […]</p>
  146. <p><strong>La question revient finalement à positionner pour les organisateurs le curseur de la curiosité.</strong> Doit-elle venir des participants ou être imposée par les organisateurs et les orateurs&#8239;? Vaste&nbsp;débat.</p>
  147. <p><cite><em><a href="/david/blog/2013/conferences-editorialisation/">Conférences et&nbsp;éditorialisation</a></em></cite></p>
  148. </blockquote>
  149. <p>19&nbsp;mai&nbsp;2013&nbsp;:</p>
  150. <blockquote>
  151. <p>Une question ouverte en guise de conclusion sans avoir vraiment de proposition technique concrète pour continuer le débat. Après réflexion (et de nombreuses discussions), je ne pense pas qu’il soit pertinent de continuer en ligne par contre je serais ravi que les discussions continuent ici ou ailleurs en espérant avoir semé quelques graines qui pourront germer de proche en&nbsp;proche.</p>
  152. <p><cite><em><a href="/david/blog/2013/quete-sens/">Une quête de&nbsp;sens</a></em></cite></p>
  153. </blockquote>
  154. <p>30&nbsp;mai&nbsp;2015&nbsp;:</p>
  155. <blockquote>
  156. <p><em>J’ai peur</em> de mes propres contradictions au sujet de la&nbsp;consanguinité.</p>
  157. <p><em>Je suis content</em> d’avoir pu voir autant d’orateurs qui n’ont pas l’habitude de s’exprimer en public. Ça change des rockstars qui en sont à la quinzième représentation de leur tournée de&nbsp;conférences.</p>
  158. <p><cite><em><a href="/david/stream/2015/05/30/">Je suis&nbsp;SudWeb</a></em></cite></p>
  159. </blockquote>
  160. <p>5&nbsp;février&nbsp;2016&nbsp;:</p>
  161. <blockquote>
  162. <p>Il y a beaucoup de choses à explorer pour changer la relation organisateur/conférencier/spectateur et la proposition est toujours la même&nbsp;: tous participants pour fluidifier les échanges et encourager l’intelligence collective. Passer du être ensemble au faire&nbsp;ensemble.</p>
  163. <p>On n’achète plus un billet mais on devient membre d’une association qui porte le projet auquel on peut participer financièrement et/ou par un travail avec une gouvernance démocratique. <em>La conférence n’est plus un évènement ponctuel mais un bien commun qui vit tout au long de l’année, que l’on s’approprie et que l’on fait évoluer&nbsp;ensemble.</em></p>
  164. <p><cite><em><a href="/david/blog/2016/coorganisation-conferences/">Co-organisation de&nbsp;conférences</a></em></cite></p>
  165. </blockquote>
  166. <p>28&nbsp;mai&nbsp;2016&nbsp;:</p>
  167. <blockquote>
  168. <p>Les éditions de cette conférence se suivent mais ne se ressemblent pas si ce n’est dans leur recherche de singularité. Chaque intervention donne envie d’aller interagir avec l’orateur pour échanger plus que d’ouvrir son <em>laptop</em>. Derrière ces sujets non-techniques se cachent des réflexions plus profondes qui n’interrogent plus le <em>comment</em> mais le <em>pourquoi</em> et de plus en plus le <em>pourquoi pas</em>&#8239;?</p>
  169. <p><cite><em><a href="/david/blog/2016/sudweb-2016/">SudWeb&nbsp;2016</a></em></cite></p>
  170. </blockquote>
  171. <p>29&nbsp;août&nbsp;2017&nbsp;:</p>
  172. <blockquote>
  173. <p>Avoir plusieurs années d’expérience donne d’autant plus de légitimité pour expérimenter et d’assurance pour se relever en cas d’échec (encore faudrait-il définir cette éventualité). Un événement récurrent donne la chance de pouvoir considérer chaque itération comme une page blanche, les «&nbsp;acquis&nbsp;» ne se font pas sur les formats mais sur le réseau (ou micro-culture) qui se recrée à chaque fois. Renforcer des liens pour le sentiment d’appartenance d’un côté, en relâcher d’autres pour être inclusif par ailleurs. <strong>Une communauté vieillissante aspirera toujours à plus de sécurité et de confort.</strong> Et est-ce une raison valable pour les lui&nbsp;accorder&#8239;?&nbsp;:-)</p>
  174. <p><cite><em><a href="/david/blog/2017/besoin-experience/">Besoin et&nbsp;expérience</a></em></cite></p>
  175. </blockquote>
  176. <p>12&nbsp;janvier&nbsp;2018&nbsp;:</p>
  177. <blockquote>
  178. <p>Est-ce qu’il y a des évènements où un incident a été à l’origine d’un dépôt de plainte de la part de l’organisation&#8239;? Et si oui quelles en ont été les suites&#8239;? Une jurisprudence serait la&nbsp;bienvenue.</p>
  179. <p><em>PS&nbsp;: ne croyez pas que je tape toujours sur SudWeb, ce n’est qu’un exemple (plutôt bon en l’occurence) et c’est surtout le seul événement pour lequel j’ai encore un intérêt car ils sont plein de vitalité et ça fait&nbsp;plaisir&nbsp;:-).</em></p>
  180. <p><cite><em><a href="/david/stream/2018/01/12/">Code&nbsp;d’(in)conduite</a></em></cite></p>
  181. </blockquote>
  182. <p>26&nbsp;janvier&nbsp;2021&nbsp;:</p>
  183. <blockquote>
  184. <p>Il y a peu, j’écrivais que je donnais des conférences &quot;avant de prendre conscience qu’il était important de laisser la place à d’autres moins privilégié·e·s/plus diversifié·e·s&quot;. Et indirectement, cela m’a permis de prendre du recul et eu aussi pour conséquence de ne plus me motiver du tout à aller dans les conférences «&nbsp;classiques&nbsp;». […]</p>
  185. <p>Je suis tiraillé entre co-créer de nouvelles choses ou faire acte de présence et de promotion des endroits qui comptent pour d’autres et leurs offrent un espace de visibilité non&nbsp;négligeable</p>
  186. <p><cite><em><a href="/david/2021/01/26/">Conférences</a></em></cite></p>
  187. </blockquote>
  188. <p>5&nbsp;octobre&nbsp;2021&nbsp;:</p>
  189. <blockquote>
  190. <p>Quel que soit le format, j’ai fini par remarquer (il m’a fallu une dizaine d’années tout de même…) que ces évènements favorisent l’entre-soi et donnent une ascendance aux organisateur·ices et participant·es actif·ves. Ce statut est malsain car il permet des comportements déplacés de la part des personnes ayant davantage de pouvoir, d’autant plus lorsqu’une foule est&nbsp;réunie.</p>
  191. <p><cite><em><a href="/david/2021/10/05/">Conférences&nbsp;2</a></em></cite></p>
  192. </blockquote>
  193. <p>J’avais besoin de cet historique incomplet pour me pointer mes propres incohérences et suivre l’évolution de ma pensée au cours des années. De l’avantage d’avoir une mémoire&nbsp;externalisée.</p>
  194. <p>SudWeb a une place toute particulière dans mon cœur, j’ai <a href="/david/stream/2010/#tw-27452935068">participé à sa création</a>, j’y suis intervenu dans ce que je considère être <a href="/david/blog/2013/quete-sens/">l’apogée de ce que je pouvais faire dans un groupe</a>, je m’y suis fait des ami·es (coucou Amanda 🇨🇦), j’y ai vu des personnes grandir, mûrir, se remettre en question et j’allais boucler la boucle en motivant une personne à&nbsp;participer.</p>
  195. <p>Lorsque j’ai appris que le sujet de <a href="https://ynote.hk/">Fanny</a> avait été retenu, j’étais vraiment très content qu’un espace de parole et d’interactions lui soit proposé. Lorsque le programme complet (qui n’est plus en ligne) est sorti, je me suis posé beaucoup de questions. Je ressentais un <a href="https://eldritch.cafe/@davidbruant/110311929122033704">certain malaise</a>&nbsp;(<a href="/david/cache/2023/e211e38b6e8dd18119e0ff18464d2414/">cache</a>) à ce que des personnes sur-représentées dans ces évènements le soient encore une fois. Je me suis vraiment demandé ce qui avait pu motiver ces choix et je crois que j’aurais aimé une communication plus claire à ce sujet pour essayer de comprendre plutôt que d’être dans&nbsp;l’interprétation.</p>
  196. <p>L’évènement a depuis été annulé car pas assez de personnes étaient motivées par cette rencontre. Difficile d’en tirer des conclusions à chaud. Difficile de savoir au bout de combien de personnes est-ce que ça devenait rentable (financièrement&#8239;?). Facile de faire des liens de cause à effet erronés en écoutant uniquement ma micro-bulle. Facile d’imaginer que ça n’ait pas été facile pour les personnes bénévoles qui se sont motivées pour l’organisation cette&nbsp;année.</p>
  197. <p>On peut lire actuellement sur la <a href="https://sudweb.fr/2023/">page 2023&nbsp;de l’évènement</a>&nbsp;(<a href="/david/cache/2023/32448878bfcad6dd5d1bcb2b626f1a9d/">cache</a>)&nbsp;:</p>
  198. <blockquote>
  199. <p>Ne vous arrêtez pas, ne vous arrêtez&nbsp;jamais.</p>
  200. </blockquote>
  201. <p>Ça me questionne beaucoup aussi&nbsp;: c’est correct de s’asseoir faire une pause pour ne pas se brûler, d’accepter la déception de ce qui vient de se produire, de prendre le temps d’aller demander pourquoi est-ce que ça ne s’est pas passé, de libérer ses émotions&nbsp;maladroitement.</p>
  202. <p>C’est ce que je suis en train d’essayer de faire à mon&nbsp;échelle.</p>
  203. <nav>
  204. <p>
  205. <a href="/david/2023/gratitude/"
  206. title="Liste de tous les articles 2023 associés à cette étiquette"
  207. rel="tag">#gratitude</a>
  208. <a href="/david/2023/nostalgie/"
  209. title="Liste de tous les articles 2023 associés à cette étiquette"
  210. rel="tag">#nostalgie</a>
  211. <a href="/david/2023/sociologie/"
  212. title="Liste de tous les articles 2023 associés à cette étiquette"
  213. rel="tag">#sociologie</a>
  214. <a href="/david/#tags-2023" title="Liste de toutes les étiquettes 2023">
  215. <svg class="icon icon-tags">
  216. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-tags"></use>
  217. </svg>
  218. tous ?</a>
  219. </p>
  220. </nav>
  221. <nav>
  222. <p class="center">
  223. <a rel="prev"
  224. href="/david/2023/05/05/"
  225. title="Publication précédente : AÏe">← Précédent</a> •
  226. <a href="/david/2023/" title="Liste des publications récentes">↑ En 2023</a>
  227. • <a rel="next"
  228. href="/david/2023/06/06/"
  229. title="Publication suivante : Réponse(s)">Suivant →</a>
  230. </p>
  231. </nav>
  232. </article>
  233. <hr>
  234. <footer>
  235. <p>
  236. <nobr>
  237. <a href="/david/" title="Aller à l’accueil">
  238. <svg class="icon icon-home">
  239. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"></use>
  240. </svg>
  241. Accueil</a>
  242. </nobr>
  243. <nobr>
  244. <a href="/david/log/" title="Accès au flux RSS">
  245. <svg class="icon icon-rss2">
  246. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  247. </svg>
  248. Suivre</a>
  249. </nobr>
  250. <nobr>
  251. <a href="http://larlet.com"
  252. title="Go to my English profile"
  253. data-instant>
  254. <svg class="icon icon-user-tie">
  255. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  256. </svg>
  257. Pro</a>
  258. </nobr>
  259. <nobr>
  260. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">
  261. <svg class="icon icon-mail">
  262. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  263. </svg>
  264. Email</a>
  265. </nobr>
  266. <nobr>
  267. <abbr class="nowrap"
  268. title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">
  269. <svg class="icon icon-hammer2">
  270. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  271. </svg>
  272. Légal</abbr>
  273. </nobr>
  274. </p>
  275. <template id="theme-selector">
  276. <form>
  277. <fieldset>
  278. <legend>
  279. <svg class="icon icon-brightness-contrast">
  280. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  281. </svg>
  282. Thème
  283. </legend>
  284. <label>
  285. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  286. Auto
  287. </label>
  288. <label>
  289. <input type="radio" value="dark" name="chosen-color-scheme">
  290. Foncé
  291. </label>
  292. <label>
  293. <input type="radio" value="light" name="chosen-color-scheme">
  294. Clair
  295. </label>
  296. </fieldset>
  297. </form>
  298. </template>
  299. </footer>
  300. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  301. <script>
  302. function loadThemeForm(templateName) {
  303. const themeSelectorTemplate = document.querySelector(templateName)
  304. const form = themeSelectorTemplate.content.firstElementChild
  305. themeSelectorTemplate.replaceWith(form)
  306. form.addEventListener('change', (e) => {
  307. const chosenColorScheme = e.target.value
  308. localStorage.setItem('theme', chosenColorScheme)
  309. toggleTheme(chosenColorScheme)
  310. })
  311. const selectedTheme = localStorage.getItem('theme')
  312. if (selectedTheme && selectedTheme !== 'undefined') {
  313. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  314. }
  315. }
  316. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  317. window.addEventListener('load', () => {
  318. let hasDarkRules = false
  319. for (const styleSheet of Array.from(document.styleSheets)) {
  320. let mediaRules = []
  321. for (const cssRule of styleSheet.cssRules) {
  322. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  323. continue
  324. }
  325. // WARNING: Safari does not have/supports `conditionText`.
  326. if (cssRule.conditionText) {
  327. if (cssRule.conditionText !== prefersColorSchemeDark) {
  328. continue
  329. }
  330. } else {
  331. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  332. continue
  333. }
  334. }
  335. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  336. }
  337. // WARNING: do not try to insert a Rule to a styleSheet you are
  338. // currently iterating on, otherwise the browser will be stuck
  339. // in a infinite loop…
  340. for (const mediaRule of mediaRules) {
  341. styleSheet.insertRule(mediaRule.cssText)
  342. hasDarkRules = true
  343. }
  344. }
  345. if (hasDarkRules) {
  346. loadThemeForm('#theme-selector')
  347. }
  348. })
  349. </script>
  350. </body>
  351. </html>