A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 31KB

4 vuotta sitten
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549
  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>Versions et révisions (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="https://nrkn.fr/blog/2018/10/28/versions-et-revisions/">
  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. Versions et révisions (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="https://nrkn.fr/blog/2018/10/28/versions-et-revisions/">Source originale du contenu</a></h3>
  445. <p>Quelque part dans le courant de l’année, ma relation à l’écriture a évolué. De légers changements. Dans la forme, dans le temps que j’y consacre, dans la manière de l’aborder et de l’importance que j’accorde à cette activité. La finalité, elle, est restée la même. Seule la conscience que j’en ai désormais s’est précisée. D’un besoin inexpliqué, d’une nécessité ressentie, j’accepte maintenant qu’il ne s’agit que d’une envie, d’un outil et d’un moyen. Un médium pour relâcher la pression, extraire de la tête les tourbillons réguliers d’idées, de sensations et de questions qui vireraient facilement à l’ouragan s’ils ne finissaient pas sur papier (ou écran) pour devenir alors une matière à modeler, à informer, à produire du sens. Écrire devient l’opportunité de prendre du recul, de projeter une part de moi qui se matérialise alors sous mes yeux et s’expose de la sorte à une observation plus attentive, plus distanciée et, ainsi, propice à l’autocritique - aussi biaisée que cette dernière puisse subsister -.</p>
  446. <p>Depuis que j’ai retrouvé le chemin du clavier pour tenir ce blog, j’ai appris à lâcher prise. Je ne cherche pas une régularité stricte de publication, je n’ai aucune règle particulière concernant la forme ou les sujets abordés. Les seules contraintes auxquelles j’ai décidé de m’astreindre tiennent en deux points : écrire ici au moins une fois par mois et toujours être honnête dans les mots que j’aligne. Le premier n’est qu’une histoire d’habitude et de discipline. Cette obligation mensuelle est loin d’être pesante, d’autant que je ne m’impose aucun nombre minimal de mots par billet non plus. Me délester d’une dizaine de mots quand bien même je n’aurais pas écrit depuis des semaines ne me suscite aucune culpabilité. Le second point, lui, est moins évident qu’il ne le paraît. Sur ces deux années de retour assumé au blog, j’ai eu l’occasion - et surtout pris le temps - de le constater : il n’est pas si aisé d’écrire pour soi et/ou sur soi, sachant que d’autres pourront lire.</p>
  447. <blockquote><p>Il est vrai que la notion de relativité des jugements conduit à l'angoisse. Il est plus simple d'avoir à sa disposition un règlement de manœuvre, un mode d'emploi, pour agir. Nos sociétés qui prônent si souvent, en paroles du moins, la responsabilité, s'efforcent de n'en laisser aucune à l'individu, de peur qu'il n'agisse de façon non conforme à la structure hiérarchique de dominance. Et l'enfant pour fuir cette angoisse, pour se sécuriser, cherche lui-même l'autorité des règles imposées par les parents. À l'âge adulte il fera de même avec celle imposée par la socio-culture dans laquelle il s'inscrit. Il se raccrochera aux jugements de valeur d'un groupe social, comme un naufragé s'accroche désespérément à sa bouée de sauvetage.</p><p>Henri Laborit - « Éloge de la fuite »</p></blockquote>
  448. <p>Ce blog tient plus du carnet personnel, au sens premier et intime, que du magazine, du partage de connaissances ou du journalisme citoyen. J’y exprime assez peu d’opinions personnelles et, lorsque cela m’arrive, j’évite de les transformer en revendications ou en discours de ralliements. Essayer de préserver cette forme de neutralité n’est pas destiné à paraître lisse mais s’inscrit intrinsèquement dans ma démarche de réflexion. J’estime qu’un engagement quelconque n’en est pas plus faible sans proclamation et que pancartes et banderoles sont plus encombrantes qu’utiles. Il n’est pas question d’une réserve mais d’une mesure préventive face à l’auto-persuasion, qui guette, tapie dans l’ombre. Je considère ma pratique comme une forme d’écriture de soi, bien plus orientée vers la construction de mon individualité que vers la quête narcissique de reconnaissance ou de notoriété publiques - que je tends à fuir, quitte à envisager de m’effacer - ou encore vers la flatterie de l’ego. En dernier lieu, je réfute également le recours à la notion d’extimité, trop fluctuante et sujette à interprétations variées, à mon goût.</p>
  449. <p>Cette extériorisation d’une construction personnelle risque dès lors de se confronter à des soucis habituellement liés à la (re)présentation de soi. Puisque je prône l’honnêteté - peut-être devrais-je utiliser le terme d’intégrité -, je me dois de reconnaître qu’écrivant pour moi je ne m’en sais pas moins observé puisque je publierai ces mots. Nous touchons alors presque du doigt le paradoxe de l’observateur cher à Labov. C’est là que la difficulté de l’exercice prend corps : deviner quelles sont les parts consciente et inconsciente d’altération de mon expression liées à cette observation extérieure, et savoir si je suis en mesure de les minimiser à défaut de m’en extraire. Puis-je, dans ces conditions, être authentique - mais ce qualificatif a-t-il encore lieu d’être tant il a été galvaudé - ou ne suis-je pas déjà dans le paraître malgré moi ? Est-ce que je transpose toujours bien ce type voûté et un peu avachi, ou ne suis-je pas en train de me tenir plus droit qu’à l’accoutumée tout en veillant à rentrer ma bedaine ? Ce doute est plus important qu’il n’en a l’air : n’oublions pas que je parlais d’écrire en guise de production de matière pour la construction de mon édifice personnel. Qu’advient-il alors de ce résultat du moment que la matière première risque d’être corrompue ?</p>
  450. <p>Cela tient de l’estime de soi - qu’on tente de préserver - et de la part palpable de la présentation de soi - en cherchant à plaire. Plaire ou intéresser, ne soyons pas chiches. Quitte à me tromper, et de bonne foi, j’affirme m’être tenu hors de cette ornière ma vie durant, quoi que puissent en laisser présager mes actuelles tendances égotistes. Le risque d’embellir, de romancer ou d’idéaliser les traits de mon individualité m’est connu. En cela, il est le moins dangereux puisque évident. Je suis plutôt d’un caractère introverti : me faire remarquer m’est particulièrement inconfortable. Je suis donc, d’une certaine façon, immunisé contre ce besoin répandu de plaire, tendance qui pourrait m’amener à vouloir me présenter sous un jour plus avantageux que je ne le fais habituellement. Mon problème peut néanmoins se situer de l’autre côté de ce spectre : on ne risque pas de sortir du lot que par le haut, mais aussi par le bas. Je dois alors confesser une longue angoisse de déplaire. Cette graine-là a sans doute été plantée aux premières heures de mon éducation sociale. Être sage, poli, obéissant, éviter les conflits et ne pas faire de vagues sont autant de préceptes qui m’ont été assenés de l’enfance à l’adolescence. Des grandes lignes contre lesquelles je ne me suis jamais véritablement rebellé, non plus.</p>
  451. <blockquote><p>Une éducation relativiste ne chercherait pas à éluder la socio-culture, mais la remettrait à sa juste place : celle d'un moyen imparfait, temporaire, de vivre en société. Elle laisserait à l'imagination la possibilité d'en trouver d'autres et dans la combinatoire conceptuelle qui pourrait en résulter, l'évolution des structures sociales pourrait peut-être alors s'accélérer, comme par la combinatoire génétique l'évolution d'une espèce est rendue possible. Mais cette évolution sociale est justement la terreur du conservatisme, car elle est le ferment capable de remettre en cause les avantages acquis. Mieux vaut alors fournir à l'enfant une « bonne » éducation, capable avant tout de lui permettre de trouver un « débouché » professionnel honorable. On lui apprend à « servir », autrement dit on lui apprend la servitude à l’égard des structures hiérarchiques de dominance. On lui fait croire qu’il agit pour le bien commun, alors que la communauté est hiérarchiquement institutionnalisée, qu'elle le récompense de tout effort accompli dans le sens de cette servitude à l’institution. Cette servitude devient alors gratification. L’individu reste persuadé de son dévouement, de son altruisme, cependant qu'il n'a jamais agi que pour sa propre satisfaction, mais satisfaction déformée par l'apprentissage de la socio-culture.</p><p>Henri Laborit - « Éloge de la fuite »</p></blockquote>
  452. <p>Car si je trouvais ces règles un peu exagérées ou trop contraignantes, je n’en étais pas moins convaincu de leur bien-fondé. Ce n’est que bien plus tard, au cours de ma vie d’adulte, que j’ai commencé à les remettre en question. J’éprouvais la sensation d’être trop à l’étroit, d’étouffer et, parfois, d’amasser trop de colère ou de frustration dans un volume aussi restreint que celui de mon crâne. Les coutures du costume social et normé qu’on m’avait fait endosser ont fini par m’irriter et me blesser. Il m’aura fallu un duo de décennies pour finalement trouver mes aises, mon habit social ample et douillet, guère clinquant ou sexy, mais suffisamment passe-partout pour éviter d’attirer l’attention d’autrui. J’ai conscience de toujours porter en moi ces premiers germes. Je doute même que nous puissions totalement nous extraire de notre conditionnement éducatif et familial. Quel rapport avec l’écriture sur un blog ? J’ai évoqué ce besoin de raisonner à voix haute, de manière neutre et objective, qu’écrire ici comblait. Il représente la plus grande faille de ma précieuse carapace d’individu en devenir. Par ce biais, je me rends vulnérable à une forme pernicieuse d’autocensure. Cette dernière peut intercéder aussi bien dans le choix des sujets que je suis apte à traiter que dans celui des mots auxquels j’aurai recours pour les développer. Partant de cette conclusion, j’ai donc ajusté ma méthode d’écriture dans le but de me prémunir contre ce risque.</p>
  453. <p>Depuis quelques années, je suis devenu un adepte de la pratique de l’écriture libre (ou automatique). Dès la mise en ligne du présent carnet, je l’ai régulièrement pratiquée en amont de l’écriture, bien plus filtrée et apprivoisée, des billets destinés à être publiés. Longtemps cantonnée dans un rôle de source abondante d’un matériau brut, je lui ai progressivement accordé une place bien plus centrale. Depuis plus de 6 mois maintenant, elle est la mécanique dominante de l’écriture du moindre billet qui atterrit ici. Les sujets proviennent de réactions - ou d’envies de réagir - à un élément d’actualité, à des questions apparues lors d’une lecture ou d’une conversation, à des petites bizarreries du quotidien et de mon environnement proche, ou encore à la (re)découverte d’un comportement ou d’un travers personnel. L’écriture libre n’en est désormais plus le déclencheur, elle en est devenue l’outil de production. Dorénavant, j’arrive au clavier avec l’idée générale en tête. Mon éditeur utilisant le titre de la feuille en guise de base pour le nom du fichier stocké, chaque billet commence son existence sous le titre « <i>(Draft) Nawak <span class="caps">YYYY</span>-<span class="caps">MM</span>-<span class="caps">DD</span></i> ». De la sorte, je m’abstiens de cette courte réflexion du choix d’un titre qui peut vite soit se transformer en blocage, soit orienter à elle seule tout le déroulement qui va suivre. Ensuite…</p>
  454. <p>Je laisse filer, couler, déborder, dévier, s’emmêler, s’étouffer, s’emballer ou caracoler les mots, les phrases et les idées. Je ne travaille plus qu’au paragraphe. Histoire d’avoir un rythme régulier, de respirer et de laisser respirer. Histoire aussi de m’assurer, une fois la fin de l’ensemble décrétée, une relecture plus aisée et de me garder suffisamment à l’abri de toute velléité de réédition majeure. La progression en pointillé que représentent les paragraphes offre d’autres avantages tels qu’un élagage simplifié ou l’ordonnancement des blocs lors de la phase finale d’édition avant mise en ligne. Travaillant sans plan, sans notes préalables dans la majorité des cas, il arrive - fort logiquement - que je me prenne les pieds dans le tapis. Ou que l’idée initiale se tarisse sans que j’aie pour autant su la traiter convenablement ou la mener à son terme. Ou que je me retrouve à manquer de temps, pris au piège de son développement non prémédité quand il n’est pas tout simplement inattendu. Cela a d’ailleurs été le cas avec le présent billet. Entamé il y a une dizaine de jours, il est retourné plusieurs fois prendre la poussière dans l’une des étagères de ma mémoire avant de recevoir l’ensemble des paragraphes le constituant, de recevoir - si besoin - ses extraits de lecture en guise de citations et d’être agrémenté d’un titre le promouvant alors au titre de billet bon pour la publication.</p>
  455. <p>Si le risque est grand que le résultat final paraisse décousu, tortueux, voire poussif (pas trop souvent, j’espère !), cette méthode a le mérite de me maintenir à l’écart de la tentation du « paraître différent », mêlant instinct, spontanéité et réflexion sans que la moindre énergie ne soit consacrée à tenter un quelconque savant dosage de ces composantes. De l’argile mentale et émotionnelle extraite de la sorte, je m’accorde alors l’opportunité de modeler, d’assembler cet autre que je connais si peu et me tiraille tant. Ce moi que je soupçonne depuis toujours, que je trompe régulièrement et que parfois je préfère ignorer. Cet individu enfoui sous les gravats d’une éducation qu’il n’a pas choisie, d’une société qui lui échappe et d’une vie qui lui semble si vide de sens, mais qui, malgré tout, ne cherche qu’à faire surface. Pour respirer. Pour hurler au grand jour, comme un nouveau-né à son premier, « Je suis là. J’existe. Vois moi enfin ! ».</p>
  456. <blockquote><p>Avec le recul des années, avec ce que j'ai appris de la vie, avec l’expérience des êtres et des choses, mais surtout grâce à mon métier qui m’a ouvert à l’essentiel de ce que nous savons, aujourd'hui de la biologie des comportements, je suis effrayé par les automatismes qu'il est possible de créer à son insu dans le système nerveux d'un enfant. Il lui faudra dans sa vie d'adulte une chance exceptionnelle pour s'évader de cette prison, s'il y parvient jamais… Et si ses jugements par la suite lui font rejeter parfois avec violence ces automatismes, c'est bien souvent parce qu'un autre discours logique répond mieux à ses pulsions et fournit un cadre plus favorable à sa gratification. Ses jugements resteront, bien qu'antagonistes de ceux qui lui ont été inculqués primitivement, la conséquence directe de ceux-ci. Ce seront encore des jugements de valeur.</p><p>Henri Laborit - « Éloge de la fuite »</p></blockquote>
  457. </article>
  458. </section>
  459. <nav id="jumpto">
  460. <p>
  461. <a href="/david/blog/">Accueil du blog</a> |
  462. <a href="https://nrkn.fr/blog/2018/10/28/versions-et-revisions/">Source originale</a> |
  463. <a href="/david/stream/2019/">Accueil du flux</a>
  464. </p>
  465. </nav>
  466. <footer>
  467. <div>
  468. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  469. <p>
  470. Bonjour/Hi!
  471. 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>
  472. 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>).
  473. </p>
  474. <p>
  475. 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>.
  476. </p>
  477. <p>
  478. Voici quelques articles choisis :
  479. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  480. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  481. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  482. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  483. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  484. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  485. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  486. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  487. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  488. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  489. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  490. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  491. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  492. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  493. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  494. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  495. </p>
  496. <p>
  497. 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>.
  498. </p>
  499. <p>
  500. Je ne traque pas ta navigation mais mon
  501. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  502. conserve des logs d’accès.
  503. </p>
  504. </div>
  505. </footer>
  506. <script type="text/javascript">
  507. ;(_ => {
  508. const jumper = document.getElementById('jumper')
  509. jumper.addEventListener('click', e => {
  510. e.preventDefault()
  511. const anchor = e.target.getAttribute('href')
  512. const targetEl = document.getElementById(anchor.substring(1))
  513. targetEl.scrollIntoView({behavior: 'smooth'})
  514. })
  515. })()
  516. </script>