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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651
  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>Le silence (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://nologos.net/le-silence/">
  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. Le silence (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://nologos.net/le-silence/">Source originale du contenu</a></h3>
  445. <p><img src="http://nologos.net/wp-content/uploads/2019/07/37832822634_2b61a7d298_b-1024x825.jpg" alt="prendre du temps pour soi"/></p>
  446. <p>Alors ça fait quoi d’être revenu à <del datetime="2019-07-01T09:23:16+00:00">Paris</del> Montreuil ?</p>
  447. <p>Je sais pas. Les premiers temps je me sentais rustre et perdu, un peu Stallone dans <em>Demolition Man</em>. Je m’offusquais du prix des pintes, je trouvais tout le monde suspicieusement jeune et beau, et puis le bruit, heing, fioulala on est plus habitués. Les vieux copains me regardent comme si je revenais d’un long voyage, alors que mon impression c’est plutôt un réveil pâteux après une longue nuit à ressasser un rêve circulaire.</p>
  448. <p>J’ai retrouvé en ville tout ce que je me souvenais y avoir laissé de confort, de vie, de gens et d’expériences. Le plus bizarre c’est de me retrouver à la fois ici (en ville) et maintenant (au quotidien), alors que les deux ne parvenaient plus jamais à coïncider. Du coup je n’ai pas tant l’impression d’être revenu quelque part que d’être revenu <em>avant</em>, mais dans l’autre équipe, celle des vieux. Chaque jour, je tâche d’enfiler les chaussures trop grandes laissées par mes parents, d’élever mes enfants de mon mieux, et il y a une forme de symétrie difficile à ignorer. L’impression qui domine c’est d’avoir commencé une partie en mode difficile.</p>
  449. <p>En tout cas j’ai eu ce que je voulais : une maison ouverte, où les amis viennent et les enfants jouent, où les gens de passage font étape, et où je peux m’isoler quand c’est nécessaire.</p>
  450. <p class="h2">¶</p>
  451. <p>En arrière-plan, toujours : l’effondrement, la catastrophe, le jugement. Le mur qui s’approche. Godzilla, qu’on voit arriver à l’horizon, extrêmement lentement, et du coup on est tous posés sur la plage avec des jumelles pour le regarder avancer, et les plus entreprenants vendent des glaces aux badauds, et les plus finauds font des projections et magouillent dans l’espoir de tirer leur épingle du jeu au bout du compte, d’autres font du jetski ou je ne sais quelle absurdité pour profiter de l’instant, chacun s’arrange comme il peut avec ce qui vient, mais en tout cas je pense qu’on a tous admis la réalité de ce qui nous attend, même si on ne peut pas encore en prendre pleinement conscience – tant mieux, sans doute. Évidemment il y a aussi ceux qui restent au camping, tournant fermement le dos à l’horizon, et qui prétendent que le monstre n’est qu’un mirage, un attrape-nigaud, un complot sioniste, que sais-je, en tout cas ils préfèrent continuer de se bercer de souvenirs glorieux, de charcuterie et de boucs émissaires que de voir les choses en face.</p>
  452. <p>Et même face à la catastrophe climatique qui vient, il me semble que ce serait une erreur de sous-estimer la nocivité à court terme du pétainisme ambiant, cette grande ronde de porcs rougeauds et jaloux, qui aiment surtout leur région et leur pinard, s’organisent en milices de voisins vigilants, maudissent les étrangers tous plus ou moins barbares, et la racaille citadine n’en parlons pas.</p>
  453. <p><span id="more-6229"/><br/>
  454. </p>
  455. <p class="h2">¶</p>
  456. <p>Vers 2000 j’étais persuadé d’être né dans une époque sans intérêt, vide, entièrement vouée au ressassement. Je rêvais de circonstances historiques. Je voulais un test d’héroïsme qui mettrait à l’épreuve les grands principes dont tout le monde se gargarisait. On nous rebatait les oreilles avec les Justes et les Résistants, on nous prévenait que c’était présomptueux de croire qu’on savait ce qu’on ferait en pareilles circonstances, mais moi j’étais curieux. Je voulais savoir dans quel camp j’aurais été.</p>
  457. <p class="h2">¶</p>
  458. <p>Cet hiver j’ai lu successivement Modiano, <em>HHhH</em> et <em>Les Années</em>, et en voyant la prégnance de la deuxième guerre mondiale pour la génération qui l’a vécue comme pour celles qui lui ont succédé, j’ai repensé à ma jalousie absurde vis-à-vis d’une époque qui avait de la gueule, qui voulait dire quelque chose.</p>
  459. <p>Mais cette fois je ne vois plus rien de ridicule ou de folklorique dans l’obsession générale pour la deuxième guerre mondiale. Toutes ces heures passées à ressasser l’histoire de l’horreur nazie ne seront pas inutiles, elles m’apprennent quelque chose de très concret sur ma propre époque.</p>
  460. <p class="h2">¶</p>
  461. <p>C’est un peu pervers mais ce que ma génération a eu en propre comme référence permanente et universelle, c’est peut-être le fait que les années 80 sont restées une part persistante de la réalité, une blague qui refuse de mourir, alors que normalement leur moment dans le grand recyclage devrait être terminé depuis longtemps. Désormais les époques reviennent mais elles ne repartent plus, elles s’entassent.</p>
  462. <p class="h2">¶</p>
  463. <p>Chez Annie Ernaux j’ai surtout reconnu ce sentiment d’avoir senti la vie m’échapper, la jeunesse qui s’est brusquement éloignée, après tant d’années à m’y sentir piégé et impuissant.</p>
  464. <p>On est tous tellement paumés, avec nos enfants et nos boulots et nos baraques. On veut bien faire, rattraper nos sottises, toutes ces choses <em>bien</em> qu’on aurait dû faire tant qu’on était encore jeunes et libres, au lieu de perdre notre temps à glousser et à boire et à trouver les anciens ridicules.</p>
  465. <p>Alors on court dans tous les sens à la recherche de petits trucs pour nous racheter, le zéro déchet et la méditation et les jouets en bois et la biodynamie, et si par la même occasion ça protège nos enfants des maladies qui nous guettent nécessairement, avec tout ce qu’on a pu bouffer comme merdes, eh bien ça n’est pas si mal – parce qu’évidemment il est difficile de ne pas penser qu’en protégeant nos gamins du cancer, on les protège du pêché.</p>
  466. <p>En tant que génération nous avons échoué. À poursuivre l’ascension sociale, à nous extraire des cadres et des références et des légendes de la génération de nos parents, à accomplir nos propres ambitions, même continuellement revues à la baisse. Chateaubriand ou rien ! Bon OK, changer le monde alors. Bon d’accord, non plus. À la rigueur, un boulot pas trop prenant et du temps pour glander – ah non plus ? Bon disons que je vais tâcher d’être un père aimant et juste, et de réussir ma déco.</p>
  467. <p>Nos dernières aspirations sont privées mais exhaustivement documentées afin d’être validées par la communauté, quand elles ne sont pas tout bonnement par procuration. On veut des enfants sages et attentifs, multilingues, éveillés, qui mangent de tout et nettoient derrière eux et auront bientôt une opinion sur Stanley Kubrick.</p>
  468. <p class="h2">¶</p>
  469. <p>Nous traînons trop tôt nos enfants à des activités culturelles ou intellectuelles valorisées, car les tests sont formels : tous les petits bourgeois ont des enfants précoces et inadaptés au système scolaire.</p>
  470. <p>Si tous les enfants d’une classe sociale sont précoces, de quoi parle-t-on à la fin ? D’une justification essentialiste à la domination. Les enfants des pauvres ne sont pas précoces. Ils aiment le foot et les jeux vidéo, ils mangent des gâteaux dont les code-barres n’ont pas été scannés par leurs parents à la recherche d’additifs cancérigènes. Pauvres ploucs. Zéro précocité.</p>
  471. <p>Nous sommes terrorisés à l’idée que notre enfant soit banal et qu’il sombre, tu imagines ?, parmi les gens du commun – en fait nous ne leur faisons guère confiance, à ces enfants si précoces, nous les étouffons sous les jouets éducatifs, les activités épanouissantes, les professeurs particuliers, censément pour <em>accompagner leur précocité</em>, pour amortir un peu la rudesse de l’école, mais à la fin soyons sérieux, c’est un course, c’est la guerre. Nos parents avaient confiance en nous et en l’avenir, et on a bien vu ce que ça a donné, hein. Nous on voit bien qu’il va bientôt falloir choisir son camp, entre les précoces et les sous-êtres, alors naturellement on a envie que nos enfants soient du bon côté de la barrière.</p>
  472. <p>Je pense souvent aux multiples euphémismes utilisés pour parler des écoles dans lesquelles nous ne voulons pas envoyer nos enfants, et j’ai la nausée.</p>
  473. <p class="h2">¶</p>
  474. <p>On passe notre vie chez le médecin pour réparer les petites injustices que la nature a commises à l’endroit de nos enfants, les dents pas droites et les yeux myopes et les pieds qui rentrent à l’intérieur, et c’est éreintant mais du coup je comprends enfin comment les riches sont tous si beaux.</p>
  475. <p class="h2">¶</p>
  476. <p>Je n’arrive pas à savoir si j’élève mes enfants à l’abri de quoi que ce soit, si je leur cache la vérité, si en sélectionnant les dessins animés qu’ils regardent et les livres qu’ils lisent je ne les élève pas dans une forme de <em>Goodbye Lenin</em> privé. Ils vivent dans un monde où <em>ça va</em>. Seuls nos principes démodés les privent un peu de l’abondance générale.</p>
  477. <p class="h2">¶</p>
  478. <p>Dans <em>Les Années</em>, j’ai aussi été piqué par le récit du processus d’acquisition de la culture bourgeoise, les efforts pour se donner les références et s’agréger à la classe cultureuse. Bizarrement pour moi aussi ça a été une conquête. Normalement il aurait suffi que je me donne la peine plonger ma cuiller en argent dans l’assiette qu’on me tendait – sauf que ça ne me disait trop rien parce que la soupe était déjà froide. Barthes et Lacan étaient morts et Bourdieu c’était déjà l’establishment. Je m’en foutais bien, de tout ça.</p>
  479. <p>Finalement c’est plus tard que j’ai découvert ce dont il était réellement question. À force d’entendre les vieux me rebattre les oreilles, j’ai lu un peu au hasard les idoles de mes parents, Foucault, les situs, des Tel Quel, avec la curiosité polie qu’on mobilise pour écouter un enfant qui raconte une histoire, et sous la rhétorique vieillie j’avais été fort surpris par l’ambition, l’ampleur, le foisonnement intellectuel des années 60, et quelque part je comprenais enfin ce dont il avait toujours été question, ce qui les agitait tous quand ils racontaient leurs souvenirs d’un autre temps avec des étoiles dans les yeux. Sauf que j’arrivais la fête déjà finie, les chapeaux déjà mangés, la <em>raison</em> déjà revenue.</p>
  480. <p class="h2">¶</p>
  481. <p>Les années 80 sont restées parce que c’est ce moment où on croyait encore à un futur spectaculaire, où les hippies avaient fini, de guerre lasse, par accepter le compromis offert, devenir fonctionnaires, coupeur leurs cheveux et acheter des maisons individuelles.</p>
  482. <p class="h2">¶</p>
  483. <p>Aujourd’hui évidemment il serait loufoque de continuer à croire à la société promise. Tout le monde sent bien que ça ne va pas et que c’est notre faute, et la panique diffuse et la culpabilité nous font souvent faire n’importe quoi. Le mouvement antivaxx, et plus généralement le complotisme tendance écolo-décroissant, sont un curieux mélange de terreur intime, corporelle, et de volonté de voir établie notre vertu, notre ascèse, notre aristocratie.</p>
  484. <p>Il s’agit d’affirmer que nous ferons sans les facilités offertes par le monde industriel – trop violentes pour nous, déshumanisantes, inélégantes -, que nous détestons parce qu’elles nous renvoient à la violence de ce que nous sommes (des colons, des conquérants, des exploiteurs – hypothèse haute) ou parce qu’elles sont tout juste bonnes pour les gens du commun (hypothèse basse).</p>
  485. <p>Parfois, quand la situation devient trop difficile, nous nous décidons à faire une entorse à nos régimes (bon OK je prends des antibios / l’avion / un burger), tels ces étudiants, que nous avons aussi été, et qui finissaient par se résoudre à abandonner leur dignité et à taxer leurs parents pour finir le mois.</p>
  486. <p>Au fond nous n’avons jamais <em>vraiment</em> renoncé à l’idée que l’argent, la chimie industrielle, les médicaments, ça marche – et quand nous nous décidons à y recourir, nous sommes outrés qu’ils ne marchent pas <em>mieux</em>. Comment ça ? Vous voulez dire que je m’assois sur mes principes pour donner un médicament à mon fils et qu’il ne va pas être guéri instantanément ?</p>
  487. <p class="h2">¶</p>
  488. <p>« Vite installe un puits et dans panneaux solaires dans ta maison de campagne, pour quand l’effondrement viendra ! »<br/>
  489. La popularité des utopies survivalistes privées me sidère. Le fait qu’elles constituent le premier réflexe de nombre de gens après leur prise de conscience n’est pas pour me rassurer, mais surtout je me demande comment ils croient que ça se passera, concrètement, quand l’Effondrement qu’ils attendent sera venu et qu’ils auront planté juste assez de patates et de navets pour leur petite communauté, les autres n’avaient qu’à être prévoyants – je me demande à quel moment ils réaliseront qu’ils sont entourés de brutes à fusils qui les haïssaient bien avant leur retour à la terre. Est-ce qu’ils ont déjà prévu les barbelés et les flingues, eux aussi, pour défendre leur poche de bien-être champêtre ?</p>
  490. <p class="h2">¶</p>
  491. <p>Les collapsos attendent <em>Mad Max</em>, mon souci plus immédiat c’est qu’on est déjà dans <em>Les Fils de l’Homme</em>. On peut rigoler quand le service com’ de l’Elysée prétend que des jeunes gens s’évanouissent d’émotion en chantant la Marseillaise, on peut se gratter la tête quand une chanson pétainiste sur les vacances chez Mémé fait un succès populaire spontané, mais personnellement j’appelle ça le fascisme, déjà.</p>
  492. <p>Je suis amer parce que je constate que ma propre angoisse de la catastrophe était sans objet : il n’y aura pas d’évènement, de tournant, la catastrophe elle est arrivée lentement, et à vrai dire elle a toujours été là, même si je préférais l’ignorer superbement.</p>
  493. <p class="h2">¶</p>
  494. <p>En ville au moins je me sens moins seul et moins cinglé. Au moins on peut parler de tout ça. Les gens qui sont là sont ceux qui pensent que s’il y a un avenir, il passe nécessairement par une forme de vie en société, quelle qu’elle soit. Ou peut-être que je me fourvoie, et qu’on est seulement là parce que c’est cool de pouvoir aller au théâtre et se faire livrer du thaï, en attendant.</p>
  495. <p class="h2">¶</p>
  496. <p>Evidemment ça ne durera pas. Le mur autour de Paris passera peut-être derrière nous, et peut-être pas. Le boulot se tarira sans doute. L’encre deviendra trop chère, le gaz trop rare. Le chocolat sera un évènement. Je ne doute pas que même alors, on trouvera toujours de la bière et du Ricard pas cher et en grandes quantités. Les vraies valeurs.</p>
  497. <p class="h2">¶</p>
  498. <p>Je ne sais pas comment vivre dans un monde finissant. Prendre la pleine mesure de l’ampleur du désastre c’est paralysant. C’est mélodramatique, au point d’être ridicule.</p>
  499. <p><a href="https://hieroglyph.asu.edu/2014/09/solarpunk-notes-toward-a-manifesto/">Les manifestes volontaristes qui me redonnaient du courage il y a cinq ans</a> me semblent aujourd’hui désespérément naïfs – depuis, il a fallu apprendre à accepter comme <em>littérales</em> (et peut-être même prudentes) les hyperboles dont on espérait encore alors qu’elles serviraient de repoussoir.</p>
  500. <p class="h2">¶</p>
  501. <p>Mon premier réflexe c’est de m’accrocher à (a) mon foyer, (b) l’écriture et (c) l’imprimerie, les trois choses dans la vie qui parviennent à me rendre heureux. Mais rapidement, il faut bien se décider à admettre que ni le problème, ni la solution ne sont d’ordre privé.</p>
  502. <p>Du coup je fais, je donne mon fric et mon temps et mon énergie à toutes les causes qui passent à ma portée. Tout ce qui relève du développement personnel me dégoûte – là encore, j’ai le sentiment de m’être fourvoyé, à passer tant de temps à mincir, édicter des règles, et tâcher d’être une personne un peu meilleure. Et en même temps il faut bien se tenir en état d’encaisser et de continuer à faire. Parce que de fait, je fatigue.</p>
  503. <p class="h2">¶</p>
  504. <p>Alors quoi ? Si c’est puéril d’espérer sauver le monde, si c’est débile de compter sur les gestes simples du quotidien pour apaiser nos consciences, si c’est répugnant de se replier sur soi, si l’art est vain, si l’action est exténuante, qu’est-ce qu’il reste ?</p>
  505. <p class="h2">¶</p>
  506. <p>Et voilà, à peu de choses près, où j’ai passé les 12 derniers mois.</p>
  507. <p class="h2">ø</p>
  508. <p>Photo : <a href="https://www.flickr.com/photos/die_dou/37832822634">Prendre du temps pour soi, Montreuil, 2017</a></p>
  509. </article>
  510. </section>
  511. <nav id="jumpto">
  512. <p>
  513. <a href="/david/blog/">Accueil du blog</a> |
  514. <a href="http://nologos.net/le-silence/">Source originale</a> |
  515. <a href="/david/stream/2019/">Accueil du flux</a>
  516. </p>
  517. </nav>
  518. <footer>
  519. <div>
  520. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  521. <p>
  522. Bonjour/Hi!
  523. 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>
  524. 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>).
  525. </p>
  526. <p>
  527. 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>.
  528. </p>
  529. <p>
  530. Voici quelques articles choisis :
  531. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  532. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  533. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  534. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  535. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  536. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  537. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  538. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  539. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  540. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  541. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  542. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  543. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  544. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  545. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  546. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  547. </p>
  548. <p>
  549. 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>.
  550. </p>
  551. <p>
  552. Je ne traque pas ta navigation mais mon
  553. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  554. conserve des logs d’accès.
  555. </p>
  556. </div>
  557. </footer>
  558. <script type="text/javascript">
  559. ;(_ => {
  560. const jumper = document.getElementById('jumper')
  561. jumper.addEventListener('click', e => {
  562. e.preventDefault()
  563. const anchor = e.target.getAttribute('href')
  564. const targetEl = document.getElementById(anchor.substring(1))
  565. targetEl.scrollIntoView({behavior: 'smooth'})
  566. })
  567. })()
  568. </script>