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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  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,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>#LeNouvelEssai - Dernières infos ! (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f0f0ea">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f0f0ea">
  26. <!-- Documented, feel free to shoot an email. -->
  27. <link rel="stylesheet" href="/static/david/css/style_2020-06-19.css">
  28. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  29. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <script type="text/javascript">
  36. function toggleTheme(themeName) {
  37. document.documentElement.classList.toggle(
  38. 'forced-dark',
  39. themeName === 'dark'
  40. )
  41. document.documentElement.classList.toggle(
  42. 'forced-light',
  43. themeName === 'light'
  44. )
  45. }
  46. const selectedTheme = localStorage.getItem('theme')
  47. if (selectedTheme !== 'undefined') {
  48. toggleTheme(selectedTheme)
  49. }
  50. </script>
  51. <meta name="robots" content="noindex, nofollow">
  52. <meta content="origin-when-cross-origin" name="referrer">
  53. <!-- Canonical URL for SEO purposes -->
  54. <link rel="canonical" href="http://lenouvelessai.nursit.com/spip.php?article31">
  55. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">
  56. <article>
  57. <header>
  58. <h1>#LeNouvelEssai - Dernières infos !</h1>
  59. </header>
  60. <nav>
  61. <p class="center">
  62. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  63. <a href="http://lenouvelessai.nursit.com/spip.php?article31" title="Lien vers le contenu original">Source originale</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <main>
  68. <p>Deux nouvelles à vous apporter : la première, c’est que nous avons enfin trouvé un lieu pour nous poser (définitivement) et concrétiser notre projeeeeeeeeeeeeeeet d’éducation populaire politique anarchiste. Ce sera le Kreiz Breizh ! On s’y installe ce lundi et on espère mettre tout cela en route d’ici mars 2021. Nous souhaitons y proposer des débats, des projections, des expositions, des ateliers, … toujours dans un esprit anarchiste (auto-organisation, autogestion, autonomie, solidarité, féminisme, écologie, anti-autoritarisme). À terme, on espère que ça mènera à la création d’une assemblée locale.</p>
  69. <p>La seconde info, c’est que nous allons (définitivement aussi) quitter les réseaux sociaux (Facebook, Twitter … et, par cohérence, Mastodon). A cela, plusieurs raisons que l’on pourrait détailler mais comme nous préférons nous organiser plutôt que de nous lamenter, nous allons donc faire court. La raison principale, c’est surtout que les RS sont devenus beaucoup trop chronophages à notre goût et tendent de plus en plus à entretenir des rapports de domination et de compétition entre égos surdimensionnés Ça n’est pas vraiment notre came ! Nous avons psychologiquement et physiquement besoin de sérénité et de concret pour avancer. Ça ne veut pas dire que les « rézosocios » sont le mal incarné … nous nous interrogeons simplement sur leur efficacité en terme de militantisme. Personnellement, nous optons pour un choix radical, nous les quittons pour reprendre entièrement place dans la vie réelle.</p>
  70. <p>Est-ce que nous arrêtons la lutte pour autant ? Bien sûr que non, c’est tout le contraire ! Nous arrêtons seulement de jouer à un jeu qui nous semble ressembler de plus en plus à un grand tourbillon dans lequel nous n’avons plus aucune prise. Nous allons donc reprendre possession de nos vies en essayant de construire quelque chose de différent, une autre manière de faire collectif. Nous essaierons, modestement, de suivre la voie ouverte par les grands pédagogues anarchistes.</p>
  71. <p>Vous êtes d’ores et déjà les bienvenu·e·s !</p>
  72. <p>Pour le moment, nous gardons le blog <a href="http://lenouvelessai.nursit.com/" class="spip_url auto" rel="nofollow">http://lenouvelessai.nursit.com/</a> comme moyen d’informer sur l’évolution de tout cela et, surtout, comme possibilité de garder un contact avec celles et ceux qui le souhaiteraient. Pour nous retrouver, il suffit de nous envoyer un mail <a href="http://lenouvelessai.nursit.com/spip.php?rubrique5" class="spip_url auto" rel="nofollow">http://lenouvelessai.nursit.com/spip.php?rubrique5</a> (avec votre pseudo pour que l’on fasse le lien). Nous essaierons de mettre en place une petite newsletter. Dites-le nous si ça vous intéresse.</p>
  73. <p>En début d’année prochaine, nous envisageons de rejoindre un groupe anarchiste (le besoin de réseau social est toujours présent … mais nous le souhaitons dorénavant le plus concret possible). Et nous espérons apporter notre contribution à la constitution d’un réseau militant et de solidarité en Bretagne. Ce réseau existe déjà plus ou moins formellement mais nous pensons qu’il serait intéressant d’aller un peu plus loin. Nous verrons. En tous cas, pour qu’il n’y ait pas de malaise, nous allons rassurer tout de suite les quelques détracteurs qui aiment bien nous faire passer pour ce que nous ne sommes pas : il ne s’agit pas de faire tout cela pour notre petite gloriole. Nous nous refusons de parvenir ! Nous avons un peu d’expérience à partager et la très grande motivation de faire progresser les idées anarchistes en Bretagne. Nous ne souhaitons rien de plus.</p>
  74. <p>Au plaisir de vous lire par mail (soyez indulgents, nous ne répondons pas toujours très rapidement) ou de vous voir à la maison. Kenavo !</p>
  75. <p>Isabelle et Willy</p>
  76. <p>PS : de nombreuses rencontres et des débats autour du livre sont prévus au sein du réseau des cafés-librairies de Bretagne (d’autres rendez-vous encore à venir). C’est avec plaisir que nous vous y retrouverons !</p>
  77. </main>
  78. </article>
  79. <hr>
  80. <footer>
  81. <p>
  82. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  83. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  84. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  85. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  86. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  87. </p>
  88. <template id="theme-selector">
  89. <form>
  90. <fieldset>
  91. <legend>Thème</legend>
  92. <label>
  93. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  94. </label>
  95. <label>
  96. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  97. </label>
  98. <label>
  99. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  100. </label>
  101. </fieldset>
  102. </form>
  103. </template>
  104. </footer>
  105. <script type="text/javascript">
  106. function loadThemeForm(templateName) {
  107. const themeSelectorTemplate = document.querySelector(templateName)
  108. const form = themeSelectorTemplate.content.firstElementChild
  109. themeSelectorTemplate.replaceWith(form)
  110. form.addEventListener('change', (e) => {
  111. const chosenColorScheme = e.target.value
  112. localStorage.setItem('theme', chosenColorScheme)
  113. toggleTheme(chosenColorScheme)
  114. })
  115. const selectedTheme = localStorage.getItem('theme')
  116. if (selectedTheme && selectedTheme !== 'undefined') {
  117. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  118. }
  119. }
  120. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  121. window.addEventListener('load', () => {
  122. let hasDarkRules = false
  123. for (const styleSheet of Array.from(document.styleSheets)) {
  124. let mediaRules = []
  125. for (const cssRule of styleSheet.cssRules) {
  126. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  127. continue
  128. }
  129. // WARNING: Safari does not have/supports `conditionText`.
  130. if (cssRule.conditionText) {
  131. if (cssRule.conditionText !== prefersColorSchemeDark) {
  132. continue
  133. }
  134. } else {
  135. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  136. continue
  137. }
  138. }
  139. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  140. }
  141. // WARNING: do not try to insert a Rule to a styleSheet you are
  142. // currently iterating on, otherwise the browser will be stuck
  143. // in a infinite loop…
  144. for (const mediaRule of mediaRules) {
  145. styleSheet.insertRule(mediaRule.cssText)
  146. hasDarkRules = true
  147. }
  148. }
  149. if (hasDarkRules) {
  150. loadThemeForm('#theme-selector')
  151. }
  152. })
  153. </script>
  154. </body>
  155. </html>