A place to cache linked articles (think custom and personal wayback machine)
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

index.html 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  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>Nous avons encore du temps, trop de temps (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="https://n.survol.fr/n/nous-avons-encore-du-temps-trop-de-temps">
  55. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">
  56. <article>
  57. <header>
  58. <h1>Nous avons encore du temps, trop de temps</h1>
  59. </header>
  60. <nav>
  61. <p class="center">
  62. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  63. <a href="https://n.survol.fr/n/nous-avons-encore-du-temps-trop-de-temps" title="Lien vers le contenu original">Source originale</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <main>
  68. <p>Entre ceux qui hurlent au fascisme à chaque contrainte d’ur­gence sani­taire et ceux qui ne veulent pas libé­ra­li­ser le télé­tra­vail là où c’est possible pour ne pas casser le lien social mais qui sont prêts à couper toute rela­tion sociale hors du travail… je ne me retrouve nulle part.</p>
  69. <blockquote class="wp-block-quote"><p>Ok mais si tu es contre les mesures du gouver­ne­ment, tu proposes quoi ?</p></blockquote>
  70. <p>Honnê­te­ment ce n’est pas que je sois contre, juste que je n’ai vu aucun chiffre ni aucune argu­men­ta­tion qui laisse penser que ça aura un effet à la hauteur du néces­saire.</p>
  71. <p>Je sais qu’il faut viser un temps long. Notre président a parlé d’été 2021 mais même ce scéna­rio est assez opti­miste. Arrê­ter de nouveau le pays c’est une solu­tion d’ul­time recours.</p>
  72. <p>Cela dit c’est facile d’in­ter­dire des trucs au fur et à mesure de la propa­ga­tion de l’épi­dé­mie mais, si on ne veut toucher ni au travail ni aux études, ça finit par bras­ser beau­coup de vent.</p>
  73. <p>Nous avions un trimestre pour prépa­rer.</p>
  74. <p><hr class="wp-block-separator"/><p>On aurait pu se dire que subven­tion­ner le maté­riel et les infra­struc­tures qui permettent de télé­tra­vailler aux sala­riés qui le peuvent. Ça aurait été cher, mais proba­ble­ment pas plus que du chômage partiel, et ça aurait été un inves­tis­se­ment durable pour les entre­prises, donc pas perdu pour l’éco­no­mie.</p></p>
  75. <p>On aurait pu en faire de même pour les étudiants et les ensei­gnants, avec des équi­pe­ments infor­ma­tiques utili­sables (pas ceux d’Ile de France), et des solu­tions 4G pour la connec­ti­vité. On a roya­le­ment prévu 5 000 postes (non, il ne manque pas de 0), autant dire rien.</p>
  76. <p>On aurait pu établir un proto­cole pour faire un maxi­mum de cours à distance aux lycéens et étudiants, tout en permet­tant à ceux qui ne le peuvent pas (isole­ment très fort, manque de place à la maison, manque de maté­riel, manque de compé­tences, suivi abso­lu­ment néces­saire) de venir suivre ces cours distan­ciels dans les locaux (bien plus vides et donc moins risqués, y compris côté trans­ports pour y aller) avec quelques recru­te­ments ad-hocs supplé­men­taires pour cet accom­pa­gne­ment. </p>
  77. <p>On aurait pu faire que le télé­tra­vail soit un droit pour les sala­riés dont le travail et les condi­tions person­nelles le permettent, et les auto­ri­ser – éven­tuel­le­ment après confir­ma­tion des instances repré­sen­ta­tives – à passer outre les réti­cences des mana­gers ou de la direc­tion, voire à forcer l’en­tre­prise à inves­tir dans un VPN et des outils pour ça. Ça ne concer­ne­rait pas tout le monde mais ça sera ça de moins, y compris dans les trans­ports.</p>
  78. <p>On aurait pu renfor­cer les offres de forma­tion et de recon­ver­sion, quitte à les subven­tion­ner de façon massive. Si le travail ne tourne pas à plein régime, autant utili­ser ce temps pour inves­tir sur l’ave­nir.</p>
  79. <p>C’est vrai aussi pour toutes les indus­tries qu’on sait en déclin ou problé­ma­tiques pour le climat. Plutôt que de subven­tion­ner leur acti­vité pour la faire redé­mar­rer à l’iden­tique sur fonds publics, c’était l’oc­ca­sion de jeter les premières pierres de trans­for­ma­tion.</p>
  80. <p><hr class="wp-block-separator"/><p>On aurait proba­ble­ment pu et on peut encore proba­ble­ment plein de choses, mais non. Peut-être pas ce que je propose (je n’ai peut-être pas vu tel ou tel problème majeur dans mes para­graphes précé­dents) mais imagi­ner des solu­tions de trans­for­ma­tion.</p></p>
  81. <p>Les trans­for­ma­tions les plus profondes que j’ai vu passer, ce sont des pein­tures pour des pistes cyclables tempo­raires dans certaines agglo­mé­ra­tions. Je ne critique pas, j’ap­plau­dis au contraire d’avoir trans­formé plutôt que juste inter­dit ou règle­menté, mais c’est bien peu.</p>
  82. <p>Nous avions un trimestre. J’ai envie de hurler parce qu’on n’a rien préparé à part de jolis discours pour dire qu’on était prêts.</p>
  83. <p>J’ai envie de hurler mais je préfère me concen­trer sur l’ave­nir. Nous avons encore du temps, plein de temps, trop de temps en fait parce que la situa­tion risque de durer. Ce temps il serait bien de l’uti­li­ser à autre chose que déli­mi­ter ce qu’on inter­dit au fur et à mesure de la propa­ga­tion.</p>
  84. <p>Je n’ai pas l’im­pres­sion que nos réponses soient aujourd’­hui à la hauteur des enjeux.</p>
  85. <p>Sans entrer dans le poncif stupide de « trans­for­mons le désastre en oppor­tu­nité », il y avait et il y a toujours une oppor­tu­nité d’in­ves­tis­se­ment et pas juste de « dépen­sons plus ».</p>
  86. </main>
  87. </article>
  88. <hr>
  89. <footer>
  90. <p>
  91. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  92. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  93. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  94. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  95. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  96. </p>
  97. <template id="theme-selector">
  98. <form>
  99. <fieldset>
  100. <legend>Thème</legend>
  101. <label>
  102. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  103. </label>
  104. <label>
  105. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  106. </label>
  107. <label>
  108. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  109. </label>
  110. </fieldset>
  111. </form>
  112. </template>
  113. </footer>
  114. <script type="text/javascript">
  115. function loadThemeForm(templateName) {
  116. const themeSelectorTemplate = document.querySelector(templateName)
  117. const form = themeSelectorTemplate.content.firstElementChild
  118. themeSelectorTemplate.replaceWith(form)
  119. form.addEventListener('change', (e) => {
  120. const chosenColorScheme = e.target.value
  121. localStorage.setItem('theme', chosenColorScheme)
  122. toggleTheme(chosenColorScheme)
  123. })
  124. const selectedTheme = localStorage.getItem('theme')
  125. if (selectedTheme && selectedTheme !== 'undefined') {
  126. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  127. }
  128. }
  129. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  130. window.addEventListener('load', () => {
  131. let hasDarkRules = false
  132. for (const styleSheet of Array.from(document.styleSheets)) {
  133. let mediaRules = []
  134. for (const cssRule of styleSheet.cssRules) {
  135. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  136. continue
  137. }
  138. // WARNING: Safari does not have/supports `conditionText`.
  139. if (cssRule.conditionText) {
  140. if (cssRule.conditionText !== prefersColorSchemeDark) {
  141. continue
  142. }
  143. } else {
  144. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  145. continue
  146. }
  147. }
  148. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  149. }
  150. // WARNING: do not try to insert a Rule to a styleSheet you are
  151. // currently iterating on, otherwise the browser will be stuck
  152. // in a infinite loop…
  153. for (const mediaRule of mediaRules) {
  154. styleSheet.insertRule(mediaRule.cssText)
  155. hasDarkRules = true
  156. }
  157. }
  158. if (hasDarkRules) {
  159. loadThemeForm('#theme-selector')
  160. }
  161. })
  162. </script>
  163. </body>
  164. </html>