A place to cache linked articles (think custom and personal wayback machine)
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

index.html 25KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537
  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>Nuit debout : ça va où ? (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://page42.org/nuit-debout-ca-va-ou/">
  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. Nuit debout : ça va où ? (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://page42.org/nuit-debout-ca-va-ou/">Source originale du contenu</a></h3>
  445. <p style="text-align: justify;">Bien sûr, je profite d&#8217;un passage éclair à Paris pour faire un saut sur la place de la République. Ça fait presque deux semaines que les Parisiens (au moins certains d&#8217;entre eux) occupent l&#8217;esplanade pour protester contre la future loi Travail. Mais les revendications qu&#8217;on peut entendre ça et là en déambulant entre les installations, les stands et les groupes de paroles improvisés débordent désormais largement de ce cadre. Les points communs entre la Nuit debout et le mouvement <em>Occupy Wall Street</em> ou celui des <em>Indignados</em> à Madrid ne se comptent plus tant il parait évident que ces différents mouvements procèdent d&#8217;une même énergie, d&#8217;une même logique, et partagent sans doute le même destin. Mais peut-être pas tout à fait.<span id="more-5309"></span></p>
  446. <p style="text-align: justify;">Première impression après ma visite&#160;: une certaine déception. Le constat amer de ne plus pouvoir m&#8217;enthousiasmer spontanément pour un mouvement de foule, pas parce que je ne crois plus aux revendications exprimées (je ne me cache pas sur ce blog d&#8217;être un idéaliste — dans le sens le plus positif du terme — et de tendre vers l&#8217;extrême-gauche de l&#8217;échiquier politique) mais parce que j&#8217;ai eu l&#8217;occasion ces dernières années de voir tous ces mouvements prendre leur essor et se ramasser les uns après les autres. Je ne crois plus à la simple énergie du rassemblement. Le rassemblement est une condition, mais cette condition ne génère pas l&#8217;action. Pourquoi déçu&#160;? C&#8217;est assez simple&#160;: je ne vois pas où est la convergence des luttes pourtant hissée en étendard. Nous sommes dimanche, il fait beau et chaud, la plupart des gens ne travaillent pas&#160;: pourtant, la population de la place de la République est composée d&#8217;une immense majorité de gens de ma génération et de la suivante <em>(disons entre 18 et 35 ans)</em>. Où sont les ouvriers&#160;? Où sont les syndicats&#160;? Où sont les professeurs&#160;? Où sont surtout les salariés du privé&#160;? J&#8217;imagine qu&#8217;ils sont restés chez eux. Ils ne se sentent pas concernés, pire, ils savent que la Nuit debout ne leur apportera aucun salut. Mais on reviendra là-dessus.</p>
  447. <p style="text-align: justify;">Alors oui, c&#8217;est sympa. L&#8217;ambiance est là, palpable. Il y a des guitares, des djembés (brrrr), on fume et on picole des bières bon marché, on s&#8217;assoit par terre pour refaire le monde, il y a un vieux rocker tout seul derrière sa guitare qui fait de son mieux pour ne pas glisser de ses vieilles santiags, des stands de merguez, des vendeurs de tee-shirts, des kilomètres de dreadlocks et au milieu de tout ce fatras un peu foutraque qui suscite autant la sympathie que la pitié, il y a différents stands&#160;: une petite université populaire où les intervenants dissertent sur différents sujets par plages de vingt minutes, et puis la BiblioDebout, lancée à l&#8217;initiative du collectif <a href="http://www.savoirscom1.info/">SavoirsCom1</a>, où chacun peut apporter des livres et repartir avec d&#8217;autres. Et puis il y a aussi les stands des commissions, où chacun peut se porter volontaire pour différentes missions d&#8217;organisation et de réflexion. Il y a aussi les espaces militants&#160;: un espace dédié aux artistes, un autre aux luttes féministes et LGBT, un autre encore dédié à l&#8217;antispécisme et au véganisme. À noter aussi, la Quadrature du Net propose aux visiteurs une initiation à la sécurité informatique. Et puis il y a l&#8217;AG, la grande assemblée générale qui réunissait tant de personnes ce soir que je n&#8217;ai rien pu entendre de ce qui se disait (c&#8217;est d&#8217;ailleurs un reproche général, il y a tellement de monde que rien n&#8217;est plus véritablement accessible — ou alors je deviens sourd).</p>
  448. <p style="text-align: justify;">Mais voilà, entre le fait que les personnes présentes ne représentent qu&#8217;une portion assez limitée de la population <em>(je m&#8217;attendais à voir d&#8217;autres luttes se greffer, et notamment, ce qui est capital pour le succès d&#8217;un tel mouvement à mon sens, les salariés du privé et l&#8217;éducation nationale)</em> et le côté bordel festif où on cause un peu dans le vide face à dix personnes (parce que celles derrière n&#8217;entendent rien de toute façon), j&#8217;ai un peu eu l&#8217;impression de visiter un musée de la révolution, ou plutôt un parc d&#8217;attractions. <em>RévolutionLand&#160;! Venez faire l&#8217;expérience du frisson du grand Soir. Découvrez la nouvelle Commune de Paris en odorama&#160;! </em>Sans rire. J&#8217;ai eu l&#8217;impression d&#8217;être face à un panorama. Je n&#8217;en fais pas secret, je ne crois pas aux AG. Plus un mouvement s&#8217;enferme dans des assemblées générales interminables, plus un mouvement a de chances de capoter à mon sens. C&#8217;est l&#8217;effet réunion en entreprises. J&#8217;ai lu quelque part que ce qui se passe sur la place de la République est une récréation tolérée par le pouvoir. C&#8217;est cruel, mais il y a peut-être un peu de vrai. En l&#8217;état, le mouvement me paraît parfaitement inoffensif — au sens premier du terme, c&#8217;est à dire qu&#8217;il n&#8217;est pas <em>(encore&#160;?)</em> offensif. Ça cause, et ça a le mérite de libérer la parole bien sûr, mais ça gesticule beaucoup, ça pose pas mal, on se donne des postures, on répond aux interviews curieuses des différentes télévisions (beaucoup de belges et de suisses, il m&#8217;a semblé), mais j&#8217;ai eu l&#8217;impression d&#8217;une sorte d&#8217;énergie en pause, comme si on attendait que le vent se lève pour partir au large. Le jour où les CRS sonneront la fin de la récréation, je ne suis pas certain qu&#8217;ils rencontreront beaucoup de résistance. Mais j&#8217;espère me tromper. Parce que l&#8217;enjeu, comme me disait l&#8217;un des initiateurs de la BiblioDebout, c&#8217;est bel et bien l&#8217;occupation de l&#8217;espace public. Et cette occupation est mise à mal chaque matin par les forces de l&#8217;ordre qui nettoient tout. Mieux encore, incapable de contenir des débordements, l&#8217;organisation de Nuit Debout a fait appel à la police dans la nuit de samedi à dimanche pour canaliser les mauvaises énergies. Quelle révolte appelle la police à la rescousse&#160;? Peut-être un nouveau genre de révolte, mais rien qui soit commun avec celles du passé. Et l&#8217;un dans l&#8217;autre, ce n&#8217;est peut-être pas un mal. Qui sait.</p>
  449. <p style="text-align: justify;">Mais il y a des raisons d&#8217;espérer que la Nuit debout déborde du cadre du parc d&#8217;attractions pour parisiens en manque de sensations fortes. Vous savez quoi&#160;? Je crois beaucoup en la dissémination des idées, et je crois que Nuit debout est une formidable occasion d&#8217;ensemencer les esprits aux quatre coins du pays. Et c&#8217;est peut-être là le seul et véritable enjeu du mouvement&#160;: la diffusion des idées qu&#8217;il véhicule par le biais d&#8217;internet. Pour moi, ce qui se passe sur la place relève du folklore. En revanche, ce qui se passe sur les ondes de la <a href="http://mixlr.com/radiodebout/">Radio Debout</a> l&#8217;est beaucoup moins. De la même manière, ce qui se dit sur les réseaux sociaux est capital. Autrefois, les manifestations et les grèves n&#8217;affectaient qu&#8217;une zone géographique proche. Désormais, les idées peuvent se répandre comme une trainée de poudre et aller contaminer des esprits dubitatifs, voire carrément perplexes. Je suis étonné que les interventions lors des assemblées générales ne soient pas filmées et mises en ligne sur Youtube, que leur contenu ne soit pas intégralement retranscrit sur un blog également. Parce que c&#8217;est là qu&#8217;il faut peser, c&#8217;est là qu&#8217;il faut mettre tout son poids. Le grand soir s&#8217;éloigne à mesure que les années passent&#160;: tout le monde a peur de perdre son boulot, les salariés les premiers, tout le monde préfère rester chez soi plutôt que de risquer de se faire gazer par des forces de police passablement soupe-au-lait&#8230; Il faut faire avec, c&#8217;est comme ça. Mais internet est encore là pour nous encanailler le cerveau&#8230; Et selon moi, les organisateurs devraient jeter toutes leurs forces dans la bataille du net&#160;: c&#8217;est là qu&#8217;ils trouveront un écho retentissant et un impact notable sur les gens qui ont une véritable carte à jouer. Une fois plantée dans un cerveau, une idée est impossible à déraciner. Et c&#8217;est exactement le genre de choses qui peut provoquer la révolution moderne&#160;: ça ne se passera peut-être pas en deux ou trois soirs, mais sur une ou deux générations. Les choses changeront parce que les gens eux-mêmes changeront, parce qu&#8217;ils auront eu accès à des idées nouvelles.</p>
  450. <p style="text-align: justify;">Alors longue vie à Nuit debout, mais pitié, oublions le folklore hipster de la révolution fun et soyons sérieux deux secondes&#160;: nous avons tous une responsabilité dans la réussite ou l&#8217;échec hypothétique de cette lutte. Et cette responsabilité implique une propagation aussi massive que possible des idées qui nous tiennent à cœur.</p>
  451. </article>
  452. </section>
  453. <nav id="jumpto">
  454. <p>
  455. <a href="/david/blog/">Accueil du blog</a> |
  456. <a href="http://page42.org/nuit-debout-ca-va-ou/">Source originale</a> |
  457. <a href="/david/stream/2019/">Accueil du flux</a>
  458. </p>
  459. </nav>
  460. <footer>
  461. <div>
  462. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  463. <p>
  464. Bonjour/Hi!
  465. 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>
  466. 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>).
  467. </p>
  468. <p>
  469. 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>.
  470. </p>
  471. <p>
  472. Voici quelques articles choisis :
  473. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  474. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  475. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  476. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  477. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  478. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  479. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  480. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  481. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  482. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  483. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  484. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  485. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  486. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  487. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  488. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  489. </p>
  490. <p>
  491. 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>.
  492. </p>
  493. <p>
  494. Je ne traque pas ta navigation mais mon
  495. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  496. conserve des logs d’accès.
  497. </p>
  498. </div>
  499. </footer>
  500. <script type="text/javascript">
  501. ;(_ => {
  502. const jumper = document.getElementById('jumper')
  503. jumper.addEventListener('click', e => {
  504. e.preventDefault()
  505. const anchor = e.target.getAttribute('href')
  506. const targetEl = document.getElementById(anchor.substring(1))
  507. targetEl.scrollIntoView({behavior: 'smooth'})
  508. })
  509. })()
  510. </script>