A place to cache linked articles (think custom and personal wayback machine)
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

index.html 44KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  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` element
  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>Ataraxie numérique (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="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <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>
  31. <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>
  32. <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>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="http://aswemay.fr/co/040011.html">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>Ataraxie numérique</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="http://aswemay.fr/co/040011.html" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>Épicure assimilait le bonheur à l'ataraxie, une vie sobre en plaisirs qui ne répondent pas aux besoins naturels et nécessaires. Il est peut-être temps de partir à la recherche d'une certaine ataraxie numérique, qui consisterait à se demander ce qui est nécessaire, utile, même agréable. Réévaluer ce dont nous avons besoin et en faire des outils conviviaux qui rendent autonomes et heureux, qui ne soient pas des instruments d'asservissement, de contrôle ou d'addiction.</p>
  71. <section class="bkBase bkSec bkSection"><h3 class="bkBase_ti" id="A1IXAicjvYcAiiEetZeueh"><span>Tous des Amish ?</span></h3><div class="bkBase_co "><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="kQ1hBJ4XEfgg7BtYqTMxPd"><span>Débattre de l'évolution technique, donc être Amish</span></h4><div class="bkBase_co "><p class="txt_p "><q class="txt_quote_ph "><span class="txt_quote_php ">« </span>La convention citoyenne pour le climat, instaurée par le chef de l'État [...] a voté ce printemps à 98 % pour "instaurer un moratoire sur la mise en place de la 5G en attendant les résultats de l'évaluation" de ses effets sur la santé et le climat. Mais, avant même d'être ouvert, le débat était tranché [...] : "Oui, la France va prendre le tournant de la 5G parce que c'est le tournant de l'innovation". (<a href="#footNotesNa9" class="txt_def_ul tt_a" id="i0" data-sctooltip="{&quot;ttId&quot;:&quot;footNotesNa9&quot;,&quot;trigger&quot;:&quot;onclick&quot;,&quot;class&quot;:&quot;txt_def tt&quot;,&quot;classRoot&quot;:&quot;&quot;,&quot;options&quot;:{&quot;STICKY&quot;:true,&quot;FOCUS&quot;:true,&quot;FIXTYPE&quot;:&quot;node&quot;,&quot;FIX&quot;:[0,0],&quot;HPOS&quot;:&quot;leftAlign&quot;,&quot;VPOS&quot;:&quot;belowElement&quot;,&quot;CLSBTN&quot;:true,&quot;CLSBTNCAP&quot;:&quot;✖&quot;,&quot;CLSBTNTI&quot;:&quot;Fermer&quot;}}" title="D&eacute;finition : Ruffin and Pocr&eacute;aux, 2020 (Infobulle)"><span>Ruffin and Pocréaux, 2020</span></a><sup class="txt_def_ref tt_ref"><a href="#footNotesNa9"><span>[</span>1<span>]</span></a></sup>)<span class="txt_quote_phs "> »</span></q></p></div></div><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="EyF9xkoF3IftjcaCyEG5Lb"><span>La convention citoyenne pour le climat a proposé une évaluation et un moratoire (et non un renoncement)</span></h4><div class="bkBase_co "><p class="txt_p "><q class="txt_quote_ph "><span class="txt_quote_php ">« </span>Dans une logique d'écoconception des services, nous proposons d'<strong class="txt_emphasis_is ">évaluer les avantages et les inconvénients</strong> de la 5G par rapport à la fibre avant et non après avoir accordé les licences pour son développement mais aussi d'initier/conseiller à l'utilisation de la solution la moins impactante pour l'environnement. <strong class="txt_emphasis_is ">Instaurer un moratoire</strong> sur la mise en place de la 5G en attendant les résultats de l'évaluation de la 5G sur la santé et le climat. (<a href="#footNotesNd0" class="txt_def_ul tt_a" id="i1" data-sctooltip="{&quot;ttId&quot;:&quot;footNotesNd0&quot;,&quot;trigger&quot;:&quot;onclick&quot;,&quot;class&quot;:&quot;txt_def tt&quot;,&quot;classRoot&quot;:&quot;&quot;,&quot;options&quot;:{&quot;STICKY&quot;:true,&quot;FOCUS&quot;:true,&quot;FIXTYPE&quot;:&quot;node&quot;,&quot;FIX&quot;:[0,0],&quot;HPOS&quot;:&quot;leftAlign&quot;,&quot;VPOS&quot;:&quot;belowElement&quot;,&quot;CLSBTN&quot;:true,&quot;CLSBTNCAP&quot;:&quot;✖&quot;,&quot;CLSBTNTI&quot;:&quot;Fermer&quot;}}" title="D&eacute;finition : Convention Citoyenne pour le Climat, 2020 (Infobulle)"><span>Convention Citoyenne pour le Climat, 2020</span></a><sup class="txt_def_ref tt_ref"><a href="#footNotesNd0"><span>[</span>2<span>]</span></a></sup>)<span class="txt_quote_phs "> »</span></q></p></div></div><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="IqL2A6nOKYdi42cjx8ysSc"><span>Emmanuel Macron, le 14 septembre 2020</span></h4><div class="bkBase_co "><p class="txt_p "><q class="txt_quote_ph "><span class="txt_quote_php ">« </span>Et j'entends beaucoup de voix qui s'élèvent pour nous expliquer qu'il faudrait relever la complexité des problèmes contemporains en revenant à la lampe à huile. Je ne crois pas au modèle amish. Et je ne crois pas que le modèle amish permette de relever les défis de l'économie contemporaine.”<span class="txt_quote_phs "> »</span></q></p></div></div><div class="bkBase bkInfo"><div class="bkBase_co "><p class="txt_p ">Je ne crois pas non plus au modèle Amish.</p><p class="txt_p ">Mais je ne crois pas non plus au modèle de la croissance exponentielle.</p></div></div><div class="bkBase bkInfo"><div class="bkBase_co "><div class="txt_img_ex "><figure role="group" class="binCap "><div class="binCap_co "><a href="../res/pib.png" class="binImglnk overLnk" target="_blank" onclick="scImageMgr.loading(); return false;" title="Agrandir (nouvelle fen&ecirc;tre)"><img src="../res/pib_1.png" class="binImg " width="630" height="313" alt></a></div></figure></div></div></div><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="UoVAaAqyIOiEflG53w7y8c"><span>Des chiffres contre-intuitifs</span></h4><div class="bkBase_co "><p class="txt_p ">Une croissance 2% par an — c'est à dire pas beaucoup, pas assez, un nombre qui va créer du chômage, qu'on voudrait bien plus important si on pouvait... — ça fait 700% de croissance en 100 ans.</p></div></div><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="BsFowanwdvbCt4457hQCTd"><span>L'amish n'est peut-être pas celui qu'on croit</span></h4><div class="bkBase_co "><p class="txt_p ">Pourtant Philippe Bihouix (ingénieur, directeur-adjoint de l'AREP, donc pas vraiment un Amish) propose de <q class="txt_quote_ph "><span class="txt_quote_php ">« </span>sortir de la civilisation de la voiture<span class="txt_quote_phs "> »</span></q>.</p><p class="txt_p "><q class="txt_quote_ph "><span class="txt_quote_php ">« </span>Car mieux vaut renoncer à sa voiture qu'aller chercher son eau au puits, et mieux vaut enfiler un pull-over que s'éclairer à la bougie. (<a href="#footNotesN125" class="txt_def_ul tt_a" id="i2" data-sctooltip="{&quot;ttId&quot;:&quot;footNotesN125&quot;,&quot;trigger&quot;:&quot;onclick&quot;,&quot;class&quot;:&quot;txt_def tt&quot;,&quot;classRoot&quot;:&quot;&quot;,&quot;options&quot;:{&quot;STICKY&quot;:true,&quot;FOCUS&quot;:true,&quot;FIXTYPE&quot;:&quot;node&quot;,&quot;FIX&quot;:[0,0],&quot;HPOS&quot;:&quot;leftAlign&quot;,&quot;VPOS&quot;:&quot;belowElement&quot;,&quot;CLSBTN&quot;:true,&quot;CLSBTNCAP&quot;:&quot;✖&quot;,&quot;CLSBTNTI&quot;:&quot;Fermer&quot;}}" title="D&eacute;finition : Bihouix, 2014 (Infobulle)"><span>Bihouix, 2014</span></a><sup class="txt_def_ref tt_ref"><a href="#footNotesN125"><span>[</span>3<span>]</span></a></sup>)<span class="txt_quote_phs "> »</span></q></p><p class="txt_p ">Finalement l'amishisation est peut-être en bonne voie...</p></div></div><div class="bkBase bkEmphasis"><h4 class="bkBase_ti" id="TE5PSjRc2CjDEj33BgJ88f"><span>L'évolution technique n'est pas un sujet de débat démocratique</span></h4><div class="bkBase_co "><div class="txt_img_ex "><figure role="group" class="binCap "><div class="binCap_co "><img src="../res/negociation2.png" class="binImg " width="319" height="192" alt></div></figure></div></div></div><div class="bkBase bkInfo"><div class="bkBase_co "><p class="txt_p ">Je lis sur Wikipédia que les Amish statuent sur toutes les innovations techniques et que la première règle Amish est : « Tu ne te conformeras point à ce monde qui t'entoure ». Si l'on évite l'écueil de le l'<em class="txt_special_ph ">argumentum ad personam</em> (consistant ici à considérer que tout ce que font ou disent les Amish est à rejeter si on est en désaccord par ailleurs avec beaucoup de ce qu'ils font ou disent) on peut apprécier l'idée de <strong class="txt_emphasis_is ">statuer sur les innovations techniques</strong>.</p><p class="txt_p ">Si cela conduit (comme c'est généralement le cas chez les Amish) à la refuser systématiquement ou presque, cela interroge sur l'articulation entre technologie et démocratie. Sinon (si cela conduit à rejeter ou accepter selon les termes du débat) on ne voit pas vraiment pourquoi une société démocratique s'en priverait.</p><p class="txt_p ">Le débat technologique ne semble pas une option :</p><ul class="txt_il "><li class="txt_ili "><p class="txt_p ">la question identitaire est légitime (la technique fait l'homme), mais elle est aujourd'hui binarisée (acceptation de toute innovation ou refus de toute non conformation) ;</p></li><li class="txt_ili "><p class="txt_p ">la question temporelle est également légitime (la technique fait le temps), mais elle est enfermée dans une logique de course (à la croissance, à la compétition).</p></li></ul></div></div><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="VwGoUhcpLil38v4hezAaCc"><span>Comment avancer ? questionner la notion de besoin</span></h4><div class="bkBase_co "><p class="txt_p "><q class="txt_quote_ph "><span class="txt_quote_php ">« </span>Nous devons ainsi retrouver une capacité à s'interroger individuellement et collectivement sur nos modes de consommation et nos besoins (cf. fast fashion, 5G, etc.). (<a href="#footNotesNd0" class="txt_def_ul tt_a" id="i3" data-sctooltip="{&quot;ttId&quot;:&quot;footNotesNd0&quot;,&quot;trigger&quot;:&quot;onclick&quot;,&quot;class&quot;:&quot;txt_def tt&quot;,&quot;classRoot&quot;:&quot;&quot;,&quot;options&quot;:{&quot;STICKY&quot;:true,&quot;FOCUS&quot;:true,&quot;FIXTYPE&quot;:&quot;node&quot;,&quot;FIX&quot;:[0,0],&quot;HPOS&quot;:&quot;leftAlign&quot;,&quot;VPOS&quot;:&quot;belowElement&quot;,&quot;CLSBTN&quot;:true,&quot;CLSBTNCAP&quot;:&quot;✖&quot;,&quot;CLSBTNTI&quot;:&quot;Fermer&quot;}}" title="D&eacute;finition : Convention Citoyenne pour le Climat, 2020 (Infobulle)"><span>Convention Citoyenne pour le Climat, 2020</span></a><sup class="txt_def_ref tt_ref"><a href="#footNotesNd0"><span>[</span>2<span>]</span></a></sup>)<span class="txt_quote_phs "> »</span></q></p></div></div></div></section>
  72. <section class="bkBase bkSec bkSection"><h3 class="bkBase_ti" id="lDKJRLIeUFdVSmrj5H7fNe"><span>Éloge de la médiété</span></h3><div class="bkBase_co "><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="YDAZlbDwsohoXE1lqWPjwc"><span>La vertu est une sorte de médiété, en ce sens qu'elle vise le moyen.</span></h4><div class="bkBase_co "><div class="txt_img_ex "><figure role="group" class="binCap "><div class="binCap_co "><img src="../res/l-ecole-d-athene-raphael.jpg" class="binImg " width="244" height="348" alt></div><figcaption class="binCap_ti "><span class="capTi ">Extrait de « L'École d'Athènes » par Raphaël (domaine public)</span></figcaption></figure></div></div></div><div class="bkBase bkInfo"><div class="bkBase_co "><p class="txt_p "><q class="txt_quote_ph "><span class="txt_quote_php ">« </span>Si donc toute science aboutit ainsi à la perfection de son œuvre, en fixant le regard sur le moyen et y ramenant ses œuvres (de là vient notre habitude de dire en parlant des œuvres bien réussies, qu'il est impossible d'y rien retrancher ni d'y rien ajouter, voulant signifier par là que l'excès et le défaut détruisent la perfection, tandis que la médiété la préserve), si donc les bons artistes, comme nous les appelons, ont les yeux fixés sur cette médiété quand ils travaillent, et si en outre, la vertu, comme la nature, dépasse en exactitude et en valeur 15 tout autre art, alors c'est le moyen vers lequel elle devra tendre. (<a href="#footNotesN1a2" class="txt_def_ul tt_a" id="i4" data-sctooltip="{&quot;ttId&quot;:&quot;footNotesN1a2&quot;,&quot;trigger&quot;:&quot;onclick&quot;,&quot;class&quot;:&quot;txt_def tt&quot;,&quot;classRoot&quot;:&quot;&quot;,&quot;options&quot;:{&quot;STICKY&quot;:true,&quot;FOCUS&quot;:true,&quot;FIXTYPE&quot;:&quot;node&quot;,&quot;FIX&quot;:[0,0],&quot;HPOS&quot;:&quot;leftAlign&quot;,&quot;VPOS&quot;:&quot;belowElement&quot;,&quot;CLSBTN&quot;:true,&quot;CLSBTNCAP&quot;:&quot;✖&quot;,&quot;CLSBTNTI&quot;:&quot;Fermer&quot;}}" title="D&eacute;finition : Aristote, 2014 (Infobulle)"><span>Aristote, -IVe, 2014</span></a><sup class="txt_def_ref tt_ref"><a href="#footNotesN1a2"><span>[</span>4<span>]</span></a></sup>)<span class="txt_quote_phs "> »</span></q></p></div></div><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="Meh2YV25OFb7rAeC5qHsLd"><span>Plus de numérique, est-ce plus efficace ?</span></h4><div class="bkBase_co "><ul class="txt_il "><li class="txt_ili "><p class="txt_p "><em class="txt_special_ph ">Bureaucratie, l'utopie des règles</em>, David Graeber, 2015.</p><p class="txt_p "><q class="txt_quote_ph "><span class="txt_quote_php ">« </span>Tous les logiciels conçus ces dernières décennies pour nous épargner du travail administratif ont fini par nous transformer tous en administratifs à temps partiel ou à temps plein<span class="txt_quote_phs "> »</span></q> cité par Caillosse Jacques, « Pourquoi et comment la bureaucratie fait loi », Droit et société, 2016/3 (N° 94).</p></li><li class="txt_ili "><p class="txt_p ">L'informatisation est souvent une promesse de simplification qui se transforme en complexité accrue.</p></li><li class="txt_ili "><p class="txt_p "><em class="txt_special_ph ">Affaires privées : aux sources du capitalisme de surveillance</em>, Christophe Masutti.</p></li></ul></div></div><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="CgcrVHPrXEi7z35fyCR1U"><span>Plus de numérique, est-ce soutenable ?</span></h4><div class="bkBase_co "><ul class="txt_il "><li class="txt_ili "><p class="txt_p "><q class="txt_quote_ph "><span class="txt_quote_php ">« </span>Déployer la sobriété numérique (<a href="#footNotesN1dc" class="txt_def_ul tt_a" id="i5" data-sctooltip="{&quot;ttId&quot;:&quot;footNotesN1dc&quot;,&quot;trigger&quot;:&quot;onclick&quot;,&quot;class&quot;:&quot;txt_def tt&quot;,&quot;classRoot&quot;:&quot;&quot;,&quot;options&quot;:{&quot;STICKY&quot;:true,&quot;FOCUS&quot;:true,&quot;FIXTYPE&quot;:&quot;node&quot;,&quot;FIX&quot;:[0,0],&quot;HPOS&quot;:&quot;leftAlign&quot;,&quot;VPOS&quot;:&quot;belowElement&quot;,&quot;CLSBTN&quot;:true,&quot;CLSBTNCAP&quot;:&quot;✖&quot;,&quot;CLSBTNTI&quot;:&quot;Fermer&quot;}}" title="D&eacute;finition : The Shift Project, 2020 (Infobulle)"><span>The Shift Project, 2020a</span></a><sup class="txt_def_ref tt_ref"><a href="#footNotesN1dc"><span>[</span>5<span>]</span></a></sup>)<span class="txt_quote_phs "> »</span></q></p><p class="txt_p "><q class="txt_quote_ph "><span class="txt_quote_php ">« </span>Climat : l'insoutenable usage de la vidéo en ligne : un cas pratique pour la sobriété numérique (<a href="#footNotesN1f7" class="txt_def_ul tt_a" id="i6" data-sctooltip="{&quot;ttId&quot;:&quot;footNotesN1f7&quot;,&quot;trigger&quot;:&quot;onclick&quot;,&quot;class&quot;:&quot;txt_def tt&quot;,&quot;classRoot&quot;:&quot;&quot;,&quot;options&quot;:{&quot;STICKY&quot;:true,&quot;FOCUS&quot;:true,&quot;FIXTYPE&quot;:&quot;node&quot;,&quot;FIX&quot;:[0,0],&quot;HPOS&quot;:&quot;leftAlign&quot;,&quot;VPOS&quot;:&quot;belowElement&quot;,&quot;CLSBTN&quot;:true,&quot;CLSBTNCAP&quot;:&quot;✖&quot;,&quot;CLSBTNTI&quot;:&quot;Fermer&quot;}}" title="D&eacute;finition : The Shift Project, 2019 (Infobulle)"><span>The Shift Project, 2019</span></a><sup class="txt_def_ref tt_ref"><a href="#footNotesN1f7"><span>[</span>6<span>]</span></a></sup>)<span class="txt_quote_phs "> »</span></q></p></li><li class="txt_ili "><p class="txt_p "><q class="txt_quote_ph "><span class="txt_quote_php ">« </span>Ce qui est incontestable, c'est la nécessité de surveiller de près la croissance explosive des [...] technologies et services numériques pour s'assurer que la société en tire un maximum de bénéfices, tout en minimisant les conséquences négatives – notamment sur la consommation d'électricité et les émissions de carbone. (<a href="#footNotesN213" class="txt_def_ul tt_a" id="i7" data-sctooltip="{&quot;ttId&quot;:&quot;footNotesN213&quot;,&quot;trigger&quot;:&quot;onclick&quot;,&quot;class&quot;:&quot;txt_def tt&quot;,&quot;classRoot&quot;:&quot;&quot;,&quot;options&quot;:{&quot;STICKY&quot;:true,&quot;FOCUS&quot;:true,&quot;FIXTYPE&quot;:&quot;node&quot;,&quot;FIX&quot;:[0,0],&quot;HPOS&quot;:&quot;leftAlign&quot;,&quot;VPOS&quot;:&quot;belowElement&quot;,&quot;CLSBTN&quot;:true,&quot;CLSBTNCAP&quot;:&quot;✖&quot;,&quot;CLSBTNTI&quot;:&quot;Fermer&quot;}}" title="D&eacute;finition : Kamiya, 2020 (Infobulle)"><span>Kamiya, 2020</span></a><sup class="txt_def_ref tt_ref"><a href="#footNotesN213"><span>[</span>7<span>]</span></a></sup> ; <a href="#footNotesN227" class="txt_def_ul tt_a" id="i8" data-sctooltip="{&quot;ttId&quot;:&quot;footNotesN227&quot;,&quot;trigger&quot;:&quot;onclick&quot;,&quot;class&quot;:&quot;txt_def tt&quot;,&quot;classRoot&quot;:&quot;&quot;,&quot;options&quot;:{&quot;STICKY&quot;:true,&quot;FOCUS&quot;:true,&quot;FIXTYPE&quot;:&quot;node&quot;,&quot;FIX&quot;:[0,0],&quot;HPOS&quot;:&quot;leftAlign&quot;,&quot;VPOS&quot;:&quot;belowElement&quot;,&quot;CLSBTN&quot;:true,&quot;CLSBTNCAP&quot;:&quot;✖&quot;,&quot;CLSBTNTI&quot;:&quot;Fermer&quot;}}" title="D&eacute;finition : The Shift Project, 2020 (Infobulle)"><span>The Shift Project, 2020b</span></a><sup class="txt_def_ref tt_ref"><a href="#footNotesN227"><span>[</span>8<span>]</span></a></sup>)<span class="txt_quote_phs "> »</span></q></p></li><li class="txt_ili "><p class="txt_p "><q class="txt_quote_ph "><span class="txt_quote_php ">« </span>Les datacenters enfoncent le cloud : enjeux politiques et impacts environnementaux d'internet (<a href="#footNotesN243" class="txt_def_ul tt_a" id="i9" data-sctooltip="{&quot;ttId&quot;:&quot;footNotesN243&quot;,&quot;trigger&quot;:&quot;onclick&quot;,&quot;class&quot;:&quot;txt_def tt&quot;,&quot;classRoot&quot;:&quot;&quot;,&quot;options&quot;:{&quot;STICKY&quot;:true,&quot;FOCUS&quot;:true,&quot;FIXTYPE&quot;:&quot;node&quot;,&quot;FIX&quot;:[0,0],&quot;HPOS&quot;:&quot;leftAlign&quot;,&quot;VPOS&quot;:&quot;belowElement&quot;,&quot;CLSBTN&quot;:true,&quot;CLSBTNCAP&quot;:&quot;✖&quot;,&quot;CLSBTNTI&quot;:&quot;Fermer&quot;}}" title="D&eacute;finition : Marquet and Carnino, 2018 (Infobulle)"><span>Marquet and Carnino, 2018</span></a><sup class="txt_def_ref tt_ref"><a href="#footNotesN243"><span>[</span>9<span>]</span></a></sup>)<span class="txt_quote_phs "> »</span></q></p></li></ul></div></div><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="XtDyklUQCWh2Qb93bZsc6b"><span>Plus de numérique, est-ce que ça rend plus heureux ?</span></h4><div class="bkBase_co "><ul class="txt_il "><li class="txt_ili "><p class="txt_p "><em class="txt_special_ph ">Coincés dans Zoom (1/4) : de la vidéoconférence en ses limites</em> (<a href="#footNotesN265" class="txt_def_ul tt_a" id="i10" data-sctooltip="{&quot;ttId&quot;:&quot;footNotesN265&quot;,&quot;trigger&quot;:&quot;onclick&quot;,&quot;class&quot;:&quot;txt_def tt&quot;,&quot;classRoot&quot;:&quot;&quot;,&quot;options&quot;:{&quot;STICKY&quot;:true,&quot;FOCUS&quot;:true,&quot;FIXTYPE&quot;:&quot;node&quot;,&quot;FIX&quot;:[0,0],&quot;HPOS&quot;:&quot;leftAlign&quot;,&quot;VPOS&quot;:&quot;belowElement&quot;,&quot;CLSBTN&quot;:true,&quot;CLSBTNCAP&quot;:&quot;✖&quot;,&quot;CLSBTNTI&quot;:&quot;Fermer&quot;}}" title="D&eacute;finition : Guillaud, 2020 (Infobulle)"><span>Guillaud, 2020</span></a><sup class="txt_def_ref tt_ref"><a href="#footNotesN265"><span>[</span>10<span>]</span></a></sup>)</p><p class="txt_p "><em class="txt_special_ph ">Coincé dans Zoom (2/4) : mais alors que nous apporte Zoom ?</em> (<a href="#footNotesN27d" class="txt_def_ul tt_a" id="i11" data-sctooltip="{&quot;ttId&quot;:&quot;footNotesN27d&quot;,&quot;trigger&quot;:&quot;onclick&quot;,&quot;class&quot;:&quot;txt_def tt&quot;,&quot;classRoot&quot;:&quot;&quot;,&quot;options&quot;:{&quot;STICKY&quot;:true,&quot;FOCUS&quot;:true,&quot;FIXTYPE&quot;:&quot;node&quot;,&quot;FIX&quot;:[0,0],&quot;HPOS&quot;:&quot;leftAlign&quot;,&quot;VPOS&quot;:&quot;belowElement&quot;,&quot;CLSBTN&quot;:true,&quot;CLSBTNCAP&quot;:&quot;✖&quot;,&quot;CLSBTNTI&quot;:&quot;Fermer&quot;}}" title="D&eacute;finition : Guillaud, 2020 (Infobulle)"><span>Guillaud, 2020</span></a><sup class="txt_def_ref tt_ref"><a href="#footNotesN27d"><span>[</span>11<span>]</span></a></sup>)</p><p class="txt_p "><em class="txt_special_ph ">Coincés dans Zoom (3/4) : miroir des cultures managériales</em> (<a href="#footNotesN295" class="txt_def_ul tt_a" id="i12" data-sctooltip="{&quot;ttId&quot;:&quot;footNotesN295&quot;,&quot;trigger&quot;:&quot;onclick&quot;,&quot;class&quot;:&quot;txt_def tt&quot;,&quot;classRoot&quot;:&quot;&quot;,&quot;options&quot;:{&quot;STICKY&quot;:true,&quot;FOCUS&quot;:true,&quot;FIXTYPE&quot;:&quot;node&quot;,&quot;FIX&quot;:[0,0],&quot;HPOS&quot;:&quot;leftAlign&quot;,&quot;VPOS&quot;:&quot;belowElement&quot;,&quot;CLSBTN&quot;:true,&quot;CLSBTNCAP&quot;:&quot;✖&quot;,&quot;CLSBTNTI&quot;:&quot;Fermer&quot;}}" title="D&eacute;finition : Guillaud, 2020 (Infobulle)"><span>Guillaud, 2020</span></a><sup class="txt_def_ref tt_ref"><a href="#footNotesN295"><span>[</span>12<span>]</span></a></sup>)</p></li><li class="txt_ili "><p class="txt_p "><q class="txt_quote_ph "><span class="txt_quote_php ">« </span>Nous en sommes arrivés à une industrie de la persuasion à grande échelle, qui définit le comportement de milliards de gens chaque jour, et seulement quelques personnes ont leurs mains sur les leviers. Voilà pourquoi j'y vois une grande question morale, peut être la plus grande de notre époque.<span class="txt_quote_phs "> »</span></q></p><p class="txt_p "><em class="txt_special_ph ">Sur son lit de mort, personne ne se dit : "J'aurais aimé passer plus de temps sur Facebook (<a href="#footNotesN2b4" class="txt_def_ul tt_a" id="i13" data-sctooltip="{&quot;ttId&quot;:&quot;footNotesN2b4&quot;,&quot;trigger&quot;:&quot;onclick&quot;,&quot;class&quot;:&quot;txt_def tt&quot;,&quot;classRoot&quot;:&quot;&quot;,&quot;options&quot;:{&quot;STICKY&quot;:true,&quot;FOCUS&quot;:true,&quot;FIXTYPE&quot;:&quot;node&quot;,&quot;FIX&quot;:[0,0],&quot;HPOS&quot;:&quot;leftAlign&quot;,&quot;VPOS&quot;:&quot;belowElement&quot;,&quot;CLSBTN&quot;:true,&quot;CLSBTNCAP&quot;:&quot;✖&quot;,&quot;CLSBTNTI&quot;:&quot;Fermer&quot;}}" title="D&eacute;finition : Laurent, 2017 (Infobulle)"><span>Laurent, 2017</span></a><sup class="txt_def_ref tt_ref"><a href="#footNotesN2b4"><span>[</span>13<span>]</span></a></sup>)</em></p></li><li class="txt_ili "><p class="txt_p ">Prolétarisation (le numérique engendre l'automatisation et l'atomisation des tâches, la perte de sens, B. Stiegler, A. Casilli, D. Graeber)</p></li></ul></div></div></div></section>
  73. <section class="bkBase bkSec bkSection"><h3 class="bkBase_ti" id="tlVVLMzYDwb0OZF2MmF5mf"><span>Critique de la médiété</span></h3><div class="bkBase_co "><div class="bkBase bkInfo"><div class="bkBase_co "><ul class="txt_il "><li class="txt_ili "><p class="txt_p ">Le plaisir du rapport aux objets.</p></li><li class="txt_ili "><p class="txt_p ">Le plaisir du rapport au nouveau.</p></li><li class="txt_ili "><p class="txt_p ">La difficile évaluation des impacts écologiques.</p></li><li class="txt_ili "><p class="txt_p ">On ne sait pas ce que signifie faire de l'informatique de façon modeste.</p></li><li class="txt_ili "><p class="txt_p ">La créativité, les bénéfices de la compétition et du dépassement (Nietzsche).</p></li><li class="txt_ili "><p class="txt_p ">La limitation de l'aventure technique (on ne connaît pas les reconfigurations techniques à venir) et sa dimension pharmacologique (potentiels positifs et négatifs, B. Stiegler).</p></li></ul></div></div></div></section>
  74. <section class="bkBase bkSec bkSection"><h3 class="bkBase_ti" id="DsOhFDC1WUgov2WRpc3YDd"><span>Qu'est ce qu'une informatique modeste ?</span></h3><div class="bkBase_co "><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="gEsq2S5YPSj6n8GxxjQvrf"><span>Il n'y a pas d'humain no-tech</span></h4><div class="bkBase_co "><p class="txt_p "><a class="txt_ref_ul sub_a" target="_self" href="these-tac.html" title="R&eacute;f&eacute;rence : La th&egrave;se TAC ou &laquo;&nbsp;l'&eacute;cole de Compi&egrave;gne&nbsp;&raquo; (acc&egrave;s &agrave;)"><span>Thèse TAC (Technologie Anthropologiquement Constituante)</span></a></p></div></div><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="G2Ug4luOi4eFbQ3h6qg7pb"><span>Il n'y a pas d'informatique low-tech</span></h4><div class="bkBase_co "><p class="txt_p ">Cf <em class="txt_special_ph ">L'âge des low tech</em> (<a href="#footNotesN125" class="txt_def_ul tt_a" id="i14" data-sctooltip="{&quot;ttId&quot;:&quot;footNotesN125&quot;,&quot;trigger&quot;:&quot;onclick&quot;,&quot;class&quot;:&quot;txt_def tt&quot;,&quot;classRoot&quot;:&quot;&quot;,&quot;options&quot;:{&quot;STICKY&quot;:true,&quot;FOCUS&quot;:true,&quot;FIXTYPE&quot;:&quot;node&quot;,&quot;FIX&quot;:[0,0],&quot;HPOS&quot;:&quot;leftAlign&quot;,&quot;VPOS&quot;:&quot;belowElement&quot;,&quot;CLSBTN&quot;:true,&quot;CLSBTNCAP&quot;:&quot;✖&quot;,&quot;CLSBTNTI&quot;:&quot;Fermer&quot;}}" title="D&eacute;finition : Bihouix, 2014 (Infobulle)"><span>Bihouix, 2014</span></a><sup class="txt_def_ref tt_ref"><a href="#footNotesN125"><span>[</span>3<span>]</span></a></sup>)</p></div></div><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="ncPHnaKhPObDuIWSIcaHvj"><span>Vers des nos-tech</span></h4><div class="bkBase_co "><p class="txt_p ">Des technologies à notre échelle (ou presque)</p></div></div><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="LjNeNpFRBqbo5sAGVTkIBc"><span>Ingénieurs low-profile et utilisateurs low-demand</span></h4><div class="bkBase_co "><ul class="txt_il "><li class="txt_ili "><p class="txt_p ">Machines modestes (hard)</p></li><li class="txt_ili "><p class="txt_p ">Programmes modestes (soft)</p></li><li class="txt_ili "><p class="txt_p ">Fonctions modestes (fonctionnel)</p></li></ul></div></div></div></section>
  75. <section class="bkBase bkSec bkSection"><h3 class="bkBase_ti" id="BVVm5nppOuUHsexbTXIGh"><span>Côté utilisateurs : low-demand</span></h3><div class="bkBase_co "><div class="bkBase bkInfo"><div class="bkBase_co "><p class="txt_p ">Nous consommons aujourd'hui massivement des objets et services numériques :</p><ul class="txt_il "><li class="txt_ili "><p class="txt_p ">J'ai besoin de...</p></li><li class="txt_ili "><p class="txt_p ">Je ne peux plus me passer de...</p></li><li class="txt_ili "><p class="txt_p ">Je ne suis pas autonome sans...</p></li></ul><p class="txt_p ">Or, ces outils que nous utilisons ne nous appartiennent pas :</p><ul class="txt_il "><li class="txt_ili "><p class="txt_p ">nous ne savons pas les construire</p></li><li class="txt_ili "><p class="txt_p ">nous ne savons pas les réparer</p></li><li class="txt_ili "><p class="txt_p ">nous ne savons pas les utiliser comme on le souhaite</p></li><li class="txt_ili "><p class="txt_p ">nous ne savons pas comment ils fonctionnent vraiment</p></li></ul></div></div></div></section>
  76. <section class="bkBase bkSec bkSection"><h3 class="bkBase_ti" id="AkEjSj8acbq7E9zfuc9ed"><span>Côté ingénieurs : low-profile</span></h3><div class="bkBase_co "><div class="bkBase bkInfo"><div class="bkBase_co "><ul class="txt_il "><li class="txt_ili "><p class="txt_p ">L'informatisation est source de complexité : on complexifie le monde parce que l'informatique promet qu'on pourra le simplifier ensuite.</p></li><li class="txt_ili "><p class="txt_p ">L'informatisation alimente le solutionnisme technique : on produit des outils plutôt que des organisations humaines adéquates.</p></li><li class="txt_ili "><p class="txt_p ">L'informatisation est un transfert de pouvoir : on peut de moins en moins faire sans une poignée de multinationales (étasuniennes) qui échappent au contrôle démocratique.</p></li></ul></div></div><div class="bkBase bkInfo"><div class="bkBase_co "><p class="txt_p ">Les ingénieurs passent beaucoup de leur temps de travail à augmenter la surface numérique du monde :</p><ul class="txt_il "><li class="txt_ili "><p class="txt_p ">est-ce que cela rend le monde meilleur ?</p></li><li class="txt_ili "><p class="txt_p ">est-ce que cela les rend heureux ?</p></li></ul></div></div><div class="bkBase bkInfo"><div class="bkBase_co "><p class="txt_p ">Dans le film Tron en 1982, les <em class="txt_special_ph ">users</em> sont les humains qui maîtrisent les ordinateurs, en charge de leurs donner des ordres. Les machines essaient de se rebeller.</p><p class="txt_p ">En 2020, les utilisateurs sont les humains que les machines contrôlent, en leur dictant leurs comportements : connecte-toi, consulte cette information, lis ce message, remplis ce formulaire... ce sont elles qui commandent ? à nous de nous rebeller.</p><div class="txt_img_ex "><figure role="group" class="binCap "><div class="binCap_co "><img src="../res/tron.png" class="binImg " width="282" height="84" alt></div><figcaption class="binCap_ti "><span class="capTi ">Logo du film Tron (Domaine Public, commons.wikimedia.org)</span></figcaption></figure></div></div></div></div></section>
  77. <section class="bkBase bkSec bkSection"><h3 class="bkBase_ti" id="QjccVM0VFejpQr8sDzCtUe"><span>Vouloir faire des choix</span></h3><div class="bkBase_co "><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="QQ1OCw0hUrlE6JxW96xryb"><span>Ataraxie épicurienne</span></h4><div class="bkBase_co "><div class="txt_img_ex "><figure role="group" class="binCap "><div class="binCap_co "><img src="../res/epicure.jpg" class="binImg " width="140" height="210" alt></div><figcaption class="binCap_ti "><span class="capTi ">Épicure (Marie-Lan Nguyen, commons.wikimedia.org, public domain)</span></figcaption></figure></div><ul class="txt_il "><li class="txt_ili "><p class="txt_p ">Hiérarchie des plaisirs :</p><ul class="txt_il "><li class="txt_ili "><p class="txt_p ">Besoins naturels et nécessaires (manger, dormir, boire)</p></li><li class="txt_ili "><p class="txt_p ">Besoins naturels et non nécessaires (faire l'amour)</p></li><li class="txt_ili "><p class="txt_p ">Besoins non naturels et nécessaires (cultiver la terre, faire vivre la cité)</p></li><li class="txt_ili "><p class="txt_p ">Besoins non naturels et non nécessaires (philosopher, jouer)</p></li></ul></li><li class="txt_ili "><p class="txt_p ">Modération (l'excès n'est jamais nécessaire)</p></li></ul></div></div><div class="bkBase bkEmphasis"><h4 class="bkBase_ti" id="fqMOZcn7ZBdj0HF0yM7Ifc"><span>Une méthode plutôt qu'une morale</span></h4><div class="bkBase_co "><p class="txt_p ">Ce n'est pas un décalogue, mais une éthique hédoniste (ou eudémoniste) : le bonheur est la finalité de la raison.</p></div></div></div></section>
  78. <section class="bkBase bkSec bkSection"><h3 class="bkBase_ti" id="Tq9gbOTQHNf5y5Suw7ZXlg"><span>Pouvoir faire des choix</span></h3><div class="bkBase_co "><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="AEG71nRHp7gbwjki4brpGg"><span>Conditions de possibilité du choix</span></h4><div class="bkBase_co "><div class="txt_img_ex "><figure role="group" class="binCap "><div class="binCap_co "><a href="../res/triptyque.jpg" class="binImglnk overLnk" target="_blank" onclick="scImageMgr.loading(); return false;" title="Agrandir (nouvelle fen&ecirc;tre)"><img src="../res/triptyque_1.jpg" class="binImg " width="630" height="360" alt></a></div></figure></div><p class="txt_p ">[sources : Expolibre (<span class="txt_url_ph "><a class="txt_url_ul" target="_blank" href="https://expolibre.org/exposition.php" rel="noopener" title="April (nouvelle fen&ecirc;tre)"><span>April</span></a></span>), Les Justiciers de l'espace public (<span class="txt_url_ph "><a class="txt_url_ul" target="_blank" href="http://archives.antipub.org/actions/index.php?page=justiciers" rel="noopener" title="R.A.P. (nouvelle fen&ecirc;tre)"><span>R.A.P.</span></a></span>), Contributopia (<span class="txt_url_ph "><a class="txt_url_ul" target="_blank" href="https://contributopia.org/" rel="noopener" title="Framasoft (nouvelle fen&ecirc;tre)"><span>Framasoft</span></a></span>)]</p></div></div><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="SvKv0BQ4U7cCKCcOjgW5Ig"><span>Informatique libre</span></h4><div class="bkBase_co "><p class="txt_p ">Des objets logiciels et matériels :</p><ul class="txt_il "><li class="txt_ili "><p class="txt_p ">que l'on peut connaître</p></li><li class="txt_ili "><p class="txt_p ">que l'on peut adapter</p></li><li class="txt_ili "><p class="txt_p ">que l'on peut réparer</p></li></ul><p class="txt_p ">donc qui laisse l'utilisateur libre de "fixer" l'outil qu'il utilise.</p></div></div><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="optr2gyQ7nDnBMqsc7gFg"><span>Résistance à la consommation</span></h4><div class="bkBase_co "><p class="txt_p ">Consommation qui résiste à la publicité et à l'injonction de nouveauté :</p><ul class="txt_il "><li class="txt_ili "><p class="txt_p ">suppression de la manipulation publicitaire (Edward Snowden plutôt que Edward Bernays)</p></li><li class="txt_ili "><p class="txt_p ">plaisir de faire plutôt que de regarder, modularité plutôt qu'intégration (Fairphone et Raspberry plutôt qu'Apple)</p></li><li class="txt_ili "><p class="txt_p ">résistance à la compulsion, à la facilité, au remplacement (Amazon)</p></li></ul><p class="txt_p ">donc qui prend le temps de s'inscrire dans le temps.</p></div></div><div class="bkBase bkInfo"><h4 class="bkBase_ti" id="AGJhV7qYH9kRO2PID3Ucgc"><span>Littératie numérique</span></h4><div class="bkBase_co "><ul class="txt_il "><li class="txt_ili "><p class="txt_p ">Comprendre comment cela fonctionne pour participer aux choix.</p></li><li class="txt_ili "><p class="txt_p ">Sortir de l'informatique magique et reprendre du pouvoir aux ingénieurs.</p></li><li class="txt_ili "><p class="txt_p ">Retrouver confiance en la machine (<a class="txt_ref_ul sub_a" target="_self" href="040007_1.html" title="R&eacute;f&eacute;rence : Confiance en la machine ? des logiciels libres &agrave; la litt&eacute;ratie num&eacute;rique (acc&egrave;s &agrave;)"><span>Confiance en la machine ? des logiciels libres à la littératie numérique</span></a>)</p></li></ul></div></div></div></section>
  79. <section class="bkBase bkSec bkSection"><h3 class="bkBase_ti" id="m8LuIVTvUgfxrxkYvGVSBc"><span>Ataraxie numérique</span></h3><div class="bkBase_co "><div class="bkBase bkEmphasis"><h4 class="bkBase_ti" id="YmzvUFVOwtcBL34uw4ZDu"><span>De quoi voulons nous avoir besoin ?</span></h4><div class="bkBase_co "><ul class="txt_il "><li class="txt_ili "><p class="txt_p ">Téléphoner à ses amis ou avoir de la 5G ?</p></li><li class="txt_ili "><p class="txt_p ">Partager des photos avec sa famille ou disposer d'un espace de stockage de 1 To ?</p></li><li class="txt_ili "><p class="txt_p ">Faire du sport ou porter des objets connectés ?</p></li><li class="txt_ili "><p class="txt_p ">Regarder <em class="txt_special_ph ">Le Bon, la Brute et le Truand</em> ou regarder des films en 4K ?</p></li><li class="txt_ili "><p class="txt_p ">Écouter <em class="txt_special_ph ">Les Doors</em> ou avoir accès à de la musique illimitée ?</p></li></ul></div></div><div class="bkBase bkInfo"><div class="bkBase_co "><p class="txt_p ">Quels outils voulons-nous aider à se développer, quels outils voulons nous construire, quels outils voulons nous avoir dans les mains ?</p></div></div><div class="bkBase bkEmphasis"><h4 class="bkBase_ti" id="liZFI42lr2eIas7GhSiiVi"><span>Des outils conviviaux (qui favorisent l'autonomie)</span></h4><div class="bkBase_co "><p class="txt_p ">Des outils plus simples, moins invasifs, moins performants, que l'on contrôle au moins autant qu'ils nous contrôlent.</p><p class="txt_p ">Des outils que l'on maîtrise à l'échelle d'une communauté, pas forcément soi-même, mais on connaît quelqu'un qui.</p></div></div><div class="bkBase bkInfo"><div class="bkBase_co "><p class="txt_p ">Qui voulons nous pour construire ces outils ?</p></div></div><div class="bkBase bkEmphasis"><h4 class="bkBase_ti" id="L7otNCzXAjfGVkeYLOZwWd"><span>Des producteurs locaux et des AMAP plutôt que des consultants et des multinationales.</span></h4><div class="bkBase_co "><div class="txt_img_ex "><figure role="group" class="binCap "><div class="binCap_co "><a href="../res/amap.jpg" class="binImglnk overLnk" target="_blank" onclick="scImageMgr.loading(); return false;" title="Agrandir (nouvelle fen&ecirc;tre)"><img src="../res/amap_1.jpg" class="binImg " width="630" height="331" alt></a></div></figure></div></div></div><div class="bkBase bkInfo"><div class="bkBase_co "><p class="txt_p ">Des artisans de proximité qui ont le plaisir de savoir faire plutôt que les maillons spécialisés d'une chaîne qu'ils ne maîtrisent pas ou des consultants qui favorisent l'existence de technologies qu'ils ne sauraient pas eux-mêmes faire fonctionner.</p></div></div></div></section>
  80. </article>
  81. <hr>
  82. <footer>
  83. <p>
  84. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  85. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  86. </svg> Accueil</a> •
  87. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  88. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  89. </svg> Suivre</a> •
  90. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  91. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  92. </svg> Pro</a> •
  93. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  94. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  95. </svg> Email</a> •
  96. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  97. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  98. </svg> Légal</abbr>
  99. </p>
  100. <template id="theme-selector">
  101. <form>
  102. <fieldset>
  103. <legend><svg class="icon icon-brightness-contrast">
  104. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  105. </svg> Thème</legend>
  106. <label>
  107. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  108. </label>
  109. <label>
  110. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  111. </label>
  112. <label>
  113. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  114. </label>
  115. </fieldset>
  116. </form>
  117. </template>
  118. </footer>
  119. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  120. <script>
  121. function loadThemeForm(templateName) {
  122. const themeSelectorTemplate = document.querySelector(templateName)
  123. const form = themeSelectorTemplate.content.firstElementChild
  124. themeSelectorTemplate.replaceWith(form)
  125. form.addEventListener('change', (e) => {
  126. const chosenColorScheme = e.target.value
  127. localStorage.setItem('theme', chosenColorScheme)
  128. toggleTheme(chosenColorScheme)
  129. })
  130. const selectedTheme = localStorage.getItem('theme')
  131. if (selectedTheme && selectedTheme !== 'undefined') {
  132. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  133. }
  134. }
  135. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  136. window.addEventListener('load', () => {
  137. let hasDarkRules = false
  138. for (const styleSheet of Array.from(document.styleSheets)) {
  139. let mediaRules = []
  140. for (const cssRule of styleSheet.cssRules) {
  141. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  142. continue
  143. }
  144. // WARNING: Safari does not have/supports `conditionText`.
  145. if (cssRule.conditionText) {
  146. if (cssRule.conditionText !== prefersColorSchemeDark) {
  147. continue
  148. }
  149. } else {
  150. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  151. continue
  152. }
  153. }
  154. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  155. }
  156. // WARNING: do not try to insert a Rule to a styleSheet you are
  157. // currently iterating on, otherwise the browser will be stuck
  158. // in a infinite loop…
  159. for (const mediaRule of mediaRules) {
  160. styleSheet.insertRule(mediaRule.cssText)
  161. hasDarkRules = true
  162. }
  163. }
  164. if (hasDarkRules) {
  165. loadThemeForm('#theme-selector')
  166. }
  167. })
  168. </script>
  169. </body>
  170. </html>