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 27KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559
  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>Plutôt écrire que mourir (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://www.hypothermia.fr/2017/04/plutot-ecrire-que-mourir/">
  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. Plutôt écrire que mourir (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://www.hypothermia.fr/2017/04/plutot-ecrire-que-mourir/">Source originale du contenu</a></h3>
  445. <p>T<em>oi aussi, tu veux écrire un livre !</em> Je me suis retenue de ne pas m’exclamer à haute voix tandis que j’écoutais N. m’exposer sa <em>bucket-list-des-choses-à-faire-avant-de-mourir-un-jour</em>. Un sujet vers lequel j’aime beaucoup diriger les personnes que j’apprends à connaître, car je le trouve révélateur de nombreux éléments qui m’aident à cerner mon interlocuteur. <em>Qu’est-ce que tu aimerais accomplir avant de mourir ?</em> Peut-être suis-je aussi fascinée par la quantité de réponses que je récolte, la plupart des gens semblant tenir à jour une liste détaillée soigneusement réfléchie de points à compléter, tandis que je panique complètement lorsqu’on me demande la mienne – refusant de réfléchir un seul instant de quels souhaits je souhaite paver mon chemin vers une mort certaine <span class="smaller">(hé oui, on en revient toujours aux mêmes nœuds intérieurs)</span>.</p>
  446. <figure><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.hypothermia.fr/media/2017/03/ecrire_fixe.jpg" alt="Écrire" class="aligncenter size-full wp-image-7470" data-srcset="https://www.hypothermia.fr/media/2017/03/ecrire_fixe.jpg 1200w, https://www.hypothermia.fr/media/2017/03/ecrire_fixe-768x512.jpg 768w, https://www.hypothermia.fr/media/2017/03/ecrire_fixe-1024x683.jpg 1024w, https://www.hypothermia.fr/media/2017/03/ecrire_fixe-480x320.jpg 480w" sizes="(max-width: 1200px) 100vw, 1200px"/><noscript><img src="https://www.hypothermia.fr/media/2017/03/ecrire_fixe.jpg" alt="Écrire" class="aligncenter size-full wp-image-7470" srcset="https://www.hypothermia.fr/media/2017/03/ecrire_fixe.jpg 1200w, https://www.hypothermia.fr/media/2017/03/ecrire_fixe-768x512.jpg 768w, https://www.hypothermia.fr/media/2017/03/ecrire_fixe-1024x683.jpg 1024w, https://www.hypothermia.fr/media/2017/03/ecrire_fixe-480x320.jpg 480w" sizes="(max-width: 1200px) 100vw, 1200px"/></noscript></figure>
  447. <p>Que ça soit dans ce contexte ou au détour d’autres conversations, je ne compte plus les personnes qui m’ont annoncé un jour qu’elles aimeraient écrire un bouquin. Pourtant, après avoir creusé un peu, je réalise souvent qu’il ne s’agit pas d’une vocation. En effet, rares sont ceux qui en ont la flamme. Je ne parle pas de talent à ce stade, je parle d’une aspiration dévorante, d’une pulsion d’écrire si forte qu’elle les brûle vifs. D’un combat, surtout, intérieur, douloureux, avec l’écriture. Pour ces personnes, il s’agit d’une bataille dont elles ne sortent que rarement vainqueurs ; mais elles ont fait leurs armes, et les ont déjà tachées de sang.</p>
  448. <p>Pour la grande majorité des autres, dont je ne connais aucun goût pour l’écriture et qui m’avouent eux-mêmes ne pas pratiquer cet art, j’ai la sensation que ce souhait d’écrire un livre est balancé comme on indique au bas d’un CV qu’on est fan de lecture et de cinéma. Comme une aspiration de bon ton évident, une facette un peu plus artistique du <em>mariage-deux-enfants-monospace-chien-maison</em>. Si t’as pas publié un bouquin avant de mourir, t’as raté ta vie.</p>
  449. <blockquote><p>– Oh ? Tu aimerais écrire quoi ?<br/> – J’en sais rien, en vrai je pense pas que je le ferai. Mais j’aimerais bien. Autant les enfants, toujours pas, mais un bouquin j’aimerais bien. Pour laisser quelque chose de moi quand je serai plus là.</p></blockquote>
  450. <p>J’ai récemment fini <em>La vérité sur l’affaire Harry Québert</em>, pavé de 800 pages qu’on m’a recommandé à de nombreuses reprises ces dernières années, et qui a été un des bouquins les plus mal écrits que j’ai jamais eu l’occasion de lire. J’ai enchaîné ses chapitres avec une aberration croissante, consternée que ce livre ait été à ce point encensé de nombreux prix alors que je le trouvais d’un style abominable. Je ne pouvais même pas cette fois lui donner le bénéfice du doute sur une traduction maladroite, puisque son auteur est français.</p>
  451. <p>K. m’a demandé si je souhaitais en écrire un article, tant il s’amusait de me voir fulminer à haute voix sur ce bouquin. Me sont alors revenues ces paroles de N. qui ont coupé court à tout plaisir critique dénigrant. Ce livre est sans doute à considérer comme un produit commercial, rien de plus. Et je fais une projection bien trop facile qui est sans doute bien loin de la réalité. Mais d’un coup, j’ai imaginé cet écrivain, plancher des centaines d’heures sur cette histoire, sur ces personnages, sur ces phrases. <em>Pour laisser quelque chose de moi quand je serai plus là.</em></p>
  452. <p>Je suis en train d’observer ma bibliothèque débordant de bouquins alors que j’écris ces mots. Parmi eux, combien ont été écrits dans cette optique de transcender la mort ? Et pourtant le livre n’a plus rien de sacré ; il suffit de constater la quantité de romans usinés à chaque rentrée littéraire pour réaliser que rares sont ceux qui tiendront l’épreuve du temps. J’étais le week-end dernier à un destockage de bouquins de bibliothèque vendus à prix réduits, et j’ai vu des piles entières du même livre inconnu d’un auteur tout aussi inconnu dont le portrait figé ornait la quatrième de couverture. Des livres écrits pour ne pas qu’on l’oublie, et qui ont fini dans des piles d’invendus à 50 centimes pièce.</p>
  453. <figure><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.hypothermia.fr/media/2017/03/ecrire_asus.jpg" alt="Écrire" class="aligncenter size-full wp-image-7469" data-srcset="https://www.hypothermia.fr/media/2017/03/ecrire_asus.jpg 1200w, https://www.hypothermia.fr/media/2017/03/ecrire_asus-768x512.jpg 768w, https://www.hypothermia.fr/media/2017/03/ecrire_asus-1024x683.jpg 1024w, https://www.hypothermia.fr/media/2017/03/ecrire_asus-480x320.jpg 480w" sizes="(max-width: 1200px) 100vw, 1200px"/><noscript><img src="https://www.hypothermia.fr/media/2017/03/ecrire_asus.jpg" alt="Écrire" class="aligncenter size-full wp-image-7469" srcset="https://www.hypothermia.fr/media/2017/03/ecrire_asus.jpg 1200w, https://www.hypothermia.fr/media/2017/03/ecrire_asus-768x512.jpg 768w, https://www.hypothermia.fr/media/2017/03/ecrire_asus-1024x683.jpg 1024w, https://www.hypothermia.fr/media/2017/03/ecrire_asus-480x320.jpg 480w" sizes="(max-width: 1200px) 100vw, 1200px"/></noscript></figure>
  454. <p><em>« Et toi Eli, t’es sans doute la personne que je connais qui écrit le plus, t’as pas envie de publier un livre ? »</em> Ce qui me renvoie en écho à ce professeur de français au collège, à ce moment où il m’avait retenue à la récré pour me parler, pour m’encourager à continuer à écrire, <em>« parce qu’un jour tu pourras sûrement écrire un livre »</em>. Et déjà à l’époque, je me demandais : <em>« Pour quoi faire ? »</em></p>
  455. <p>Je sais que je ne tiendrai pas le temps. Que cette illusion ne me tiendra pas debout. Je n’ai à l’esprit aucune histoire suffisamment importante à mon goût pour oser dépasser cette peur de l’oubli et me mettre à l’ouvrage. Je n’ai jamais été créatrice d’histoires, je n’ai jamais su imaginer des personnages ni les faire évoluer dans une vie parallèle. La fiction me dépasse, la réalité m’ennuie. J’allais presque taper sur mon clavier <em>« Je n’ai rien à écrire qui vaille la peine d’être publié »</em>. Avant de prendre conscience de l’ironie de cette phrase.</p>
  456. <p>J’ai publié près de 100 000 mots sur ce blog depuis sa réouverture. Autant d’histoires que je me suis appliquée à écrire, en choisissant les mots, les trames, les personnages. Des textes que je modèle, que je corrige, que je publie. J’écris un livre, si on veut. Il n’est pas sous format papier, il n’est pas édité, mais il s’agit d’une œuvre écrite et publiée, dans toute sa prétention de vouloir transcender l’écoulement du temps qui passe inéluctablement.</p>
  457. <figure class="aligncenter"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.hypothermia.fr/media/2017/04/chrono-shredder-II.jpg" alt="" class="aligncenter size-full wp-image-7483"/><noscript><img src="https://www.hypothermia.fr/media/2017/04/chrono-shredder-II.jpg" alt="" class="aligncenter size-full wp-image-7483"/></noscript></figure>
  458. <p>Une des œuvres d’art qui m’a le plus marquée dans une expo que j’ai vue aujourd’hui était le <em>Chrono shredder</em> de Susanna Hertrich, calendrier dont chaque jour est dévoré heure par heure, et dont il ne reste que de grands lambeaux de papier au sol. Ce projet m’a empli d’un immense malaise, et c’est en y repensant que je réalise en quoi ma démarche sur ce blog diffère de celle d’un livre.</p>
  459. <p>Écrire un livre m’est quelque chose de beaucoup trop définitif et incontrôlable. Il s’agit de figer le temps en une œuvre unique et immuable, destinée à être léguée au monde dans l’espoir qu’elle ne s’y fanera pas, en espérant que les autres se souviendront de l’arroser de temps en temps. Pour ma part, je n’ai rien à foutre que mes mots disparaissent avec moi lorsque je serai morte. Je n’ai aucune prétention de vouloir laisser un témoignage qui me survivra et qui sera lu par le plus grand nombre ; <em>Hypothermia</em> n’est pas un héritage absolu. Il m’est un travail d’écriture qui évolue avec le temps, et que je tiens à modeler au fil des billets. Le blog me permet de récupérer les lambeaux des jours passés et de les assembler, les scotcher ensemble, article après article, pour éviter qu’ils se perdent trop vite.</p>
  460. <p>Je n’écris pas pour qu’on se souvienne de moi après ma mort. J’écris pour me rappeler au fait que je suis bien vivante.</p>
  461. <figure><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.hypothermia.fr/media/2017/03/ecrire_ipad.jpg" alt="Écrire" class="aligncenter size-full wp-image-7471" data-srcset="https://www.hypothermia.fr/media/2017/03/ecrire_ipad.jpg 1200w, https://www.hypothermia.fr/media/2017/03/ecrire_ipad-768x512.jpg 768w, https://www.hypothermia.fr/media/2017/03/ecrire_ipad-1024x683.jpg 1024w, https://www.hypothermia.fr/media/2017/03/ecrire_ipad-480x320.jpg 480w" sizes="(max-width: 1200px) 100vw, 1200px"/><noscript><img src="https://www.hypothermia.fr/media/2017/03/ecrire_ipad.jpg" alt="Écrire" class="aligncenter size-full wp-image-7471" srcset="https://www.hypothermia.fr/media/2017/03/ecrire_ipad.jpg 1200w, https://www.hypothermia.fr/media/2017/03/ecrire_ipad-768x512.jpg 768w, https://www.hypothermia.fr/media/2017/03/ecrire_ipad-1024x683.jpg 1024w, https://www.hypothermia.fr/media/2017/03/ecrire_ipad-480x320.jpg 480w" sizes="(max-width: 1200px) 100vw, 1200px"/></noscript></figure>
  462. </article>
  463. </section>
  464. <nav id="jumpto">
  465. <p>
  466. <a href="/david/blog/">Accueil du blog</a> |
  467. <a href="https://www.hypothermia.fr/2017/04/plutot-ecrire-que-mourir/">Source originale</a> |
  468. <a href="/david/stream/2019/">Accueil du flux</a>
  469. </p>
  470. </nav>
  471. <footer>
  472. <div>
  473. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  474. <p>
  475. Bonjour/Hi!
  476. 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>
  477. 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>).
  478. </p>
  479. <p>
  480. 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>.
  481. </p>
  482. <p>
  483. Voici quelques articles choisis :
  484. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  485. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  486. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  487. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  488. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  489. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  490. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  491. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  492. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  493. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  494. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  495. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  496. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  497. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  498. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  499. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  500. </p>
  501. <p>
  502. 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>.
  503. </p>
  504. <p>
  505. Je ne traque pas ta navigation mais mon
  506. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  507. conserve des logs d’accès.
  508. </p>
  509. </div>
  510. </footer>
  511. <script type="text/javascript">
  512. ;(_ => {
  513. const jumper = document.getElementById('jumper')
  514. jumper.addEventListener('click', e => {
  515. e.preventDefault()
  516. const anchor = e.target.getAttribute('href')
  517. const targetEl = document.getElementById(anchor.substring(1))
  518. targetEl.scrollIntoView({behavior: 'smooth'})
  519. })
  520. })()
  521. </script>