12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007 |
- <!DOCTYPE html><!-- This is a valid HTML5 document. -->
- <!-- Screen readers, SEO, extensions and so on. -->
- <html lang="fr">
- <!-- Has to be within the first 1024 bytes, hence before the `title` element
- See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
- <meta charset="utf-8">
- <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
- <!-- The viewport meta is quite crowded and we are responsible for that.
- See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
- <meta name="viewport" content="width=device-width,initial-scale=1">
- <!-- Required to make a valid HTML5 document. -->
- <title>
- Étiquette #équipe
- — David Larlet</title>
- <script>
- function toggleTheme(themeName) {
- document.documentElement.classList.toggle(
- 'forced-dark',
- themeName === 'dark'
- )
- document.documentElement.classList.toggle(
- 'forced-light',
- themeName === 'light'
- )
- }
- const selectedTheme = localStorage.getItem('theme')
- if (selectedTheme !== 'undefined') {
- toggleTheme(selectedTheme)
- }
- </script>
- <!-- Documented, feel free to shoot an email. -->
- <link rel="stylesheet" href="/static/david/css/style_2024-03-09.css">
- <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
- crossorigin>
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_a_bold.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
- crossorigin>
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_a_italic.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
- crossorigin>
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_b_regular.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: dark)"
- crossorigin>
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: dark)"
- crossorigin>
- <link rel="preload"
- href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"
- as="font"
- type="font/woff2"
- media="(prefers-color-scheme: dark)"
- crossorigin>
- <meta name="description" content="Publications relatives au tag #équipe">
- <!-- That good ol' feed, subscribe :). -->
- <link rel="alternate"
- type="application/atom+xml"
- title="Feed"
- href="/david/log/">
- <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
- <link rel="apple-touch-icon"
- sizes="180x180"
- href="/static/david/icons2/apple-touch-icon.png">
- <link rel="icon"
- type="image/png"
- sizes="32x32"
- href="/static/david/icons2/favicon-32x32.png">
- <link rel="icon"
- type="image/png"
- sizes="16x16"
- href="/static/david/icons2/favicon-16x16.png">
- <link rel="manifest" href="/static/david/icons2/site.webmanifest">
- <link rel="mask-icon"
- href="/static/david/icons2/safari-pinned-tab.svg"
- color="#07486c">
- <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
- <meta name="msapplication-TileColor" content="#f7f7f7">
- <meta name="msapplication-config"
- content="/static/david/icons2/browserconfig.xml">
- <meta name="theme-color"
- content="#f7f7f7"
- media="(prefers-color-scheme: light)">
- <meta name="theme-color"
- content="#272727"
- media="(prefers-color-scheme: dark)">
- <!-- Is that even respected? Retrospectively? What a shAItshow…
- https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
- <meta name="robots" content="noai, noimageai">
-
- <style type="text/css">
- details[open] summary {
- display: none;
- }
- </style>
-
- <body data-instant-intensity="viewport-all">
- <article>
-
- <header>
- <hgroup>
- <h1>#équipe</h1>
- <p>Publications relatives à cette étiquette</p>
- </hgroup>
- </header>
- <nav>
- <p>
- <a href="/david/" title="Aller à l’accueil">
- Accueil</a>
- •
- <a rel="tags"
- href="/david/2024/#tags"
- title="Liste de toutes les étiquettes">
- Étiquettes</a>
- •
- <a href="/david/recherche/" title="Aller à la page de recherche" rel="search" data-no-instant>Recherche</a>
- •
- <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
- </p>
- </nav>
-
- <h2>
- <a href="/david/2024/04/03/" title="Lien permanent vers cet article">Décision</a> <time datetime="2024-04-03">3 avril 2024</time>
- </h2>
-
-
- <blockquote>
- <p>La prise de décision par consentement se différencie de la prise de décision par consensus : <strong>en consensus tout le monde dit « oui », en consentement, personne ne dit « non ».</strong></p>
- <p>Cela sous-entend que lorsque l’on prend une décision par consentement, on ne va pas chercher la « meilleure solution » mais l’on va partir du principe qu’une bonne décision est celle qui respecte les limites de celles et ceux qui devront l’assumer, et qui ne compromet en rien la capacité de l’organisation à mener à bien sa mission. <mark>Le consentement implique qu’une décision ne peut être prise que lorsqu’il n’y a plus d’objection raisonnable à celle-ci.</mark> Tant qu’il y a des objections, l’ensemble du groupe est mobilisé pour bonifier la proposition. Ainsi, les objections permettent de révéler les limites avec lesquelles le groupe devra composer et indiquent donc l’espace de liberté dont le cercle dispose.</p>
- <p><cite><em><a data-link-domain="pilavenir.canalblog.com" href="http://pilavenir.canalblog.com/archives/2017/10/21/35793152.html" hreflang="fr"
- title="Consultation de l’article">La prise décision par consentement : un outil au service du groupe</a>
- <a href="/david/cache/2024/4e49a2509dd9d3f9b33dba3865960465/" hreflang="fr"
- data-tippy data-description="Décision par consentement La prise de décision par consentement se différencie de la prise de décision par consensus : en consensus tout le monde dit « oui », en consentement, personne ne dit « non » . Cela sous-entend que lorsque l’on prend une décision..."
- data-source="http://pilavenir.canalblog.com/archives/2017/10/21/35793152.html"
- data-date="2024-04-04"
- data-favicon="https://profilepics.canalblog.com/profilepics/1/3/1379494.jpg"
- data-domain="pilavenir.canalblog.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <p>La prise de décision lorsqu’on se retrouve à <a data-link-domain="scopyleft.fr" href="http://scopyleft.fr/">7 co-gérant·es</a> distribué·es sur deux continents n’est pas une mince affaire. Rythme lent/asynchrone, légitimité, culpabilité, ambiguïté, les raisons ne manquent pas pour générer des frustrations.</p>
- <p>Aujourd’hui, nous avons réussi à définir ce dont nous avions besoin en amont, pendant et après une prise de décision. Cela a permis au passage de rendre explicite la légitimité des décisions prises et la façon d’améliorer les propositions itérativement par consentement.</p>
- <p>Je suis content de faire partie d’un <a href="/david/2024/03/28/" title="Collectif">collectif</a> qui prend le temps de se poser ces questions. C’est rare et précieux.</p>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/equipe/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#équipe</a>
-
- <a href="/david/2024/experience/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#expérience</a>
-
- <a href="/david/2024/gratitude/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#gratitude</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/03/28/" title="Lien permanent vers cet article">Collectif</a> <time datetime="2024-03-28">28 mars 2024</time>
- </h2>
-
- <p>Il est parfois difficile pour un collectif existant <em>de fait</em> de définir ce qui le relie (encore), de travailler sur sa raison d’être et/ou ses valeurs. Le regroupement a pu être économique, idéologique, par affinités, un peu des trois à la fois sûrement et à un moment on se retrouve devant le fait accompli. Presque surpris de se retrouver ensemble, à se demander pourquoi.</p>
- <p>Cela m’arrive dans trois situations à la fois en ce moment. À différentes échelles mais le parallèle est frappant. Le plus difficile (pour moi) est de se retenir d’être le seul moteur du groupe car le temps individuel est aussi important que l’action collective qu’il précède.</p>
- <p>Je vais aller m’épuiser sur ces sages paroles en forêt. Seul.</p>
- <a href="#hr-140" title="Lien vers cette section de la page"><hr id="hr-140" /></a>
-
- <blockquote lang="en">
- <p>In 2016, Facebook launched a secret project designed to intercept and decrypt the network traffic between people using Snapchat’s app and its servers. The goal was to understand users’ behavior and help Facebook compete with Snapchat, according to newly unsealed court documents. Facebook called this “Project Ghostbusters,” in a clear reference to Snapchat’s ghost-like logo.</p>
- <p>On Tuesday, a federal court in California released new documents discovered as part of the class action lawsuit between consumers and Meta, Facebook’s parent company.</p>
- <p>The newly released documents reveal how Meta tried to gain a competitive advantage over its competitors, including Snapchat and later Amazon and YouTube, <mark>by analyzing the network traffic of how its users were interacting with Meta’s competitors.</mark> Given these apps’ use of encryption, Facebook needed to develop special technology to get around it.</p>
- <p><cite><em><a data-link-domain="techcrunch.com" href="https://techcrunch.com/2024/03/26/facebook-secret-project-snooped-snapchat-user-traffic/" hreflang="en"
- title="Consultation de l’article (anglais)">Facebook snooped on users’ Snapchat traffic in secret project, documents reveal</a>
- <a href="/david/cache/2024/2de5f6111316a8158795d70666b55a95/" hreflang="en"
- data-tippy data-description="A secret program called Project Ghostbusters saw Facebook devise a way to intercept and decrypt the encrypted network traffic of Snapchat users to study their behavior."
- data-source="https://techcrunch.com/2024/03/26/facebook-secret-project-snooped-snapchat-user-traffic/"
- data-date="2024-03-28"
- data-favicon="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=32"
- data-domain="techcrunch.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <p>J’ai du mal à réaliser que je suis en train de faire un lien vers TechCrunch mais c’est trop gros pour laisser passer. Je ne vois pas comment un tel stratagème pourrait être justifiable, et si les GAFAM+ en sont là ça fait froid dans le dos.</p>
- <p>Le manque de déontologie dans ma profession m’attriste. Savoir que cette nouvelle ne va rien changer aux monopoles actuels m’achève.</p>
-
- <blockquote lang="en">
- <p>People who point out what needs to be improved are generally disappointed optimists. Only an optimist would believe that pointing out what has gone wrong could ever result in said issue being fixed. Only somebody who believes that software could be universally useful to everybody in society is going to spend time discovering and highlighting accessibility issues.</p>
- <p>You don’t spend years of your life figuring out how the flaws of the web can be fixed unless you thinks the web has massive unfulfilled potential.</p>
- <p><mark>We’re not cynics.</mark> If we were, we wouldn’t waste so much energy being hopeful.</p>
- <p><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/the-software-crisis-easter-sale/" hreflang="en"
- title="Consultation de l’article (anglais)">“I’m not a cynic, I’m disappointed”</a>
- <a href="/david/cache/2024/a11451e038f3aedba0ae55ff242e1ed5/" hreflang="en"
- data-tippy data-description="Most people don’t realise just how few of the “critics” in tech are genuine cynics.You don’t spend a good part of your life shouting about bad websites or broken software and how they could be fixed if you’re a cynic."
- data-source="https://www.baldurbjarnason.com/2024/the-software-crisis-easter-sale/"
- data-date="2024-03-28"
- data-favicon="https://www.baldurbjarnason.com/dark-bird.svg"
- data-domain="baldurbjarnason.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <a href="#hr-141" title="Lien vers cette section de la page"><hr id="hr-141" /></a>
-
- <blockquote lang="en">
- <p>As such, I’ve become more attuned to what my goal really <em>should be</em> with Buttondown. Most tech companies have a goal centered around some flavor of maximalism: disrupting an industry, revolutionizing a process, that kind of thing. Buttondown is not that kind of product; <mark>I am not that kind of person.</mark></p>
- <p><cite><em><a data-link-domain="jmduke.com" href="https://jmduke.com/posts/microblog/why-should-a-company/" hreflang="en"
- title="Consultation de l’article (anglais)">Why should a company? · Applied Cartography</a>
- <a href="/david/cache/2024/c2a852eced710f481135a1f61cb67a26/" hreflang="en"
- data-tippy data-description=""
- data-source="https://jmduke.com/posts/microblog/why-should-a-company/"
- data-date="2024-03-28"
- data-favicon="https://jmduke.com/favicon.ico"
- data-domain="jmduke.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <p>Et puis soudain un peu d’espoir. Tout n’est pas si terrible finalement. Quelques villages ici et là résistent. Quelques personnes et collectifs font la différence.</p>
-
- <blockquote lang="en">
- <p>But it’s our fault. Our as a society. We celebrate when Apple becomes the first trillion-dollar company but we don’t celebrate when someone says <mark>“You know what? I think I have enough”.</mark></p>
- <p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/growth-is-a-mind-cancer" hreflang="en"
- title="Consultation de l’article (anglais)">Growth is a mind cancer</a>
- <a href="/david/cache/2024/422adbcbb23d5d87eb9d9f07f21e6e52/" hreflang="en"
- data-tippy data-description="I'm following with somewhat vague interest the various legal battles Apple is currently involved in. Reading their response to the EU's DMA makes me …"
- data-source="https://manuelmoreale.com/growth-is-a-mind-cancer"
- data-date="2024-03-28"
- data-favicon="https://manuelmoreale.com/favicon.ico"
- data-domain="manuelmoreale.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <a href="#hr-142" title="Lien vers cette section de la page"><hr id="hr-142" /></a>
-
- <blockquote>
- <p>À l’origine, Make est un outil conçu pour le développement de logiciels : il sert à automatiser la fabrication de programmes exécutables à partir de fichiers contenant du code.</p>
- <p>Mais en réalité, <mark>Make peut être utilisé pour gérer toutes sortes de projets.</mark> En tant que langage, il permet de définir des processus de manière très simple (encore plus simple que les scripts shell). Et en tant qu’outil, il permet de gagner du temps, avec une gestion efficace des états des fichiers qui fait économiser du travail aussi bien à l’humain qu’à la machine.</p>
- <p><cite><em><a data-link-domain="arthurperret.fr" href="https://www.arthurperret.fr/cours/make.html" hreflang="fr"
- title="Consultation de l’article">Make</a>
- <a href="/david/cache/2024/821fa933883f080d23c0a6d9d0b3721a/" hreflang="fr"
- data-tippy data-description="Cette page présente le logiciel Make, un outil simple et fiable pour automatiser des tâches."
- data-source="https://www.arthurperret.fr/cours/make.html"
- data-date="2024-03-28"
- data-favicon="https://www.arthurperret.fr/cours/favicon-32x32.png"
- data-domain="arthurperret.fr"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <p>Superbe cours par Arthur Perret, j’ai appris plein de choses en le relisant. J’emploie <code>make</code> au quotidien, ne serait-ce que pour construire ce site et pourtant il y a pas mal de complexité/raccourcis vers lesquels je ne suis pas encore allé.</p>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/commun/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#commun</a>
-
- <a href="/david/2024/equipe/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#équipe</a>
-
- <a href="/david/2024/protopie/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#protopie</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/02/08/" title="Lien permanent vers cet article">Écoute</a> <time datetime="2024-02-08">8 février 2024</time>
- </h2>
-
-
- <blockquote>
- <p>Ceci est tellement vrai que nous sommes seuls au monde dans la communication que, lorsque quelqu’un écoute et lorsque la communication réussit, c’est un miracle étincelant. […] C’est tellement rare, c’est tellement improbable, c’est tellement miraculeux que c’est peut-être ça la civilisation et la culture. <mark>Rencontrer quelqu’un qui écoute.</mark></p>
- <p><cite><em>Le Bonheur possible</em>, Michel Serres (1997)</cite></p>
- </blockquote>
- <p>Exercice de mise en forme des <a href="/david/2024/02/02/" title="Valeurs">valeurs</a> émergeantes des valeurs de Scopyleft aujourd’hui. Je suis content d’y reconnaître chaque personne et <em>en même temps</em> un collectif qui se découvre et qui apprend à faire ensemble. Avoir 8 valeurs qui se démarquent dans 3 contextes différents me donne davantage d’information et d’envie qu’une poignée affichée sur un site web. Un maillage de compréhension réciproque est en train d’être tissé entre nous.</p>
-
- <blockquote>
- <p>Ce besoin de venir (re)questionner la manière de faire ensemble est nécessaire à ces collectifs. Ce n’est pas dans l’objectif d’un travail évaluatif des bonnes ou mauvaises pratiques, mais bien dans un désir d’entretenir la flamme collective. Ces collectifs ont besoin de se questionner sans cesse sur leurs pratiques. Sur les raisons qui les poussent à faire ensemble. Sans quoi, l’activité du groupe piétine et ses membres peuvent se dégager du projet commun. C’est une manière de redonner de l’élan et de la motivation au collectif. Ce besoin de se redire : « pourquoi nous sommes-nous mis ensemble et où voulions-nous aller ? »</p>
- <p><cite><em><a data-link-domain="blog.notmyidea.org" href="https://blog.notmyidea.org/lart-de-conter-nos-experiences-collectives.html" hreflang="fr"
- title="Consultation de l’article">L’art de conter nos expériences collectives</a>
- <a href="/david/cache/2024/bd0c3ccce5c3f229f84c6c132ebdaca9/" hreflang="fr"
- data-tippy data-description="Faire récit à l'heure du storytelling par Benjamin Roux"
- data-source="https://blog.notmyidea.org/lart-de-conter-nos-experiences-collectives.html"
- data-date="2024-02-08"
- data-favicon=""
- data-domain="blog.notmyidea.org"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/apprentissage/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#apprentissage</a>
-
- <a href="/david/2024/equipe/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#équipe</a>
-
- <a href="/david/2024/evolution/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#évolution</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/02/06/" title="Lien permanent vers cet article">Anneau</a> <time datetime="2024-02-06">6 février 2024</time>
- </h2>
-
-
- <blockquote>
- <p>« J’aurais voulu que cela n’ait pas à arriver de mon temps », dit Frodo.<br />
- « Moi aussi, dit Gandalf, et il en va de même pour tout ceux qui vivent en de pareils temps. Mais il ne leur appartient pas de décider. Tout ce qu’il nous appartient de décider, c’est <mark>ce que nous comptons faire du temps qui nous est imparti.</mark> »</p>
- <p><cite><em>Le seigneur des anneaux</em>, J.R.R. Tolkien</cite></p>
- </blockquote>
- <p>Me voilà reparti pour un tour au départ <strong>du</strong> Comté, cette fois avec la nouvelle traduction de Daniel Lauzon. Ça pique un peu au niveau des noms, forcément.</p>
- <p>Je vais moins publier ces prochains jours 😇.</p>
-
- <blockquote>
- <p><em>Tout ce qui est or ne brille pas,</em><br />
- <em>Ne sont pas perdus tout ceux qui vagabondent ;</em><br />
- <em>Ce qui est vieux mais fort ne se flétrit pas,</em><br />
- <em>Le gel n’atteint pas les racines profondes.</em></p>
- <p><cite><em>Ibid.</em></cite></p>
- </blockquote>
- <a href="#hr-68" title="Lien vers cette section de la page"><hr id="hr-68" /></a>
-
- <blockquote lang="en">
- <p>The webring is a directory of neighbor websites and portfolios.</p>
- <p>This is an attempt to <strong>inspire artists and developers to create and maintain their own personal website,</strong> and share traffic organically among each other. The ring’s aim is to promote the creation of hand crafted diaries, wikis, bookmarks and portfolios.</p>
- <p><cite><em><a data-link-domain="wiki.xxiivv.com" href="https://wiki.xxiivv.com/site/webring.html" hreflang="en"
- title="Consultation de l’article (anglais)">XXIIVV - webring</a>
- <a href="/david/cache/2024/842e88c947068b81c9b9d6218c600dd2/" hreflang="en"
- data-tippy data-description="The Webring, like we are in the 2000s."
- data-source="https://wiki.xxiivv.com/site/webring.html"
- data-date="2024-02-06"
- data-favicon="https://wiki.xxiivv.com/media/services/icon.png"
- data-domain="wiki.xxiivv.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <p>C’est marrant de voir ressurgir d’anciennes pratiques. Il y a un côté vintage, ou reprise d’une ancienne chanson populaire. Avec ce questionnement récurrent : <q>N’a-t-on vraiment rien inventé de mieux depuis ?</q> (Ah si, maintenant il faut avoir un compte Microsauron Github pour accéder à l’anneau.)</p>
- <p><em>Écrit-il en relisant pour la x-ième fois le même livre.</em></p>
-
- <blockquote lang="en">
- <p>With roots in the world of fashion, there exists a cyclical principle suggesting that every two decades, previously popular trends “every 20 years or so the trends that were once popular will begin to be on the forefront again.” What’s old is new again. However, <mark>these recurring trends aren’t just rip-offs.</mark> They are remixed and reinterpreted through the lens of a new generation.</p>
- <p>We are, perhaps, in a 20 year resurgence for the indie web and blogging.</p>
- <p><cite><em><a data-link-domain="thehistoryoftheweb.com" href="https://thehistoryoftheweb.com/weve-been-waiting-20-years-for-this/" hreflang="en"
- title="Consultation de l’article (anglais)">We’ve been waiting 20 years for this</a>
- <a href="/david/cache/2024/155c5458fcbfb1450f19bc0d268c871e/" hreflang="en"
- data-tippy data-description="The indie web may be back. But if is, it is likely in a way we least expect."
- data-source="https://thehistoryoftheweb.com/weve-been-waiting-20-years-for-this/"
- data-date="2024-02-06"
- data-favicon="https://ik.imagekit.io/aoi3fgebjgr/wp-content/uploads/2017/09/cropped-thotw-logo-square-1-32x32.jpg"
- data-domain="thehistoryoftheweb.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/communaute/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#communauté</a>
-
- <a href="/david/2024/equipe/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#équipe</a>
-
- <a href="/david/2024/lecture/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#lecture</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/02/02/" title="Lien permanent vers cet article">Valeurs</a> <time datetime="2024-02-02">2 février 2024</time>
- </h2>
-
-
- <blockquote>
- <p><em>Performatif</em>, c’est ce qu’on dit d’un verbe dont l’énonciation constitue simultanément l’action qu’il exprime. Par exemple <em>Je promets</em>, <em>Je m’excuse</em> ou <em>La séance est ouverte</em> : le dire, c’est le faire. Dans le champ de l’action, prendre le tournant du registre <em>performatif</em> revient à acter le caractère de plus en plus inopérant du plaidoyer et de l’action revendicative, face à des pouvoirs et lobbies désespérément hermétiques à la nécessité de changement. L’action performative n’a pas besoin de faire la une ni de se soucier des sirènes médiatiques : <mark>elle est sa propre fin.</mark> Sont performatives des actions qui ont un impact immédiat et direct sur le réel, qui ne visent pas à pousser une revendication ou à peser sur une autorité : dont l’effet est contenu dans leur propre réalisation. […]</p>
- <p>Pour toutes ces raisons, j’accorde beaucoup d’intérêt à l’émergence de mouvements autonomes, organiques et composites, qui ne confondent pas radicalité et radicalisme, polémique et action politique. Des collectifs qui n’opposent pas le cerveau et les mains, la lutte et la gentillesse, la théorie et la pratique. Qui, par leur nature indisciplinée, et affranchis des enjeux des élections, peuvent échapper aux carcans des institutions. Des réseaux qui ont appris à se satisfaire de la multiplicité des tactiques et des cultures politiques, à archipéliser les îlots qui tentent de s’organiser différemment, en dehors du système, et qui allient dans un même mouvement justice sociale, combat écologique et défense du vivant.</p>
- <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel Darleux</cite></p>
- </blockquote>
- <p><em>Prise de notes brutes pendant une séance avec <a data-link-domain="scopyleft.fr" href="http://scopyleft.fr/">Scopyleft</a> accompagnée par <a data-link-domain="acumeo.fr" href="https://www.acumeo.fr/">Olivier Arnould</a>. Nous avions préalablement communiqué nos valeurs personnelles, les valeurs de la culture actuelle et les valeurs de la culture désirée.</em></p>
- <p>La culture c’est un système immunitaire, c’est ce qui est souhaité des membres pour garantir la stabilité du système. La culture dans son intention est positive, elle est là pour protéger le système. Le seul moyen de faire évoluer une culture de manière intentionnelle c’est par des actes rituels mais c’est un système qui a une grande inertie. Tout le reste est de la propagande.</p>
- <p>Il y a un lien de causalité entre valeurs choisies, croyances que l’on a et comportements que l’on adopte.</p>
- <figure>
- <a href="/static/david/2024/2024-02-02-les-sept-niveaux-de-conscience-de-r-barrett.png"
- title="Cliquer pour une version haute résolution">
- <img
- src="/static/david/2024/2024-02-02-les-sept-niveaux-de-conscience-de-r-barrett.png"
- width="2672" height="2000"
- srcset="/static/david/2024/2024-02-02-les-sept-niveaux-de-conscience-de-r-barrett.png 2672w, /static/david/2024/2024-02-02-les-sept-niveaux-de-conscience-de-r-barrett.png 660w, /static/david/2024/2024-02-02-les-sept-niveaux-de-conscience-de-r-barrett.png 990w, /static/david/2024/2024-02-02-les-sept-niveaux-de-conscience-de-r-barrett.png 1320w"
- sizes="min(100vw, calc(100vh * 2672 / 2000))"
- loading="lazy"
- decoding="async"
- alt="Le sablier des Sept niveaux de conscience définis par Richard Barrett.">
- </a>
- <figcaption>Le sablier des Sept niveaux de conscience définis par Richard Barrett.</figcaption>
- </figure>
- <p>On explore les <em>Sept niveaux de conscience</em> des CTT (<em>Cultural Transformation Tools</em>) de Richard Barrett. Les valeurs appartiennent à de grands domaines. Une organisation fonctionne bien lorsque l’ensemble des domaines sont couverts. Pas de domaine plus important qu’un autre, malgré la représentation en sablier (qui montre un point de pivot intéressant néanmoins) :</p>
- <ol>
- <li>Survie : les basiques de la pyramide de Maslow, si la boîte meurt ça ne sert plus à rien de parler culture.</li>
- <li>Relations : communication entre individus qui soit efficace (pas de notion d’équipe à ce stade)</li>
- <li>Estime de Soi : c’est un peu l’archétype masculin (croissance, performance, qualité, etc)</li>
- <li>Transformation : se questionner, changer ses habitudes</li>
- <li>Cohésion Interne : le collectif fonctionne bien, partage des valeurs et des engagements (faire équipe, potentiellement avec le client)</li>
- <li>Faire la Différence : avoir un impact significatif sur l’extérieur, qui déborde de l’organisation</li>
- <li>Service : responsabilité sociétale, vision à long terme d’avoir un impact positif sur la société et la planète</li>
- </ol>
- <p>On peut les grouper :</p>
- <ul>
- <li>1 + 2 + 3 : socle d’oxygène positif pour pouvoir avancer</li>
- <li>4 : se remettre en question pour pouvoir évoluer</li>
- <li>5 + 6 + 7 : dimension collective de cette évolution</li>
- </ul>
- <p>Une valeur majoritaire se trouve à la fois dans les valeurs personnelles et les valeurs de la culture actuelle :</p>
- <ul>
- <li>écoute</li>
- </ul>
- <p>Trois valeurs majoritaires sont à la fois dans les valeurs de la culture actuelle et celles de la culture désirée :</p>
- <ul>
- <li>agilité</li>
- <li>attention, bienveillance, prendre soin</li>
- <li>coopération</li>
- </ul>
- <p>C’est un alignement déjà très élevé et il n’y a pas de valeurs qui freinent l’entreprise (baronnie, etc).</p>
- <p>Ce qui apparait dans les nouvelles valeurs majoritaires de la culture désirée :</p>
- <ul>
- <li>amélioration continue</li>
- <li>développement durable, pérennité</li>
- <li>initiative, prendre des initiatives</li>
- <li>responsabilité sociétale</li>
- <li>vision partagée</li>
- </ul>
- <p>Nous sommes globalement sur la même longueur d’onde. Il y a parfois des valeurs-antidotes qui apparaissent dans la culture désirée, ce qu’on voit peu dans nos résultats.</p>
- <p>Ce genre d’exercice n’est qu’un prétexte à enclencher des échanges :</p>
- <ul>
- <li>Il n’y a pas grand chose autour de 1 (Survie / solidité financière) et 3 (Estime de Soi / performance). Est-ce que c’est OK pour nous ?</li>
- <li>Quels comportements adopter pour avoir la sensation de répondre à ces valeurs désirées ?</li>
- </ul>
- <p>Prendre l’initiative c’est créer une perturbation dans le système par <em>une partie</em> du groupe, se démarquer. La vision partagée fait appel par contre au collectif. Il s’agit de construire un système ensemble qui autorise à faire des choses dans le cadre de cette vision partagée. Il serait pertinent d’éclairer la tensions entre initiatives locales et impact global (coucou <del>René Dubos</del> <a href="/david/stream/2015/11/22/">Jacques Ellul</a>). On a le véhicule, il faut choisir où il va maintenant grâce à un cadre collectivement consenti.</p>
- <p>Pour progresser, on pourrait travailler sur des prises de décisions concrètes, engageantes. Il faut accepter / souhaiter que ça va déstabiliser le système (immunitaire). Hop, retour à l’intro.</p>
- <p>Note : l’Holacracy est un bon business pour les consultant·es, la Sociocratie ouvre d’autres possibilités au sujet du consentement. Voir aussi <em><a data-link-domain="iapop.com" href="https://iapop.com/deep-democracy/" hreflang="en"
- title="Consultation de l’article (anglais)">Deep Democracy</a>
- <a href="/david/cache/2024/1d60fc5548a6fe61da80a4e16892fa0c/" hreflang="en"
- data-tippy data-description="Definition of Deep Democracy The concept of Deep Democracy was developed by Arnold Mindell. It is defined as an attitude and a principle. Attitude: Deep Democracy is an attitude that […]"
- data-source="https://iapop.com/deep-democracy/"
- data-date="2024-01-31"
- data-favicon="https://iapop.com/wp-content/uploads/2018/03/iapop_world_icon-blue-150px-tiny.png"
- data-domain="iapop.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em> et <em>Inside The NO: Five Steps to Decisions That Last</em> par Myrna Lewis.</p>
-
- <blockquote>
- <p>Et puis il faudra parfois redescendre sur terre et revenir à soi pour se sentir fier de ses actes et de ses choix. Bien sûr, il ne s’agit pas de remplacer une injonction par une autre, et on a parfaitement le droit de trouver qu’il n’y a rien à sauver dans la médiocrité ambiante, d’envoyer au diable l’espoir, la joie et la résilience et, simplement, comme je l’ai lu quelque part, « d’en chier sans avoir à en faire une danse ».</p>
- <p>Mais ça ne fait pas une vie. <mark>Nous avons besoin, chacune et chacun à sa manière, de ces confins où la disgrâce du monde ne peut plus nous engloutir.</mark> De lieux où se retirer en silence, d’espaces où il est possible de rêver plus loin, de terriers où s’inventer d’autres réalités, de livres qui évadent ou élèvent la pensée, et de poches bien profondes où enfoncer les mains. Autant d’<em>ailleurs</em> intimes ou collectifs, réels ou fictifs, de confins qui peuvent être proches comme lointains car il n’est pas nécessaire de se déplacer pour changer de perspective : c’est un bougé en soi.</p>
- <p><cite><em>Ibid.</em></cite></p>
- </blockquote>
- <a href="#hr-61" title="Lien vers cette section de la page"><hr id="hr-61" /></a>
-
- <blockquote>
- <p>Après 13 éditions d’un événement qui a beaucoup (beaucoup) grandi, nous ressentons le besoin d’expérimenter quelque chose d’un peu différent en 2024.</p>
- <p>Nous souhaitons donc vous proposer un festival éphémère à taille (un peu plus) humaine, un temps suspendu où imaginaire positif et pragmatisme se rejoignent pour façonner un futur soutenable. Quelles pratiques dans nos métiers, comment voulons nous entreprendre, travailler, communiquer, quelle industrie voulons nous pour demain ?</p>
- <p><cite><em><a data-link-domain="etdemain.co" href="https://etdemain.co/#note-d-intention">Et demain ? (note d’intention)</a></em></cite></p>
- </blockquote>
- <p>Des évolutions locales sont en cours ici et ailleurs, c’est stimulant.</p>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/equipe/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#équipe</a>
-
- <a href="/david/2024/processus/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#processus</a>
-
- <a href="/david/2024/protopie/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#protopie</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/01/30/" title="Lien permanent vers cet article">Équipe</a> <time datetime="2024-01-30">30 janvier 2024</time>
- </h2>
-
-
- <blockquote lang="en">
- <p>We can typically break down collaboration groups into three types:</p>
- <ul>
- <li><strong>Real teams</strong> are all about solving the hardest, most complex problems. A diverse set of perspectives and skills is required to untangle these sorts of problems, for which there is no obvious solution. […]</li>
- <li><strong>Working groups</strong> are all about efficiency. Most people spend most of their productive time in working groups. We’ll say it again: there is nothing wrong with being in a working group. […]</li>
- <li><strong>Teams-in-name-only</strong> are groups that claim to be a team, but lack emotional commitment and shared purpose. They are like working groups, but without the efficient processes and individual responsibility. […]</li>
- </ul>
- <p>Although most people are told that they’re part of a team, the reality is that, more often than not, they’re members of a team-in-name-only.</p>
- <p><cite><em><a data-link-domain="strategy-business.com" href="https://www.strategy-business.com/article/Teaming-is-hard-because-youre-probably-not-really-on-a-team" hreflang="en"
- title="Consultation de l’article (anglais)">Teaming is hard because you’re probably not really on a team</a>
- <a href="/david/cache/2024/9b4b5364526390ba1db9c4a651ea8311/" hreflang="en"
- data-tippy data-description="Hybrid and remote work are complicating many of the collaborative challenges that were present long before the pandemic arrived."
- data-source="https://www.strategy-business.com/article/Teaming-is-hard-because-youre-probably-not-really-on-a-team"
- data-date="2024-01-29"
- data-favicon="https://www.strategy-business.com/media/image/favicon22-16x16.png"
- data-domain="strategy-business.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <p>Devenir une (vraie) équipe prend du temps. Il faut même pouvoir envisager que cela ne devienne jamais le cas. Et ce n’est peut-être pas un souci si on n’a pas ces attentes… ou qu’on peut les attendre.</p>
- <a href="#hr-56" title="Lien vers cette section de la page"><hr id="hr-56" /></a>
- <p><a data-link-domain="github.com" href="https://github.com/zedeus/nitter/issues/1155#issuecomment-1913361757">Nitter est mort.</a> C’était le seul moyen qu’il me restait pour suivre les <em>drama</em> dans la communauté des échecs pro (et ils sont si nombreux !).</p>
- <p>Ce n’est pas si grave.</p>
- <a href="#hr-57" title="Lien vers cette section de la page"><hr id="hr-57" /></a>
- <figure>
- <a href="/static/david/2024/2024-01-30-grande-boucle-hauts-sommets-st-donat.jpg"
- title="Cliquer pour une version haute résolution">
- <img
- src="/static/david/2024/2024-01-30-grande-boucle-hauts-sommets-st-donat.jpg"
- width="2560" height="1536"
- srcset="/static/david/2024/2024-01-30-grande-boucle-hauts-sommets-st-donat.jpg 2560w, /static/david/2024/2024-01-30-grande-boucle-hauts-sommets-st-donat_660x440.jpg 660w, /static/david/2024/2024-01-30-grande-boucle-hauts-sommets-st-donat_990x660.jpg 990w, /static/david/2024/2024-01-30-grande-boucle-hauts-sommets-st-donat_1320x880.jpg 1320w"
- sizes="min(100vw, calc(100vh * 2560 / 1536))"
- loading="lazy"
- decoding="async"
- alt="Une carte de la grande boucle des hauts sommets de St-Donat.">
- </a>
- <figcaption>La grande boucle des hauts sommets de St-Donat. 84 km de sentiers. Je cherche encore les hauts sommets 🙊.</figcaption>
- </figure>
- <p>Un autre lieu où il serait possible de <a href="/david/2024/01/19/" title="Marcher">marcher</a> en parlant, ou l’inverse. Il est même possible de prolonger en suivant le sentier inter-centre vers Mont-Tremblant.</p>
- <a href="#hr-58" title="Lien vers cette section de la page"><hr id="hr-58" /></a>
-
- <blockquote>
- <p>Si j’écrivais <strong>faire ensemble</strong>, ça serait <em>faux</em>. C’est une combinaison de <strong>expérimenter des chemins vers un monde auquel j’aspire</strong> et de <strong>les partager</strong>. Ça m’intéresse de le faire, et ça ne m’intéresse pas si c’est juste pour moi. Le prompt, c’est écouter mes dissonnances cognitives et suivre le fil. Y cogiter à plusieurs, lire à ces sujets, tester seul ou à plusieurs, le restituer/mettre en œuvre. Arrêter, continuer, recommencer.</p>
- <p><cite><em><a data-link-domain="détour.studio" href="https://d%C3%A9tour.studio/yearnotes/4/">Yearnotes #4 • détour.studio</a></em></cite></p>
- </blockquote>
- <p>J’aime beaucoup la mélodie des <em>Year</em>notes de Thomas.</p>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/apprentissage/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#apprentissage</a>
-
- <a href="/david/2024/equipe/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#équipe</a>
-
- <a href="/david/2024/processus/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#processus</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/01/25/" title="Lien permanent vers cet article">Stratégie</a> <time datetime="2024-01-25">25 janvier 2024</time>
- </h2>
-
-
- <blockquote>
- <p>La notion de stratégie revêt une dimension temporelle axée sur l’avenir. Mais lorsque nous tentons de nous engager sur l’avenir, nous nous retrouvons sur un terrain glissant. Trop souvent, la stratégie d’entreprise repose sur le principe erroné selon lequel il est possible de prédire l’avenir d’une manière fiable. Nassim Nicholas Taleb, l’un des auteurs les plus brillants sur l’illusion de la prédictibilité, a dit : « Nous ne pouvons pas vraiment planifier parce que nous ne comprenons pas l’avenir — mais ce n’est pas nécessairement une mauvaise nouvelle. Nous pourrions le faire <em>en gardant à l’esprit ces limitations.</em> Cela requiert simplement du courage. »</p>
- <p>Eric Beinhocker va dans le même sens : « On s’attend à ce que les dirigeants d’entreprise se comportent en généraux courageux capables de prédire l’avenir, d’échafauder de grandes stratégies, de mener leurs troupes à une bataille couronnée de succès — puis ils sont virés à la première escarmouche perdue. Il faut des dirigeants courageux pour faire reculer cet état d’esprit, admettre l’incertitude inhérente à l’avenir et privilégier l’apprentissage et l’adaptation au détriment de la prédiction et de la planification. »</p>
- <p>Comme le soulignent Taleb et Beinhocker, dans la plupart des organisations conventionnelles, la stratégie est l’essence même de l’approche prévision-contrôle — en déterminant une stratégie, nous fixons les bons objectifs, puis choisissons un itinéraire pour les atteindre. Toute cette approche repose sur un faux raisonnement. <mark>Bien qu’il soit possible de prévoir certaines choses, celles qu’il est impossible de prévoir sont bien plus nombreuses.</mark> Nous ne pouvons connaître la future situation économique ou celle de notre secteur d’activité, prévoir les innovations qui vont perturber le marché ou les opportunités susceptibles d’apparaître. Il serait plus facile de dresser la toute petite liste de ce que nous pouvons prévoir en toute fiabilité que d’énumérer l’imprévisible, que nous nous évertuons malgré tout trop souvent à essayer d’envisager.</p>
- <p>Lorsque nous tentons de prédire l’avenir dans un univers imprévisible, nous nous berçons non seulement d’illusions, mais pire, nous diminuons notre faculté à détecter et nous ajuster à la réalité du moment.</p>
- <p><cite><em>La révolution Holacracy</em>, Brian J. Robertson</cite></p>
- </blockquote>
- <p>Se donner les moyens et les conditions d’être à l’écoute est loin d’être trivial. Une fois le nez dans le guidon, il est facile de laisser pousser des œillères et de réduire son champ des possibles. Après tout, pourquoi avoir envie de faire évoluer une situation qui fonctionne bien ? Pourquoi envisager de nouveaux chemins avec leurs lots d’incertitudes et de dangers ? Mais c’est ce confort qui est le plus dangereux, celui qui fait manquer des rencontres, des occasions d’apprendre ou de découvrir de nouveaux domaines. Ce confort rend les entreprises séniles très rapidement.</p>
- <p>J’aime bien la métaphore du vélo proposée par ce livre pour décrire la différence entre un plan à 5 ans et une adaptation continue au contexte changeant.</p>
-
- <blockquote>
- <p>Imaginez que vous fassiez du vélo comme on gère la plupart des organisations modernes. Vous organiseriez une grande réunion afin de décider l’angle que doit présenter le guidon. Vous détailleriez le plus possible votre itinéraire en répertoriant tous les obstacles connus, le moment précis où vous devrez les éviter, ainsi que la trajectoire nécessaire pour cela. Puis vous enfourcheriez votre vélo, tiendriez fermement le guidon selon l’angle défini, fermeriez les yeux, puis rouleriez conformément au plan. Vous n’avez pratiquement aucune chance d’atteindre votre objectif, même si vous parveniez à garder le vélo bien droit pendant tout le parcours. Et lorsque vous tombez, vous vous demandez probablement, « Pourquoi n’y sommes-nous pas arrivés la première fois ? », voire « Qui a merdé ? »</p>
- <p>Cette approche ridicule n’est pas loin de correspondre à l’approche adoptée par de nombreuses organisations pour leur planification stratégique. En revanche, Holacracy aide une organisation à fonctionner à la manière dont nous faisons habituellement du vélo, selon un paradigme de pilotage dynamique, à savoir un ajustement permanent selon les retours obtenus, faisant ainsi naître un cheminement plus organique. Si vous observez un cycliste très doué, vous constaterez une oscillation permanente car il reçoit sans arrêt des informations sensorielles sur sa situation et son environnement lui permettant de corriger légèrement sa direction, sa vitesse, son équilibre et son aérodynamisme. Cette oscillation intervient car il maintient un équilibre dynamique tout en avançant. Les informations qu’il reçoit rapidement lui permettent de respecter les contraintes de l’environnement et de son matériel. Au lieu de perdre beaucoup de temps et d’énergie à prévoir précisément à l’avance le « bon » itinéraire, il garde son but en tête, reste focalisé sur l’instant présent et avance le plus naturellement du monde. Cela ne signifie pas qu’il n’a aucun plan ou tout du moins aucune idée de son itinéraire, mais qu’il parvient à mieux contrôler sa progression en se livrant en permanence à la réalité ambiante et en se fiant à sa capacité à ressentir les choses et à réagir instantanément. De même, l’occasion s’offre à nous d’afficher un meilleur contrôle dans nos organisations en affrontant la réalité et en nous adaptant, en permanence.</p>
- <p>Lorsque nous nous attachons à un résultat précis prévu à l’avance, nous risquons de nous retrouver à combattre la réalité quand celle-ci ne correspond pas à notre prévision. Si nous constatons que nous avons dévié du bon cap, nous pouvons en conclure, parfois inconsciemment, que nous sommes très certainement dans l’erreur. <mark>Juger ainsi la réalité nuit à notre capacité d’adaptation et nous incite à lutter contre la vérité indésirable, à essayer de forcer la réalité à être conforme à la vision que nous avions.</mark> Il s’agit là d’une stratégie loin d’être efficace pour gérer la complexité fluctuante du monde des affaires actuel. Lorsque la réalité entre en conflit avec nos plans les mieux échafaudés, c’est généralement la réalité qui l’emporte.</p>
- <p>Je dois faire remarquer qu’adopter une approche plus dynamique pour gagner en contrôle ne revient pas à « ne rien prévoir », tout comme on n’avance pas à vélo « sans piloter ». Il s’agit de modifier notre relation aux prévisions et plans, en les considérant parfois comme des faux raisonnements utiles et non comme des outils essentiels pour contrôler l’organisation. Et il s’agit d’être en phase avec l’instant présent afin de toujours pouvoir piloter en fonction de la réalité.</p>
- <p><cite><em>Ibid.</em></cite></p>
- </blockquote>
- <a href="#hr-48" title="Lien vers cette section de la page"><hr id="hr-48" /></a>
-
- <blockquote>
- <p>Alors que le malaise dans lequel sont aujourd’hui plongées les sociétés occidentales n’en finit plus d’être commenté, est-il néanmoins possible de dessiner les contours d’une société idéale, une utopie réaliste, susceptible de constituer, pour les Français, un avenir désirable ? C’est précisément pour apporter des éléments de réponses à cette question qu’a été lancé en 2019 l’Observatoire des perspectives utopiques. Dans le sillage de ces deux années de pandémie et à la veille de l’élection présidentielle, il nous est apparu utile de reconduire cette enquête, pour saisir où en sont les Français et évaluer dans quelle mesure leurs représentations et aspirations ont évolué.</p>
- <p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/" hreflang="fr"
- title="Consultation de l’article">L’Observatoire des perspectives utopiques</a>
- <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" hreflang="fr"
- data-tippy data-description="Avec le soutien de nos partenaires Accédez ci-dessous aux principaux enseignements (classés par thématiques) de l’Observatoire."
- data-source="https://lobsoco.com/perspectives-utopiques-vague-3/"
- data-date="2024-01-24"
- data-favicon="https://lobsoco.com/wp-content/uploads/2020/09/cropped-FAVICON-01-32x32.png"
- data-domain="lobsoco.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <p>Il y a des choses intéressantes qui ressortent de cet observatoire, notamment en comparant les résultats au cours du temps. Je me demande ce que pourraient donner les résultats de ce même sondage au Québec.</p>
- <a href="#hr-49" title="Lien vers cette section de la page"><hr id="hr-49" /></a>
- <p>Mot du jour : <a data-link-domain="fr.wiktionary.org" href="https://fr.wiktionary.org/wiki/cyn%C3%A9g%C3%A9tophobie">cynégétophobie</a>.</p>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/apprentissage/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#apprentissage</a>
-
- <a href="/david/2024/equipe/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#équipe</a>
-
- <a href="/david/2024/velo/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#vélo</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/01/24/" title="Lien permanent vers cet article">Taille</a> <time datetime="2024-01-24">24 janvier 2024</time>
- </h2>
-
- <p>On me demande quelle est la taille souhaitable pour <a data-link-domain="scopyleft.fr" href="http://scopyleft.fr/">Scopyleft</a>.</p>
- <p>Il y a plusieurs réponses / contraintes à cela :</p>
- <ul>
- <li>il faudrait que tout le monde puisse être visible dans notre outil de visio (Whereby à ce jour) ;</li>
- <li>il faudrait que chacun·e ait un temps de parole suffisant sur une réunion d’une heure (aujourd’hui, ce serait 7 min 30) ;</li>
- <li>il faudrait pouvoir avoir des interactions en binôme avec chaque personne sur un rythme hebdomadaire.</li>
- </ul>
- <p>Et surtout, nous n’avons pas de volonté de croître plus que ça. Lorsqu’on veut faire des choses qui dépassent nos capacités, il y a les coopératives amies.</p>
- <a href="#hr-46" title="Lien vers cette section de la page"><hr id="hr-46" /></a>
-
- <blockquote lang="en">
- <p>Further, if we have learned anything in the last 3 years as an industry, it should be to strive for building small, highly efficient teams and avoiding bloated, overstaffed organizations at all costs. Larger teams move slower, create more incidental complexity, and are much more susceptible to the layoffs we’ve all been suffering through. <mark>Engineering leaders would be well served to focus on hiring smaller teams</mark> and providing them with sufficient time and support to create simple solutions that generate business value.</p>
- <p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/" hreflang="en"
- title="Consultation de l’article (anglais)">Echoing Wirth’s plea for lean software</a>
- <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" hreflang="en"
- data-tippy data-description="Niklaus Wirth's plea for lean software is even more valid today."
- data-source="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/"
- data-date="2024-01-24"
- data-favicon="https://cdn-blog.testdouble.com/img/favicon-dark.619c13e6bf2653dacd018c2ab016f32247574e7396f1bfe3ae0798f55f7ea079.png"
- data-domain="blog.testdouble.com"
- ><svg xmlns="http://www.w3.org/2000/svg"
- width="24" height="24" viewBox="0 0 24 24" fill="none"
- stroke="currentColor" stroke-width="2" stroke-linecap="square"
- stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
- <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
- <line x1="12" y1="17" x2="12.01" y2="17"></line>
- </svg>
- <span class="sr-only">[archive]</span></a></em></cite></p>
- </blockquote>
- <p>Tout est dit.</p>
- <a href="#hr-47" title="Lien vers cette section de la page"><hr id="hr-47" /></a>
-
- <blockquote>
- <p>La nuit est rassurante<br />
- tout est perdu<br />
- plus besoin de chercher<br />
- nos morceaux éparpillés<br />
- nous voilà réunis<br />
- par nos obscurités</p>
- <p><cite><em><a data-link-domain="etc-iste.blogspot.com" href="http://etc-iste.blogspot.com/2024/01/reunuit.html">Réunuit</a></em></cite></p>
- </blockquote>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/communaute/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#communauté</a>
-
- <a href="/david/2024/equipe/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#équipe</a>
-
- <a href="/david/2024/processus/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#processus</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
- <h2>
- <a href="/david/2024/01/05/" title="Lien permanent vers cet article">Vocabulaire</a> <time datetime="2024-01-05">5 janvier 2024</time>
- </h2>
-
-
- <blockquote>
- <p>Les tensions et processer les tensions. Essayez de remplacer les termes « problèmes » et « solutions » par « tensions » et « processer ». Les êtres humains semblent être enclins de manière innée à attendre la dernière minute pour gérer ce qu’ils perçoivent comme des problèmes. Par conséquent, l’emploi de ce langage « négatif » dans le monde de l’entreprise peut donner naissance à une culture de l’évitement ou de l’inquiétude inutile. Le terme « tension », comme employé en <em>Holacracy</em>, est neutre et signifie simplement <em>la perception d’un écart entre la réalité et ce qu’elle pourrait être.</em></p>
- <p>Une tension n’est pas un « problème » et n’induit pas nécessairement une « solution ». Elle met en lumière une occasion de rapprocher la situation actuelle de ce qu’elle pourrait être — ce qui sous-entend généralement une amélioration. <mark>Holacracy emploie le terme « processer » pour décrire ce phénomène, qui évite la notion de résultat fixe et définitif et illustre un cheminement fait d’une adaptation et de progrès permanents.</mark></p>
- <p>Des propositions plutôt que des problèmes. Le changement qui va de pair avec celui que je viens de décrire est de prendre l’habitude de faire des « propositions » au lieu de se contenter de se lamenter. Lorsque vous ressentez une tension, demandez-vous : « Qu’est-ce qui pourrait améliorer la situation ? Que pourrais-je proposer ? » Encouragez votre équipe à en faire de même. La proposition ne se doit pas d’être une « solution » parfaite — c’est un moyen d’entamer la conversation de manière proactive et créative, et non négative.</p>
- <p><cite><em>La révolution Holacracy</em>, Brian J. Robertson, chapitre « Changez votre langage, changez votre culture »</cite></p>
- </blockquote>
- <p>On pourrait y voir de la <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Novlangue">novlangue</a> de <em>manager</em> mais il y a cette idée derrière qu’on ne tente pas de résoudre un problème mais de libérer — peut-être temporairement — une tension qui me plait bien. Ce que l’on aborde alors ensemble ce sont les actions qui nous semblent aller vers <em>un</em> mieux parmi l’arbre des possibles. L’enjeu d’un collectif qui se respecte est de trouver la légitimité individuelle nécessaire pour continuer à explorer des pistes ne faisant pas forcément l’unanimité lors d’une première itération. <em>Holacratie</em> semble mettre des règles explicites sur ces pratiques.</p>
- <p>J’apprécie particulièrement le couple proposition / objections. Difficile de sortir d’une forme de confort une fois celui-ci établi. Peut-être que le <em>refus de confort</em> pourrait être une notion au même titre que le <a href="/david/2020/10/08/"><em>refus de parvenir</em></a> ? Accepter le risque de l’inconnu pour ne pas se perdre dans un hier déjà expérimenté, déjà dé·fini.</p>
-
- <blockquote>
- <p>Des objections ? La prochaine fois que vous recherchez l’adhésion de votre équipe à une décision, modifiez votre mode de communication. Ne demandez pas : « Est-ce que tout le monde est d’accord ? » ou « Ma proposition plaît-elle à tout le monde ? ». Ces questions débouchent sur une discussion longue et pénible. Demandez-leur plutôt : <mark>« Y a-t-il des objections à l’adoption de cette proposition ? »</mark> Et définissez une objection comme « une raison pour laquelle l’adoption de cette proposition causerait du tort ou nous ferait régresser ? »</p>
- <p>Voici une autre formulation : « Est-ce que quelqu’un considère la mise en œuvre de cette proposition comme pas assez sûre, sachant que nous pourrons revoir cette décision si elle ne porte pas ses fruits ? » Ce simple changement de langage peut vous faire gagner beaucoup de temps et alléger considérablement le processus décisionnel.</p>
- <p><cite><em>Ibid.</em></cite></p>
- </blockquote>
- <a href="#hr-7" title="Lien vers cette section de la page"><hr id="hr-7" /></a>
- <p><a data-link-domain="piaille.fr" href="https://piaille.fr/@nicosomb/111696724396676161">Nicolas L.</a> et <a data-link-domain="mamot.fr" href="https://mamot.fr/@nhoizey/111697128068526484">Nicolas H.</a> me font des retours sur le nouveau design en passant par Mastodon. Les choix respectifs de chacun·e de rendre les réponses publiques ou non enlèvent une partie des échanges mais c’est vraiment chouette d’entamer un processus d’amélioration (de libération de tensions ?) en commun à ce sujet.</p>
- <p>J’essaye de rendre l’épaisseur du soulignement des liens dynamique, lié à la fluidité de la taille du texte 🧑🔬, peut-être que je devrais rendre la taille des bordures dynamiques aussi ? Parfois la contrainte technique peut devenir une contrainte éditoriale acceptable. <strong>Cet espace est suffisamment sur-pensé comme ça.</strong></p>
- <p>Je commence un thème sombre qui réagit à celui du système d’exploitation par défaut. Surtout pour un besoin personnel pour l’instant, mes yeux en ont besoin. Cela me pousse à ajouter des variables CSS pour les couleurs.</p>
- <p>Plus tard, <a data-link-domain="mamot.fr" href="https://mamot.fr/@emmanuelc/111700432836997597">Emmanuel</a> m’enlève une épine du pied sur une formule de grille que je ne comprenais pas totalement. J’apprends des choses au passage. Le copier-coller ? Oui, mais il faudra toujours finir par le décortiquer.</p>
- <p>La CSS progresse, 426 lignes ce soir… et un seul <code>breakpoint</code> défini pour forcer une variable maximale sur les grands écrans. J’aime bien cette idée.</p>
- <a href="#hr-8" title="Lien vers cette section de la page"><hr id="hr-8" /></a>
- <p>Randonnée de 8 km en famille aujourd’hui, parfois je ne me rends plus trop compte des distances — qui plus est sur un sol difficile. Je voulais surtout savoir jusqu’à quels refuges je pouvais envisager des aventures avec l’enfant dans des conditions hivernales. Chaque année, de nouveaux horizons s’ouvrent.</p>
- <a href="#hr-9" title="Lien vers cette section de la page"><hr id="hr-9" /></a>
-
- <blockquote>
- <p>— Comment appelle-t-on un groupe de faisans ? demande Anna.<br />
- — Un bouquet, répond Isobel. Un groupe d’étourneaux ?<br />
- — Un murmure.<br />
- — De flamants ?<br />
- — Une flamboyance de flamants. De hiboux ?<br />
- Isobel hésite. Sans lever les yeux de son livre, Emily répond à sa place :<br />
- — On dit un parlement de hiboux.<br />
- — Très bien. Plus difficile alors. Comment appelle-t-on un groupe d’alouettes ?<br />
- — Une exaltation.<br />
- — Et de papillons ?<br />
- — Un kaléidoscope de papillons.</p>
- <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel Darleux citant Dominique Fortier sur Emily Dickinson, <em>Les Villes de papiers</em></cite></p>
- </blockquote>
- <p>💚 Quand l’ornithologie fait de la poésie.</p>
-
-
- <nav>
- <p>
-
- <a href="/david/2024/apprentissage/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#apprentissage</a>
-
- <a href="/david/2024/decision/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#décision</a>
-
- <a href="/david/2024/equipe/"
- title="Liste de tous les articles 2024 associés à cette étiquette"
- rel="tag">#équipe</a>
-
- <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
- </p>
- </nav>
-
-
-
-
- <form action="/david/recherche/" method="get">
- <fieldset>
- <legend>Recherche</legend>
- <label for="input-search">Termes de votre recherche :</label>
- <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
- <input type="submit" value="Chercher">
- <p id="indexation-infos">
- <small>
- Seuls les contenus de ces 8 dernières années sont indexés.
- </small>
- </p>
- </fieldset>
- </form>
-
- <aside>
- <theme-toggle></theme-toggle>
- </aside>
- </article>
- <hr>
- <footer>
- <p>
- <a href="/david/" title="Aller à l’accueil">Accueil</a>
- •
- <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
- •
- <a href="http://larlet.com"
- title="Go to my English profile"
- data-instant>Pro</a>
- •
- <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
- •
- <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
- </p>
- <template id="theme-selector">
- <form>
- <style type="text/css">
- fieldset div {
- text-align: center;
- }
- </style>
- <fieldset>
- <legend>Thème</legend>
- <div>
- <label>
- <input type="radio" value="auto" name="chosen-color-scheme" checked>
- Auto
- </label>
- <label>
- <input type="radio" value="dark" name="chosen-color-scheme">
- Foncé
- </label>
- <label>
- <input type="radio" value="light" name="chosen-color-scheme">
- Clair
- </label>
- </div>
- </fieldset>
- </form>
- </template>
- </footer>
- <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
- <script>
- class ThemeToggle extends HTMLElement {
- constructor() {
- super()
- const themeSelectorTemplate = document.querySelector('#theme-selector')
- const form = themeSelectorTemplate.content.firstElementChild
- this.attachShadow({ mode: 'open' })
- this.shadowRoot.appendChild(form.cloneNode(true))
- }
-
- connectedCallback() {
- const form = this.shadowRoot.querySelector('form')
- form.addEventListener('change', (e) => {
- const chosenColorScheme = e.target.value
- localStorage.setItem('theme', chosenColorScheme)
- toggleTheme(chosenColorScheme)
- })
-
- const selectedTheme = localStorage.getItem('theme')
- if (selectedTheme && selectedTheme !== 'undefined') {
- form.querySelector(`[value="${selectedTheme}"]`).checked = true
- }
- }
- }
-
- const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
- window.addEventListener('load', () => {
- let colorsLayer = undefined
- let hasDarkRules = false
- for (const styleSheet of Array.from(document.styleSheets)) {
- let mediaRules = []
- for (const layerRule of styleSheet.cssRules) {
- if (!(layerRule instanceof CSSLayerBlockRule)) {
- continue
- }
- if (layerRule.name === 'colors') {
- colorsLayer = layerRule
- }
- for (const cssRule of layerRule.cssRules) {
- if (cssRule.type !== CSSRule.MEDIA_RULE) {
- continue
- }
- // WARNING: Safari does not have/supports `conditionText`.
- if (cssRule.conditionText) {
- if (cssRule.conditionText !== prefersColorSchemeDark) {
- continue
- }
- } else {
- if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
- continue
- }
- }
- mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
- }
- }
-
- // WARNING: do not try to insert a Rule to a styleSheet you are
- // currently iterating on, otherwise the browser will be stuck
- // in a infinite loop…
- for (const mediaRule of mediaRules) {
- // Safari requires the `0` second parameter (even if default).
- colorsLayer.insertRule(mediaRule.cssText, 0)
- hasDarkRules = true
- }
- }
-
- if (hasDarkRules) {
- if ('customElements' in window && !customElements.get('theme-toggle')) {
- customElements.define('theme-toggle', ThemeToggle)
- }
- }
- })
- </script>
-
- </body>
- </html>
|