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

hace 4 años
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540
  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>Franck Lepage sur Facebook (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.facebook.com/un-truc/">
  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. Franck Lepage sur Facebook (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.facebook.com/un-truc/">Source originale du contenu</a></h3>
  445. <h2>les gilets jaunes : une protection contre la haine de classe</h2>
  446. <p>Elle est archi célèbre et tellement macronienne cette phrase de Marie-antoinette à qui l'on annonçait que le peuple n'avait plus de pain : "eh bien, qu'ils mangent de la brioche"...trait d'humour si délicieusement dominant qui lui valut une mobilisation de gilets jaunes qu'on appela à l'époque des sans culottes.</p>
  447. <p>Je suis admiratif des gens que j'ai vus sur les ronds points. A se geler la nuit en ayant conscience de faire cela pour tout le monde, et qu'on ne vienne pas me faire le coup de l'extrême droite...on me l'avait déjà fait pour le traité européen...c'est ne rien comprendre aux gilets jaunes que de ne pas réaliser en quoi il s'agit bien d'une réponse populaire massive à la morgue, la suffisante, et l'imbécillité crasse de la clique qui s'est emparée du pouvoir. Des phrases à la Marie Antoinette, macron en sort à la douzaine chaque semaine. les gens ne trouvent plus de travail...ils n'ont qu'à traverser la rue. ils ont un métier ? ils n'ont qu'à devenir herboriste... sa représentation du monde suinte la haine du peuple. On se croirait revenu sous louis XVI. "Le meilleur moyen de se payer un costard c'est d'aller travailler"...pauvre pomme, le patronat à qui il sert de marionnette qui délocalise tout en Ukraine ou en thaïlande laisse en France une offre minable de 300.000 emplois sous-qualifiés face à une demande de 3 millions de chômeurs et 7 millions de précaires...et ce personnage a été ministre de l'économie ? C'est à pleurer ! sa meilleurs sortie reste quand même : "on met un pognon de dingue dans les minima sociaux, et les gens sont quand même pauvres."...Une phrase qui relève quasiment du prix nobel d'économie - n'ayons pas peur de le dire ! c'est marrant le pognon de dingue (50 milliards du CICE) donnés au MEDEF ..ne crée quand même pas d'emploi !!! Peut être faut il expliquer à notre élève de terminale que si il y a des pauvres c'est parce q'il y a des riches qui organisent cette pauvreté. Je n'en peux plus d'entendre ses discours d'exposé lycéen. Ce type est bête à bouffer du foin. "on ne descend pas dans la rue pour 50 euros d'APL", bien sûr que si. 50 euros d'APL quand tu touches 400 balles de RSA c'est la possibilité de mettre un toit sur la tête de tes gosses, crétin. Un pauvre pour lui c'est bête, c'est fainéant et ça pue. </p>
  448. <p>La mobilisation populaire des gilets jaunes, c'est pas pour les 6 centimes d'essence, c'est pour le massacre de notre protection sociale, la vente de nos services publics, la démolition de notre hôpital, le prix obscène d'un péage vinci une fois vendues les autoroutes, les salaires de tarés des dirigeants français... 16,4 millions pour Gilles Robin, PDG de Rubis, un spécialiste du stockage et de la distribution de produits pétroliers, lesquels doivent augmenter de 6 centimes du litre pour le payer lui et les actionnaires de TOTAL, la société qui ne paie pas d'impôts en France et réalise chaque année plus 10% de bénéfice, et les .67 millions d'euros dissimulés au fisc nippon pour le pdg de renault, et les 76 milliards de bernard Arnault, l'homme qui aime l'art contemporain, et les copains macronistes de la FNSEA qui polluent comme des malades et s'en mettent plein les poches à coup de glyphosate cancérigène, etc, etc, etc...Il a envie de faire un geste pour l'écologie Macron avec sa fameuse "taxe écologique sur l'essence"...ben qu'il commence plutôt par là.</p>
  449. <p>Les gilets jaunes c'est une révolte ? non sire, c'est une révolution !... pourquoi pas ? on verra bien !</p>
  450. <h2>Attention : derrière la haine de classe : le mépris de classe</h2>
  451. <p>Amis inconnus, bonjour et merci pour vos commentaires. pour leur qualité et pour l'absence de trolls. comme vous êtes nombreux, je tenterai timidement un complément de réponse globale.</p>
  452. <p>1 - D'abord merci aux historiens vigilants, ce n'était pas Marie Antoinette, le coup de la brioche c'était une fake news de jean jacques Rousseau (assez chic le fake quand même !). Bon dommage, ça m'arrangeait bien de mettre ça sur le dos de "la pauvre" marie antoinette. Je ne le ferai plus. Elle s'est contentée de convaincre son mari de faire envahir la France par les puissance étrangères, c'était déjà pas mal.
  453. 2 - une partie des commentaires critiques (acerbes, amers ou déçus) envers le mouvement tourne autour de la question : "avec les gilets jaune, non merci" avec comme arguments souvent cités : ...ils n'étaient pas là pour défendre les services publics, les cheminots, le droit du travail, et là ils veulent que je défende leur consommation, ce sera sans moi. Il y a là dedans des gens d'extrême droite. Ils ne sont pas plus écolo que mon genou. Ils sont racistes. Ils n'ont pas d'analyse politique, ce sont d'égoïstes consommateurs accrochés à leurs bagnoles, etc, etc...</p>
  454. <p>Là dessus je voudrais rappeler l'inénarrable sociologue Alain Touraine, qui, du haut de sa chaire d'ivoire de l'Ecole des Hautes Etudes en Sciences Sociales dans le 6 ème arrondissement près du jardin du luxembourg, derrière la faculté "d'extrême droit" d'Assas et de l'université catholique , avait décrété que le mouvement de 1995 qui avait mis 9 millions de grévistes dans la rue pendant trois semaines ( excusez du peu) pour une sombre histoire de régime spéciaux de retraites des cheminots "n'était pas un mouvement social" selon sa définition de ce qu'est un mouvement social, à savoir un mouvement répondant à une analyse idéologique cohérente et globale. Pendant qu'Alain touraine décernait des brevets de mouvement social je me rappelle avoir été pris dans un embouteillage monstre, tous les moteurs arrêtés et tout le monde qui se souriait !!! Il neigeait. Je ne sais pas aussi bien analyser les mouvements sociaux qu'Alain Touraine, mais quelque chose de très fort se passait. Ce matin à saint brieuc, au rond point, un gilet jaune m'a offert une crotte en chocolat et un autre un nounours haribo tagada. Et en 1995 ce n'était pas plus pour défendre un sombre alinéa dans les retraites des cheminots que toute la France est descendue se sourire dans la rue, que ce n'est aujourd'hui pour 6 centimes d'augmentation à la pompe. C'est autre chose.</p>
  455. <p>Je voudrais dire à mes amis et inconnus politiquement conscientisés d'êxtrême gauche, à tous ceux qui savent ce qu'est la permaculture et qui peuvent expliquer les doigts dans le nez le mécanisme de la dette grecque et de la création monétaire, à tous ceux qui réussissent à lire Friot et Lordon dans le texte et qui ne manquent aucun monde diplomatique, qui savent faire une critique pertinente des media et ont l'appli médiapart, qui ne regardent pas la télé, qui voient les films en VO et qui savent articuler l'intersectionnalité des trois dominations sexe-classe-race, bref qui sont redevables à l'école d'avoir pu cesser de croire en Dieu en découvrant Nietzsche en terminale philo, c'est à dire qui sont comme moi, que nous devrions nous méfier de ne pas ajouter du mépris de classe à la haine de classe. Et que si nous carricaturons les gilets jaunes comme des beaufs racistes, amoureux du foot et du tour de France, et incapables d'analyser ou de revendiquer plus loin que leur bouchon de réservoir, nous reproduisons la même représentation du peuple que celle que Macron a dans la tête. Nous sommes en phase. Et c'est bien parce qu'il les prend pour des crétins incultes qu'il fera l'erreur de ne pas "céder à la rue". Il les déteste, il les méprise. Et nous ?</p>
  456. <p>Se construire une conscience politique, c'est long. Moi ça m'a pris une vie, alors soyons respectueux de ce qui se joue sur les ronds points. J'ai discuté avec un pépé jaune qui avait bossé chez citroën rennes 37 ans. Un mec gentil comme tout mais pas syndiqué et pas politisé. Je ne sais pas ce qu'il vote. Mais lui s'est fait toute la journée et ça caillait. Pas moi ! </p>
  457. <p>Luc Boltanski et Eve Chiapello, dans "le nouvel esprit du capitalisme", un live de 900 pages qu'on ne lit pas sur les ronds points, expliquent que la révolution survient quand se rencontrent la crtique sociale (des gens qui se mobilisent sur des augmentations ou des suppressions d'APL) et la critique intellectuelle. ça serait bien que la critique intellectuelle ne regarde pas les premiers de trop haut si on veut créer la rencontre.</p>
  458. <p>Moi ce que j'en dis...</p>
  459. </article>
  460. </section>
  461. <nav id="jumpto">
  462. <p>
  463. <a href="/david/blog/">Accueil du blog</a> |
  464. <a href="https://www.facebook.com/un-truc/">Source originale</a> |
  465. <a href="/david/stream/2019/">Accueil du flux</a>
  466. </p>
  467. </nav>
  468. <footer>
  469. <div>
  470. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  471. <p>
  472. Bonjour/Hi!
  473. 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>
  474. 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>).
  475. </p>
  476. <p>
  477. 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>.
  478. </p>
  479. <p>
  480. Voici quelques articles choisis :
  481. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  482. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  483. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  484. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  485. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  486. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  487. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  488. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  489. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  490. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  491. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  492. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  493. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  494. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  495. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  496. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  497. </p>
  498. <p>
  499. 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>.
  500. </p>
  501. <p>
  502. Je ne traque pas ta navigation mais mon
  503. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  504. conserve des logs d’accès.
  505. </p>
  506. </div>
  507. </footer>
  508. <script type="text/javascript">
  509. ;(_ => {
  510. const jumper = document.getElementById('jumper')
  511. jumper.addEventListener('click', e => {
  512. e.preventDefault()
  513. const anchor = e.target.getAttribute('href')
  514. const targetEl = document.getElementById(anchor.substring(1))
  515. targetEl.scrollIntoView({behavior: 'smooth'})
  516. })
  517. })()
  518. </script>