3 months ago · f75c1587dd
--- a/cache.py
+++ b/cache.py
@@ -5,6 +5,7 @@ import fnmatch
 import hashlib
 import os
 from dataclasses import dataclass
 from datetime import date
 from pathlib import Path
 from time import perf_counter

@@ -17,7 +18,7 @@ from minicli import cli, run, wrap
 from readability.readability import Document

 HERE = Path(".")
 YEAR = "2023"
 YEAR = "2024"
 CACHE_PATH = HERE / "cache" / YEAR
 LOCAL_DOMAIN = "http://larlet.test:3579"

@@ -48,6 +49,7 @@ class Cache:
    content: str
    url: str
    hash_url: str
    archive_date: str

    @staticmethod
    def all(source_dir=CACHE_PATH):
@@ -55,7 +57,8 @@ class Cache:
            title, content, metadata = parse_markdown(file_path)
            url = metadata["url"][0]
            hash_url = metadata["hash_url"][0]
            yield Cache(title, content, url, hash_url)
            archive_date = metadata["archive_date"][0]
            yield Cache(title, content, url, hash_url, archive_date)

    @staticmethod
    def one(hash_url):
@@ -117,9 +120,6 @@ def new(url):
    :url: The URL of the page to put into cache.
    """
    hash_url = hashlib.md5(url.encode("utf-8")).hexdigest()
    url_cache = f"/david/cache/{YEAR}/{hash_url}/"
    link_line = f"]({url}) ([cache]({url_cache}))"
    print(link_line)
    try:
        title, content = extract_page(url)
    except (
@@ -132,17 +132,21 @@ def new(url):
    cache_path = os.path.join(CACHE_PATH, hash_url)
    if not os.path.exists(cache_path):
        os.makedirs(cache_path)
    archive_date = date.today()
    # Caching a markdown file.
    template = environment.get_template("cache_article.md")
    page = template.render(title=title, content=content, url=url, hash_url=hash_url)
    page = template.render(
        title=title,
        content=content,
        url=url,
        hash_url=hash_url,
        archive_date=archive_date,
    )
    result_path = os.path.join(cache_path, "index.md")
    open(result_path, "w").write(page)
    # Generating the HTML file.
    create(hash_url)
    md_line = f"> <cite>*[{title}]({url})* ([cache]({url_cache}))</cite>"
    print(md_line)
    os.popen(f'subl "{result_path}"')
    return md_line


@wrap
--- a/cache/2023/index.html
+++ b/cache/2023/index.html
@@ -70,289 +70,289 @@
 <main>
    <ul>
      
        <li><a href="/david/cache/2022/f7957bdde7af740e322756668784d355/" title="Accès à l’article dans le cache local : Speed for who? | Andy Bell">Speed for who? | Andy Bell</a> (<a href="https://andy-bell.co.uk/speed-for-who/" title="Accès à l’article original distant : Speed for who? | Andy Bell">original</a>)</li>
        <li><a href="/david/cache/2023/f7957bdde7af740e322756668784d355/" title="Accès à l’article dans le cache local : Speed for who? | Andy Bell">Speed for who? | Andy Bell</a> (<a href="https://andy-bell.co.uk/speed-for-who/" title="Accès à l’article original distant : Speed for who? | Andy Bell">original</a>)</li>
      
        <li><a href="/david/cache/2022/e44bfaaecad989f67cb2032fac000276/" title="Accès à l’article dans le cache local : The Hippocratic License">The Hippocratic License</a> (<a href="https://firstdonoharm.dev/" title="Accès à l’article original distant : The Hippocratic License">original</a>)</li>
        <li><a href="/david/cache/2023/e44bfaaecad989f67cb2032fac000276/" title="Accès à l’article dans le cache local : The Hippocratic License">The Hippocratic License</a> (<a href="https://firstdonoharm.dev/" title="Accès à l’article original distant : The Hippocratic License">original</a>)</li>
      
        <li><a href="/david/cache/2022/b2292d98e9d54537c13b8c1e2cae5583/" title="Accès à l’article dans le cache local : Writers and talkers and leaders, oh my!">Writers and talkers and leaders, oh my!</a> (<a href="https://everythingchanges.us/blog/writers-and-talkers-and-leaders/" title="Accès à l’article original distant : Writers and talkers and leaders, oh my!">original</a>)</li>
        <li><a href="/david/cache/2023/b2292d98e9d54537c13b8c1e2cae5583/" title="Accès à l’article dans le cache local : Writers and talkers and leaders, oh my!">Writers and talkers and leaders, oh my!</a> (<a href="https://everythingchanges.us/blog/writers-and-talkers-and-leaders/" title="Accès à l’article original distant : Writers and talkers and leaders, oh my!">original</a>)</li>
      
        <li><a href="/david/cache/2022/c5baffcec6831c2b1fe5f3b27ebaeef4/" title="Accès à l’article dans le cache local : Pluralistic: “If buying isn’t owning, piracy isn’t stealing” (08 Dec 2023)">Pluralistic: “If buying isn’t owning, piracy isn’t stealing” (08 Dec 2023)</a> (<a href="https://pluralistic.net/2023/12/08/playstationed/#tyler-james-hill" title="Accès à l’article original distant : Pluralistic: “If buying isn’t owning, piracy isn’t stealing” (08 Dec 2023)">original</a>)</li>
        <li><a href="/david/cache/2023/c5baffcec6831c2b1fe5f3b27ebaeef4/" title="Accès à l’article dans le cache local : Pluralistic: “If buying isn’t owning, piracy isn’t stealing” (08 Dec 2023)">Pluralistic: “If buying isn’t owning, piracy isn’t stealing” (08 Dec 2023)</a> (<a href="https://pluralistic.net/2023/12/08/playstationed/#tyler-james-hill" title="Accès à l’article original distant : Pluralistic: “If buying isn’t owning, piracy isn’t stealing” (08 Dec 2023)">original</a>)</li>
      
        <li><a href="/david/cache/2022/83c60dd85e9f0f07bf41821a2694a0e5/" title="Accès à l’article dans le cache local : Shining a Light on the Digital Dark Age">Shining a Light on the Digital Dark Age</a> (<a href="https://longnow.org/ideas/shining-a-light-on-the-digital-dark-age/" title="Accès à l’article original distant : Shining a Light on the Digital Dark Age">original</a>)</li>
        <li><a href="/david/cache/2023/83c60dd85e9f0f07bf41821a2694a0e5/" title="Accès à l’article dans le cache local : Shining a Light on the Digital Dark Age">Shining a Light on the Digital Dark Age</a> (<a href="https://longnow.org/ideas/shining-a-light-on-the-digital-dark-age/" title="Accès à l’article original distant : Shining a Light on the Digital Dark Age">original</a>)</li>
      
        <li><a href="/david/cache/2022/e1a26da20c603d214d0f844d5836569e/" title="Accès à l’article dans le cache local : my mind is full of webs">my mind is full of webs</a> (<a href="https://winnielim.org/journal/my-mind-is-full-of-webs/" title="Accès à l’article original distant : my mind is full of webs">original</a>)</li>
        <li><a href="/david/cache/2023/e1a26da20c603d214d0f844d5836569e/" title="Accès à l’article dans le cache local : my mind is full of webs">my mind is full of webs</a> (<a href="https://winnielim.org/journal/my-mind-is-full-of-webs/" title="Accès à l’article original distant : my mind is full of webs">original</a>)</li>
      
        <li><a href="/david/cache/2022/5b35e3f3639ceb7d9f684aa81979f304/" title="Accès à l’article dans le cache local : The Market for Lemons">The Market for Lemons</a> (<a href="https://infrequently.org/2023/02/the-market-for-lemons/" title="Accès à l’article original distant : The Market for Lemons">original</a>)</li>
        <li><a href="/david/cache/2023/5b35e3f3639ceb7d9f684aa81979f304/" title="Accès à l’article dans le cache local : The Market for Lemons">The Market for Lemons</a> (<a href="https://infrequently.org/2023/02/the-market-for-lemons/" title="Accès à l’article original distant : The Market for Lemons">original</a>)</li>
      
        <li><a href="/david/cache/2022/452be27c5cc8a4b9824d1d7e005546c6/" title="Accès à l’article dans le cache local : We need to tell people ChatGPT will lie to them, not debate linguistics">We need to tell people ChatGPT will lie to them, not debate linguistics</a> (<a href="https://simonwillison.net/2023/Apr/7/chatgpt-lies/" title="Accès à l’article original distant : We need to tell people ChatGPT will lie to them, not debate linguistics">original</a>)</li>
        <li><a href="/david/cache/2023/452be27c5cc8a4b9824d1d7e005546c6/" title="Accès à l’article dans le cache local : We need to tell people ChatGPT will lie to them, not debate linguistics">We need to tell people ChatGPT will lie to them, not debate linguistics</a> (<a href="https://simonwillison.net/2023/Apr/7/chatgpt-lies/" title="Accès à l’article original distant : We need to tell people ChatGPT will lie to them, not debate linguistics">original</a>)</li>
      
        <li><a href="/david/cache/2022/c9925184359c01c5c077be55b7cd6505/" title="Accès à l’article dans le cache local : Carrying a camera">Carrying a camera</a> (<a href="https://macwright.com/2017/11/03/carrying-a-camera.html" title="Accès à l’article original distant : Carrying a camera">original</a>)</li>
        <li><a href="/david/cache/2023/c9925184359c01c5c077be55b7cd6505/" title="Accès à l’article dans le cache local : Carrying a camera">Carrying a camera</a> (<a href="https://macwright.com/2017/11/03/carrying-a-camera.html" title="Accès à l’article original distant : Carrying a camera">original</a>)</li>
      
        <li><a href="/david/cache/2022/ec3d02a88dc8597c24f1b32b9cf51d41/" title="Accès à l’article dans le cache local : Email Greetings for Modern Times">Email Greetings for Modern Times</a> (<a href="https://www.mcsweeneys.net/articles/email-greetings-for-modern-times" title="Accès à l’article original distant : Email Greetings for Modern Times">original</a>)</li>
        <li><a href="/david/cache/2023/ec3d02a88dc8597c24f1b32b9cf51d41/" title="Accès à l’article dans le cache local : Email Greetings for Modern Times">Email Greetings for Modern Times</a> (<a href="https://www.mcsweeneys.net/articles/email-greetings-for-modern-times" title="Accès à l’article original distant : Email Greetings for Modern Times">original</a>)</li>
      
        <li><a href="/david/cache/2022/300b9aa899d44f7606a8448991e2acfd/" title="Accès à l’article dans le cache local : Time to Write? Go Outside">Time to Write? Go Outside</a> (<a href="https://archive.nytimes.com/opinionator.blogs.nytimes.com/2013/09/16/time-to-write-go-outside/" title="Accès à l’article original distant : Time to Write? Go Outside">original</a>)</li>
        <li><a href="/david/cache/2023/300b9aa899d44f7606a8448991e2acfd/" title="Accès à l’article dans le cache local : Time to Write? Go Outside">Time to Write? Go Outside</a> (<a href="https://archive.nytimes.com/opinionator.blogs.nytimes.com/2013/09/16/time-to-write-go-outside/" title="Accès à l’article original distant : Time to Write? Go Outside">original</a>)</li>
      
        <li><a href="/david/cache/2022/a889fa6d4e07bdc390d44461ed6dce21/" title="Accès à l’article dans le cache local : Getting Takahē to run on Piku">Getting Takahē to run on Piku</a> (<a href="https://taoofmac.com/space/blog/2022/12/21/0900" title="Accès à l’article original distant : Getting Takahē to run on Piku">original</a>)</li>
        <li><a href="/david/cache/2023/a889fa6d4e07bdc390d44461ed6dce21/" title="Accès à l’article dans le cache local : Getting Takahē to run on Piku">Getting Takahē to run on Piku</a> (<a href="https://taoofmac.com/space/blog/2022/12/21/0900" title="Accès à l’article original distant : Getting Takahē to run on Piku">original</a>)</li>
      
        <li><a href="/david/cache/2022/f6e269f9a6e16436827169039d551623/" title="Accès à l’article dans le cache local : Discord, or the Death of Lore « ASCII by Jason Scott">Discord, or the Death of Lore « ASCII by Jason Scott</a> (<a href="http://ascii.textfiles.com/archives/5509" title="Accès à l’article original distant : Discord, or the Death of Lore « ASCII by Jason Scott">original</a>)</li>
        <li><a href="/david/cache/2023/f6e269f9a6e16436827169039d551623/" title="Accès à l’article dans le cache local : Discord, or the Death of Lore « ASCII by Jason Scott">Discord, or the Death of Lore « ASCII by Jason Scott</a> (<a href="http://ascii.textfiles.com/archives/5509" title="Accès à l’article original distant : Discord, or the Death of Lore « ASCII by Jason Scott">original</a>)</li>
      
        <li><a href="/david/cache/2022/57c0b22f733354552de63db112f51b20/" title="Accès à l’article dans le cache local : Introducing the 100-Year Plan: Secure Your Online Legacy for a Century">Introducing the 100-Year Plan: Secure Your Online Legacy for a Century</a> (<a href="https://wordpress.com/blog/2023/08/25/introducing-the-100-year-plan/" title="Accès à l’article original distant : Introducing the 100-Year Plan: Secure Your Online Legacy for a Century">original</a>)</li>
        <li><a href="/david/cache/2023/57c0b22f733354552de63db112f51b20/" title="Accès à l’article dans le cache local : Introducing the 100-Year Plan: Secure Your Online Legacy for a Century">Introducing the 100-Year Plan: Secure Your Online Legacy for a Century</a> (<a href="https://wordpress.com/blog/2023/08/25/introducing-the-100-year-plan/" title="Accès à l’article original distant : Introducing the 100-Year Plan: Secure Your Online Legacy for a Century">original</a>)</li>
      
        <li><a href="/david/cache/2022/f8b7c3246cf1d4e06c735ee163be32a0/" title="Accès à l’article dans le cache local : The Content Management System of my Dreams (part 2) - The trouble with dynamic publishing">The Content Management System of my Dreams (part 2) - The trouble with dynamic publishing</a> (<a href="https://www.padawan.info/en/2023/02/the-content-management-system-of-my-dreams-part-2-the-trouble-with-dynamic-publishing.html" title="Accès à l’article original distant : The Content Management System of my Dreams (part 2) - The trouble with dynamic publishing">original</a>)</li>
        <li><a href="/david/cache/2023/f8b7c3246cf1d4e06c735ee163be32a0/" title="Accès à l’article dans le cache local : The Content Management System of my Dreams (part 2) - The trouble with dynamic publishing">The Content Management System of my Dreams (part 2) - The trouble with dynamic publishing</a> (<a href="https://www.padawan.info/en/2023/02/the-content-management-system-of-my-dreams-part-2-the-trouble-with-dynamic-publishing.html" title="Accès à l’article original distant : The Content Management System of my Dreams (part 2) - The trouble with dynamic publishing">original</a>)</li>
      
        <li><a href="/david/cache/2022/49f2ce04dd0beb94dc2f662163bc6339/" title="Accès à l’article dans le cache local : Some notes on Local-First Development">Some notes on Local-First Development</a> (<a href="https://bricolage.io/some-notes-on-local-first-development/" title="Accès à l’article original distant : Some notes on Local-First Development">original</a>)</li>
        <li><a href="/david/cache/2023/49f2ce04dd0beb94dc2f662163bc6339/" title="Accès à l’article dans le cache local : Some notes on Local-First Development">Some notes on Local-First Development</a> (<a href="https://bricolage.io/some-notes-on-local-first-development/" title="Accès à l’article original distant : Some notes on Local-First Development">original</a>)</li>
      
        <li><a href="/david/cache/2022/78d79db0da7f60c48a02cfd088885085/" title="Accès à l’article dans le cache local : The (extremely) loud minority">The (extremely) loud minority</a> (<a href="https://andy-bell.co.uk/the-extremely-loud-minority/" title="Accès à l’article original distant : The (extremely) loud minority">original</a>)</li>
        <li><a href="/david/cache/2023/78d79db0da7f60c48a02cfd088885085/" title="Accès à l’article dans le cache local : The (extremely) loud minority">The (extremely) loud minority</a> (<a href="https://andy-bell.co.uk/the-extremely-loud-minority/" title="Accès à l’article original distant : The (extremely) loud minority">original</a>)</li>
      
        <li><a href="/david/cache/2022/c45d25b1d1062fcf10fbf7caaf9e21b1/" title="Accès à l’article dans le cache local : Exercices (de feuille) de styles">Exercices (de feuille) de styles</a> (<a href="https://blog.professeurjoachim.com/billet/2023-01-05-exercices-de-feuille-de-styles" title="Accès à l’article original distant : Exercices (de feuille) de styles">original</a>)</li>
        <li><a href="/david/cache/2023/c45d25b1d1062fcf10fbf7caaf9e21b1/" title="Accès à l’article dans le cache local : Exercices (de feuille) de styles">Exercices (de feuille) de styles</a> (<a href="https://blog.professeurjoachim.com/billet/2023-01-05-exercices-de-feuille-de-styles" title="Accès à l’article original distant : Exercices (de feuille) de styles">original</a>)</li>
      
        <li><a href="/david/cache/2022/977dc3c51f364f41db786f881d2c3fd2/" title="Accès à l’article dans le cache local : Watching The World Burn on Our Phones">Watching The World Burn on Our Phones</a> (<a href="https://www.okdoomer.io/watching-the-world-burn-on-our-phones/" title="Accès à l’article original distant : Watching The World Burn on Our Phones">original</a>)</li>
        <li><a href="/david/cache/2023/977dc3c51f364f41db786f881d2c3fd2/" title="Accès à l’article dans le cache local : Watching The World Burn on Our Phones">Watching The World Burn on Our Phones</a> (<a href="https://www.okdoomer.io/watching-the-world-burn-on-our-phones/" title="Accès à l’article original distant : Watching The World Burn on Our Phones">original</a>)</li>
      
        <li><a href="/david/cache/2022/1ae1896e5eb2ccc03f2295f38090048e/" title="Accès à l’article dans le cache local : Être jeune et vivre une pandémie">Être jeune et vivre une pandémie</a> (<a href="https://cremis.ca/publications/articles-et-medias/etre-jeune-et-vivre-une-pandemie/" title="Accès à l’article original distant : Être jeune et vivre une pandémie">original</a>)</li>
        <li><a href="/david/cache/2023/1ae1896e5eb2ccc03f2295f38090048e/" title="Accès à l’article dans le cache local : Être jeune et vivre une pandémie">Être jeune et vivre une pandémie</a> (<a href="https://cremis.ca/publications/articles-et-medias/etre-jeune-et-vivre-une-pandemie/" title="Accès à l’article original distant : Être jeune et vivre une pandémie">original</a>)</li>
      
        <li><a href="/david/cache/2022/d40295a6495f934934436470ad425cac/" title="Accès à l’article dans le cache local : Family Tree Wisdom">Family Tree Wisdom</a> (<a href="https://blog.jim-nielsen.com/2023/family-tree-wisdom/" title="Accès à l’article original distant : Family Tree Wisdom">original</a>)</li>
        <li><a href="/david/cache/2023/d40295a6495f934934436470ad425cac/" title="Accès à l’article dans le cache local : Family Tree Wisdom">Family Tree Wisdom</a> (<a href="https://blog.jim-nielsen.com/2023/family-tree-wisdom/" title="Accès à l’article original distant : Family Tree Wisdom">original</a>)</li>
      
        <li><a href="/david/cache/2022/9caf3cf36d339cfffad8582583493204/" title="Accès à l’article dans le cache local : How Blogging Changes The Way You Think">How Blogging Changes The Way You Think</a> (<a href="https://clivethompson.medium.com/how-blogging-changes-the-way-you-think-526734dc86d1" title="Accès à l’article original distant : How Blogging Changes The Way You Think">original</a>)</li>
        <li><a href="/david/cache/2023/9caf3cf36d339cfffad8582583493204/" title="Accès à l’article dans le cache local : How Blogging Changes The Way You Think">How Blogging Changes The Way You Think</a> (<a href="https://clivethompson.medium.com/how-blogging-changes-the-way-you-think-526734dc86d1" title="Accès à l’article original distant : How Blogging Changes The Way You Think">original</a>)</li>
      
        <li><a href="/david/cache/2022/65169d7164c8bf5790a224d45a95adb7/" title="Accès à l’article dans le cache local : The Content Management System of my Dreams (part 1) - A little bit of history">The Content Management System of my Dreams (part 1) - A little bit of history</a> (<a href="https://www.padawan.info/en/2023/02/the-content-management-system-of-my-dreams-part-1-a-little-bit-of-history.html" title="Accès à l’article original distant : The Content Management System of my Dreams (part 1) - A little bit of history">original</a>)</li>
        <li><a href="/david/cache/2023/65169d7164c8bf5790a224d45a95adb7/" title="Accès à l’article dans le cache local : The Content Management System of my Dreams (part 1) - A little bit of history">The Content Management System of my Dreams (part 1) - A little bit of history</a> (<a href="https://www.padawan.info/en/2023/02/the-content-management-system-of-my-dreams-part-1-a-little-bit-of-history.html" title="Accès à l’article original distant : The Content Management System of my Dreams (part 1) - A little bit of history">original</a>)</li>
      
        <li><a href="/david/cache/2022/1676902071b6e1e7e0d3395bc47956b5/" title="Accès à l’article dans le cache local : Adding ActivityPub to your static site">Adding ActivityPub to your static site</a> (<a href="https://paul.kinlan.me/adding-activity-pub-to-your-static-site/" title="Accès à l’article original distant : Adding ActivityPub to your static site">original</a>)</li>
        <li><a href="/david/cache/2023/1676902071b6e1e7e0d3395bc47956b5/" title="Accès à l’article dans le cache local : Adding ActivityPub to your static site">Adding ActivityPub to your static site</a> (<a href="https://paul.kinlan.me/adding-activity-pub-to-your-static-site/" title="Accès à l’article original distant : Adding ActivityPub to your static site">original</a>)</li>
      
        <li><a href="/david/cache/2022/aac3c4716f9ff73e7409ecbc9550491b/" title="Accès à l’article dans le cache local : If a hammer was like AI…">If a hammer was like AI…</a> (<a href="https://axbom.com/hammer-ai/" title="Accès à l’article original distant : If a hammer was like AI…">original</a>)</li>
        <li><a href="/david/cache/2023/aac3c4716f9ff73e7409ecbc9550491b/" title="Accès à l’article dans le cache local : If a hammer was like AI…">If a hammer was like AI…</a> (<a href="https://axbom.com/hammer-ai/" title="Accès à l’article original distant : If a hammer was like AI…">original</a>)</li>
      
        <li><a href="/david/cache/2022/ee7eb9c245d1b2c4b91b8dda4cd7d318/" title="Accès à l’article dans le cache local : Benjamin Hennot : Interview">Benjamin Hennot : Interview</a> (<a href="https://www.rayonvertcinema.org/benjamin-hennot-interview/" title="Accès à l’article original distant : Benjamin Hennot : Interview">original</a>)</li>
        <li><a href="/david/cache/2023/ee7eb9c245d1b2c4b91b8dda4cd7d318/" title="Accès à l’article dans le cache local : Benjamin Hennot : Interview">Benjamin Hennot : Interview</a> (<a href="https://www.rayonvertcinema.org/benjamin-hennot-interview/" title="Accès à l’article original distant : Benjamin Hennot : Interview">original</a>)</li>
      
        <li><a href="/david/cache/2022/927159a754f4d7d9e176f5f8397dbf02/" title="Accès à l’article dans le cache local : ce qui est passé">ce qui est passé</a> (<a href="https://www.la-grange.net/2023/01/07/passe" title="Accès à l’article original distant : ce qui est passé">original</a>)</li>
        <li><a href="/david/cache/2023/927159a754f4d7d9e176f5f8397dbf02/" title="Accès à l’article dans le cache local : ce qui est passé">ce qui est passé</a> (<a href="https://www.la-grange.net/2023/01/07/passe" title="Accès à l’article original distant : ce qui est passé">original</a>)</li>
      
        <li><a href="/david/cache/2022/ba42826808418339bdc0364586bea5bf/" title="Accès à l’article dans le cache local : Ask vs guess culture">Ask vs guess culture</a> (<a href="https://jeanhsu.substack.com/p/ask-vs-guess-culture" title="Accès à l’article original distant : Ask vs guess culture">original</a>)</li>
        <li><a href="/david/cache/2023/ba42826808418339bdc0364586bea5bf/" title="Accès à l’article dans le cache local : Ask vs guess culture">Ask vs guess culture</a> (<a href="https://jeanhsu.substack.com/p/ask-vs-guess-culture" title="Accès à l’article original distant : Ask vs guess culture">original</a>)</li>
      
        <li><a href="/david/cache/2022/af6aeab9b848e78334e31b9b7a668413/" title="Accès à l’article dans le cache local : Block the Bots that Feed “AI” Models by Scraping Your Website">Block the Bots that Feed “AI” Models by Scraping Your Website</a> (<a href="https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/" title="Accès à l’article original distant : Block the Bots that Feed “AI” Models by Scraping Your Website">original</a>)</li>
        <li><a href="/david/cache/2023/af6aeab9b848e78334e31b9b7a668413/" title="Accès à l’article dans le cache local : Block the Bots that Feed “AI” Models by Scraping Your Website">Block the Bots that Feed “AI” Models by Scraping Your Website</a> (<a href="https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/" title="Accès à l’article original distant : Block the Bots that Feed “AI” Models by Scraping Your Website">original</a>)</li>
      
        <li><a href="/david/cache/2022/04ad9e0f254b2d6111aef95102654f7d/" title="Accès à l’article dans le cache local : Maybe the Book Doesn’t Need to Be “Disrupted” in the First Place?">Maybe the Book Doesn’t Need to Be “Disrupted” in the First Place?</a> (<a href="https://countercraft.substack.com/p/maybe-the-book-doesnt-need-to-disrupted" title="Accès à l’article original distant : Maybe the Book Doesn’t Need to Be “Disrupted” in the First Place?">original</a>)</li>
        <li><a href="/david/cache/2023/04ad9e0f254b2d6111aef95102654f7d/" title="Accès à l’article dans le cache local : Maybe the Book Doesn’t Need to Be “Disrupted” in the First Place?">Maybe the Book Doesn’t Need to Be “Disrupted” in the First Place?</a> (<a href="https://countercraft.substack.com/p/maybe-the-book-doesnt-need-to-disrupted" title="Accès à l’article original distant : Maybe the Book Doesn’t Need to Be “Disrupted” in the First Place?">original</a>)</li>
      
        <li><a href="/david/cache/2022/7732c1cdc56a5db0f2fd3117f9522fa8/" title="Accès à l’article dans le cache local : NASA satellites reveal restoration power of beavers">NASA satellites reveal restoration power of beavers</a> (<a href="https://news.mongabay.com/2023/09/nasa-satellites-reveal-restoration-power-of-beavers/" title="Accès à l’article original distant : NASA satellites reveal restoration power of beavers">original</a>)</li>
        <li><a href="/david/cache/2023/7732c1cdc56a5db0f2fd3117f9522fa8/" title="Accès à l’article dans le cache local : NASA satellites reveal restoration power of beavers">NASA satellites reveal restoration power of beavers</a> (<a href="https://news.mongabay.com/2023/09/nasa-satellites-reveal-restoration-power-of-beavers/" title="Accès à l’article original distant : NASA satellites reveal restoration power of beavers">original</a>)</li>
      
        <li><a href="/david/cache/2022/4d9148b9d78455c2d67051e467d2e824/" title="Accès à l’article dans le cache local : I assume I’m below average">I assume I’m below average</a> (<a href="https://sive.rs/below-average" title="Accès à l’article original distant : I assume I’m below average">original</a>)</li>
        <li><a href="/david/cache/2023/4d9148b9d78455c2d67051e467d2e824/" title="Accès à l’article dans le cache local : I assume I’m below average">I assume I’m below average</a> (<a href="https://sive.rs/below-average" title="Accès à l’article original distant : I assume I’m below average">original</a>)</li>
      
        <li><a href="/david/cache/2022/3e86aa622ac1361400a4b7c0013efdd3/" title="Accès à l’article dans le cache local : Le dernier arrêt">Le dernier arrêt</a> (<a href="https://www.la-grange.net/2023/01/09/arret" title="Accès à l’article original distant : Le dernier arrêt">original</a>)</li>
        <li><a href="/david/cache/2023/3e86aa622ac1361400a4b7c0013efdd3/" title="Accès à l’article dans le cache local : Le dernier arrêt">Le dernier arrêt</a> (<a href="https://www.la-grange.net/2023/01/09/arret" title="Accès à l’article original distant : Le dernier arrêt">original</a>)</li>
      
        <li><a href="/david/cache/2022/646ebfa25432bc6b653e524b52d25c9a/" title="Accès à l’article dans le cache local : Keep it simple, stupid le plus longtemps possible">Keep it simple, stupid le plus longtemps possible</a> (<a href="https://sklein.xyz/garden/020-keep-it-simple-stupid-le-plus-longtemps-possible/" title="Accès à l’article original distant : Keep it simple, stupid le plus longtemps possible">original</a>)</li>
        <li><a href="/david/cache/2023/646ebfa25432bc6b653e524b52d25c9a/" title="Accès à l’article dans le cache local : Keep it simple, stupid le plus longtemps possible">Keep it simple, stupid le plus longtemps possible</a> (<a href="https://sklein.xyz/garden/020-keep-it-simple-stupid-le-plus-longtemps-possible/" title="Accès à l’article original distant : Keep it simple, stupid le plus longtemps possible">original</a>)</li>
      
        <li><a href="/david/cache/2022/45c1becce6fcd8254f2c99fbc1397018/" title="Accès à l’article dans le cache local : Tech Companies Are Irrational Pop Cultures">Tech Companies Are Irrational Pop Cultures</a> (<a href="https://softwarecrisis.dev/letters/tech-is-a-pop-culture/" title="Accès à l’article original distant : Tech Companies Are Irrational Pop Cultures">original</a>)</li>
        <li><a href="/david/cache/2023/45c1becce6fcd8254f2c99fbc1397018/" title="Accès à l’article dans le cache local : Tech Companies Are Irrational Pop Cultures">Tech Companies Are Irrational Pop Cultures</a> (<a href="https://softwarecrisis.dev/letters/tech-is-a-pop-culture/" title="Accès à l’article original distant : Tech Companies Are Irrational Pop Cultures">original</a>)</li>
      
        <li><a href="/david/cache/2022/2f4b8ec8f6fd2cbc48a04dcac2cc7d24/" title="Accès à l’article dans le cache local : You don’t have to remember everything to be a good programmer">You don’t have to remember everything to be a good programmer</a> (<a href="https://gomakethings.com/you-dont-have-to-remember-everything-to-be-a-good-programmer/" title="Accès à l’article original distant : You don’t have to remember everything to be a good programmer">original</a>)</li>
        <li><a href="/david/cache/2023/2f4b8ec8f6fd2cbc48a04dcac2cc7d24/" title="Accès à l’article dans le cache local : You don’t have to remember everything to be a good programmer">You don’t have to remember everything to be a good programmer</a> (<a href="https://gomakethings.com/you-dont-have-to-remember-everything-to-be-a-good-programmer/" title="Accès à l’article original distant : You don’t have to remember everything to be a good programmer">original</a>)</li>
      
        <li><a href="/david/cache/2022/e211e38b6e8dd18119e0ff18464d2414/" title="Accès à l’article dans le cache local : Sapphire Rubyant: "négatif à propos de Sud Web"">Sapphire Rubyant: "négatif à propos de Sud Web"</a> (<a href="https://eldritch.cafe/@davidbruant/110311929122033704" title="Accès à l’article original distant : Sapphire Rubyant: "négatif à propos de Sud Web"">original</a>)</li>
        <li><a href="/david/cache/2023/e211e38b6e8dd18119e0ff18464d2414/" title="Accès à l’article dans le cache local : Sapphire Rubyant: "négatif à propos de Sud Web"">Sapphire Rubyant: "négatif à propos de Sud Web"</a> (<a href="https://eldritch.cafe/@davidbruant/110311929122033704" title="Accès à l’article original distant : Sapphire Rubyant: "négatif à propos de Sud Web"">original</a>)</li>
      
        <li><a href="/david/cache/2022/60461be5ec82443fd6a7c12f29e40587/" title="Accès à l’article dans le cache local : Old wards and new against fake humans">Old wards and new against fake humans</a> (<a href="https://interconnected.org/home/2023/09/22/wards" title="Accès à l’article original distant : Old wards and new against fake humans">original</a>)</li>
        <li><a href="/david/cache/2023/60461be5ec82443fd6a7c12f29e40587/" title="Accès à l’article dans le cache local : Old wards and new against fake humans">Old wards and new against fake humans</a> (<a href="https://interconnected.org/home/2023/09/22/wards" title="Accès à l’article original distant : Old wards and new against fake humans">original</a>)</li>
      
        <li><a href="/david/cache/2022/934ed9f96be582e35b3c8cf8fc0859e5/" title="Accès à l’article dans le cache local : La dette technique - Carnet de notes">La dette technique - Carnet de notes</a> (<a href="https://n.survol.fr/n/la-dette-technique" title="Accès à l’article original distant : La dette technique - Carnet de notes">original</a>)</li>
        <li><a href="/david/cache/2023/934ed9f96be582e35b3c8cf8fc0859e5/" title="Accès à l’article dans le cache local : La dette technique - Carnet de notes">La dette technique - Carnet de notes</a> (<a href="https://n.survol.fr/n/la-dette-technique" title="Accès à l’article original distant : La dette technique - Carnet de notes">original</a>)</li>
      
        <li><a href="/david/cache/2022/328b56a2ee2e291dabc8f63a0013cc7a/" title="Accès à l’article dans le cache local : Streams of Consciousness">Streams of Consciousness</a> (<a href="https://matthiasott.com/notes/streams-of-consciousness" title="Accès à l’article original distant : Streams of Consciousness">original</a>)</li>
        <li><a href="/david/cache/2023/328b56a2ee2e291dabc8f63a0013cc7a/" title="Accès à l’article dans le cache local : Streams of Consciousness">Streams of Consciousness</a> (<a href="https://matthiasott.com/notes/streams-of-consciousness" title="Accès à l’article original distant : Streams of Consciousness">original</a>)</li>
      
        <li><a href="/david/cache/2022/4d3fa4020fd0504dbced1a408a2d394e/" title="Accès à l’article dans le cache local : #132: The contagious visual blandness of Netflix">#132: The contagious visual blandness of Netflix</a> (<a href="https://haleynahman.substack.com/p/132-the-contagious-visual-blandness" title="Accès à l’article original distant : #132: The contagious visual blandness of Netflix">original</a>)</li>
        <li><a href="/david/cache/2023/4d3fa4020fd0504dbced1a408a2d394e/" title="Accès à l’article dans le cache local : #132: The contagious visual blandness of Netflix">#132: The contagious visual blandness of Netflix</a> (<a href="https://haleynahman.substack.com/p/132-the-contagious-visual-blandness" title="Accès à l’article original distant : #132: The contagious visual blandness of Netflix">original</a>)</li>
      
        <li><a href="/david/cache/2022/dc43f3c837d95313ac7317e10349511e/" title="Accès à l’article dans le cache local : Ask LukeW: New Ways into Web Content">Ask LukeW: New Ways into Web Content</a> (<a href="https://www.lukew.com/ff/entry.asp?2008" title="Accès à l’article original distant : Ask LukeW: New Ways into Web Content">original</a>)</li>
        <li><a href="/david/cache/2023/dc43f3c837d95313ac7317e10349511e/" title="Accès à l’article dans le cache local : Ask LukeW: New Ways into Web Content">Ask LukeW: New Ways into Web Content</a> (<a href="https://www.lukew.com/ff/entry.asp?2008" title="Accès à l’article original distant : Ask LukeW: New Ways into Web Content">original</a>)</li>
      
        <li><a href="/david/cache/2022/b5acd8bbf209345ff300ea8c10c44181/" title="Accès à l’article dans le cache local : Retiring Pinafore">Retiring Pinafore</a> (<a href="https://nolanlawson.com/2023/01/09/retiring-pinafore/" title="Accès à l’article original distant : Retiring Pinafore">original</a>)</li>
        <li><a href="/david/cache/2023/b5acd8bbf209345ff300ea8c10c44181/" title="Accès à l’article dans le cache local : Retiring Pinafore">Retiring Pinafore</a> (<a href="https://nolanlawson.com/2023/01/09/retiring-pinafore/" title="Accès à l’article original distant : Retiring Pinafore">original</a>)</li>
      
        <li><a href="/david/cache/2022/37d6792aae27bda5e258f7a1b052045a/" title="Accès à l’article dans le cache local : enshittification is what happens when a disney adult learns about captialism">enshittification is what happens when a disney adult learns about captialism</a> (<a href="https://cohost.org/tef/post/3175066-enshittification-is" title="Accès à l’article original distant : enshittification is what happens when a disney adult learns about captialism">original</a>)</li>
        <li><a href="/david/cache/2023/37d6792aae27bda5e258f7a1b052045a/" title="Accès à l’article dans le cache local : enshittification is what happens when a disney adult learns about captialism">enshittification is what happens when a disney adult learns about captialism</a> (<a href="https://cohost.org/tef/post/3175066-enshittification-is" title="Accès à l’article original distant : enshittification is what happens when a disney adult learns about captialism">original</a>)</li>
      
        <li><a href="/david/cache/2022/7458294e070577c610294f8ec927c30d/" title="Accès à l’article dans le cache local : Why are websites embarrassing?">Why are websites embarrassing?</a> (<a href="https://robinrendle.com/notes/why-are-websites-embarrassing/" title="Accès à l’article original distant : Why are websites embarrassing?">original</a>)</li>
        <li><a href="/david/cache/2023/7458294e070577c610294f8ec927c30d/" title="Accès à l’article dans le cache local : Why are websites embarrassing?">Why are websites embarrassing?</a> (<a href="https://robinrendle.com/notes/why-are-websites-embarrassing/" title="Accès à l’article original distant : Why are websites embarrassing?">original</a>)</li>
      
        <li><a href="/david/cache/2022/8f76362de8331d4dc5d3e0e0a882606e/" title="Accès à l’article dans le cache local : Sennheiser HD 555 to HD 595 Mod">Sennheiser HD 555 to HD 595 Mod</a> (<a href="http://mikebeauchamp.com/misc/sennheiser-hd-555-to-hd-595-mod/" title="Accès à l’article original distant : Sennheiser HD 555 to HD 595 Mod">original</a>)</li>
        <li><a href="/david/cache/2023/8f76362de8331d4dc5d3e0e0a882606e/" title="Accès à l’article dans le cache local : Sennheiser HD 555 to HD 595 Mod">Sennheiser HD 555 to HD 595 Mod</a> (<a href="http://mikebeauchamp.com/misc/sennheiser-hd-555-to-hd-595-mod/" title="Accès à l’article original distant : Sennheiser HD 555 to HD 595 Mod">original</a>)</li>
      
        <li><a href="/david/cache/2022/ca3e313992d7ac7e4aeaece85e7f4b6a/" title="Accès à l’article dans le cache local : William Shatner: My Trip to Space Filled Me With Sadness - Variety">William Shatner: My Trip to Space Filled Me With Sadness - Variety</a> (<a href="https://variety.com/2022/tv/news/william-shatner-space-boldly-go-excerpt-1235395113/" title="Accès à l’article original distant : William Shatner: My Trip to Space Filled Me With Sadness - Variety">original</a>)</li>
        <li><a href="/david/cache/2023/ca3e313992d7ac7e4aeaece85e7f4b6a/" title="Accès à l’article dans le cache local : William Shatner: My Trip to Space Filled Me With Sadness - Variety">William Shatner: My Trip to Space Filled Me With Sadness - Variety</a> (<a href="https://variety.com/2022/tv/news/william-shatner-space-boldly-go-excerpt-1235395113/" title="Accès à l’article original distant : William Shatner: My Trip to Space Filled Me With Sadness - Variety">original</a>)</li>
      
        <li><a href="/david/cache/2022/4be6162587a2171b64fd7753b7fe410b/" title="Accès à l’article dans le cache local : Playing with ActivityPub">Playing with ActivityPub</a> (<a href="https://macwright.com/2022/12/09/activitypub.html" title="Accès à l’article original distant : Playing with ActivityPub">original</a>)</li>
        <li><a href="/david/cache/2023/4be6162587a2171b64fd7753b7fe410b/" title="Accès à l’article dans le cache local : Playing with ActivityPub">Playing with ActivityPub</a> (<a href="https://macwright.com/2022/12/09/activitypub.html" title="Accès à l’article original distant : Playing with ActivityPub">original</a>)</li>
      
        <li><a href="/david/cache/2022/a0d209f5273c7d9f984f78773fa089f2/" title="Accès à l’article dans le cache local : Lithium et minéraux critiques : le combat d’une mère crie de huit enfants">Lithium et minéraux critiques : le combat d’une mère crie de huit enfants</a> (<a href="https://www.ledevoir.com/societe/780738/lithium-et-mineraux-critiques-lithium-et-mineraux-critiques-le-combat-d-une-mere-crie-de-8-enfants" title="Accès à l’article original distant : Lithium et minéraux critiques : le combat d’une mère crie de huit enfants">original</a>)</li>
        <li><a href="/david/cache/2023/a0d209f5273c7d9f984f78773fa089f2/" title="Accès à l’article dans le cache local : Lithium et minéraux critiques : le combat d’une mère crie de huit enfants">Lithium et minéraux critiques : le combat d’une mère crie de huit enfants</a> (<a href="https://www.ledevoir.com/societe/780738/lithium-et-mineraux-critiques-lithium-et-mineraux-critiques-le-combat-d-une-mere-crie-de-8-enfants" title="Accès à l’article original distant : Lithium et minéraux critiques : le combat d’une mère crie de huit enfants">original</a>)</li>
      
        <li><a href="/david/cache/2022/7863cd9fd3df50880d0d8841307b05f2/" title="Accès à l’article dans le cache local : Vacances à vélo 2023">Vacances à vélo 2023</a> (<a href="https://virgule.net/blog/vacances_a_velo_2023.html" title="Accès à l’article original distant : Vacances à vélo 2023">original</a>)</li>
        <li><a href="/david/cache/2023/7863cd9fd3df50880d0d8841307b05f2/" title="Accès à l’article dans le cache local : Vacances à vélo 2023">Vacances à vélo 2023</a> (<a href="https://virgule.net/blog/vacances_a_velo_2023.html" title="Accès à l’article original distant : Vacances à vélo 2023">original</a>)</li>
      
        <li><a href="/david/cache/2022/8440372c6df33b8f23cfce7a9eca5961/" title="Accès à l’article dans le cache local : A highly opinionated guide to learning about ActivityPub">A highly opinionated guide to learning about ActivityPub</a> (<a href="https://tinysubversions.com/notes/reading-activitypub/" title="Accès à l’article original distant : A highly opinionated guide to learning about ActivityPub">original</a>)</li>
        <li><a href="/david/cache/2023/8440372c6df33b8f23cfce7a9eca5961/" title="Accès à l’article dans le cache local : A highly opinionated guide to learning about ActivityPub">A highly opinionated guide to learning about ActivityPub</a> (<a href="https://tinysubversions.com/notes/reading-activitypub/" title="Accès à l’article original distant : A highly opinionated guide to learning about ActivityPub">original</a>)</li>
      
        <li><a href="/david/cache/2022/941b67353ff151e5da55c691f6e9161b/" title="Accès à l’article dans le cache local : Enshittification - Jim Nielsen’s Notes">Enshittification - Jim Nielsen’s Notes</a> (<a href="https://notes.jim-nielsen.com/#2023-02-27T0915" title="Accès à l’article original distant : Enshittification - Jim Nielsen’s Notes">original</a>)</li>
        <li><a href="/david/cache/2023/941b67353ff151e5da55c691f6e9161b/" title="Accès à l’article dans le cache local : Enshittification - Jim Nielsen’s Notes">Enshittification - Jim Nielsen’s Notes</a> (<a href="https://notes.jim-nielsen.com/#2023-02-27T0915" title="Accès à l’article original distant : Enshittification - Jim Nielsen’s Notes">original</a>)</li>
      
        <li><a href="/david/cache/2022/5bea097a2dba65380cf43adf2df540f8/" title="Accès à l’article dans le cache local : A blog post is a very long and complex search query to find fascinating people and make them route interesting stuff to your inbox">A blog post is a very long and complex search query to find fascinating people and make them route interesting stuff to your inbox</a> (<a href="https://escapingflatland.substack.com/p/search-query" title="Accès à l’article original distant : A blog post is a very long and complex search query to find fascinating people and make them route interesting stuff to your inbox">original</a>)</li>
        <li><a href="/david/cache/2023/5bea097a2dba65380cf43adf2df540f8/" title="Accès à l’article dans le cache local : A blog post is a very long and complex search query to find fascinating people and make them route interesting stuff to your inbox">A blog post is a very long and complex search query to find fascinating people and make them route interesting stuff to your inbox</a> (<a href="https://escapingflatland.substack.com/p/search-query" title="Accès à l’article original distant : A blog post is a very long and complex search query to find fascinating people and make them route interesting stuff to your inbox">original</a>)</li>
      
        <li><a href="/david/cache/2022/0f8bbba127c48a13b35fdf265c2dc106/" title="Accès à l’article dans le cache local : Company Announcement | Pydantic">Company Announcement | Pydantic</a> (<a href="https://pydantic.dev/announcement/" title="Accès à l’article original distant : Company Announcement | Pydantic">original</a>)</li>
        <li><a href="/david/cache/2023/0f8bbba127c48a13b35fdf265c2dc106/" title="Accès à l’article dans le cache local : Company Announcement | Pydantic">Company Announcement | Pydantic</a> (<a href="https://pydantic.dev/announcement/" title="Accès à l’article original distant : Company Announcement | Pydantic">original</a>)</li>
      
        <li><a href="/david/cache/2022/19ec475bd5d92b02fbef043c52ea0589/" title="Accès à l’article dans le cache local : Investing in RSS">Investing in RSS</a> (<a href="https://timkadlec.com/remembers/2023-02-23-investing-in-rss/" title="Accès à l’article original distant : Investing in RSS">original</a>)</li>
        <li><a href="/david/cache/2023/19ec475bd5d92b02fbef043c52ea0589/" title="Accès à l’article dans le cache local : Investing in RSS">Investing in RSS</a> (<a href="https://timkadlec.com/remembers/2023-02-23-investing-in-rss/" title="Accès à l’article original distant : Investing in RSS">original</a>)</li>
      
        <li><a href="/david/cache/2022/d6b891fd250a6ae967ae55564770b67a/" title="Accès à l’article dans le cache local : The Open-Source Software bubble that is and the blogging bubble that was">The Open-Source Software bubble that is and the blogging bubble that was</a> (<a href="https://www.baldurbjarnason.com/2021/the-oss-bubble-and-the-blogging-bubble/" title="Accès à l’article original distant : The Open-Source Software bubble that is and the blogging bubble that was">original</a>)</li>
        <li><a href="/david/cache/2023/d6b891fd250a6ae967ae55564770b67a/" title="Accès à l’article dans le cache local : The Open-Source Software bubble that is and the blogging bubble that was">The Open-Source Software bubble that is and the blogging bubble that was</a> (<a href="https://www.baldurbjarnason.com/2021/the-oss-bubble-and-the-blogging-bubble/" title="Accès à l’article original distant : The Open-Source Software bubble that is and the blogging bubble that was">original</a>)</li>
      
        <li><a href="/david/cache/2022/7469f181ef4b031f59ae69356af16e28/" title="Accès à l’article dans le cache local : Modern Health, frameworks, performance, and harm">Modern Health, frameworks, performance, and harm</a> (<a href="https://ericwbailey.website/published/modern-health-frameworks-performance-and-harm/" title="Accès à l’article original distant : Modern Health, frameworks, performance, and harm">original</a>)</li>
        <li><a href="/david/cache/2023/7469f181ef4b031f59ae69356af16e28/" title="Accès à l’article dans le cache local : Modern Health, frameworks, performance, and harm">Modern Health, frameworks, performance, and harm</a> (<a href="https://ericwbailey.website/published/modern-health-frameworks-performance-and-harm/" title="Accès à l’article original distant : Modern Health, frameworks, performance, and harm">original</a>)</li>
      
        <li><a href="/david/cache/2022/c564325b28ec854b6b098950df5c8c8f/" title="Accès à l’article dans le cache local : weathering software winter">weathering software winter</a> (<a href="https://100r.co/site/weathering_software_winter.html" title="Accès à l’article original distant : weathering software winter">original</a>)</li>
        <li><a href="/david/cache/2023/c564325b28ec854b6b098950df5c8c8f/" title="Accès à l’article dans le cache local : weathering software winter">weathering software winter</a> (<a href="https://100r.co/site/weathering_software_winter.html" title="Accès à l’article original distant : weathering software winter">original</a>)</li>
      
        <li><a href="/david/cache/2022/efc348f6559d55129657c7ba9d740b76/" title="Accès à l’article dans le cache local : Multi-page web apps">Multi-page web apps</a> (<a href="https://adactio.com/journal/20442" title="Accès à l’article original distant : Multi-page web apps">original</a>)</li>
        <li><a href="/david/cache/2023/efc348f6559d55129657c7ba9d740b76/" title="Accès à l’article dans le cache local : Multi-page web apps">Multi-page web apps</a> (<a href="https://adactio.com/journal/20442" title="Accès à l’article original distant : Multi-page web apps">original</a>)</li>
      
        <li><a href="/david/cache/2022/c9441324cd8ba32c33817cdbc720bfda/" title="Accès à l’article dans le cache local : Grande Traversée du Poisson Blanc 2023">Grande Traversée du Poisson Blanc 2023</a> (<a href="https://poissonblanc.ca/experiences/la-grande-traversee/" title="Accès à l’article original distant : Grande Traversée du Poisson Blanc 2023">original</a>)</li>
        <li><a href="/david/cache/2023/c9441324cd8ba32c33817cdbc720bfda/" title="Accès à l’article dans le cache local : Grande Traversée du Poisson Blanc 2023">Grande Traversée du Poisson Blanc 2023</a> (<a href="https://poissonblanc.ca/experiences/la-grande-traversee/" title="Accès à l’article original distant : Grande Traversée du Poisson Blanc 2023">original</a>)</li>
      
        <li><a href="/david/cache/2022/29dac969af1faa8ba0338a2e7e59ebbd/" title="Accès à l’article dans le cache local : A notification center for progress bars that sounds like birdsong">A notification center for progress bars that sounds like birdsong</a> (<a href="https://interconnected.org/home/2023/02/10/progress" title="Accès à l’article original distant : A notification center for progress bars that sounds like birdsong">original</a>)</li>
        <li><a href="/david/cache/2023/29dac969af1faa8ba0338a2e7e59ebbd/" title="Accès à l’article dans le cache local : A notification center for progress bars that sounds like birdsong">A notification center for progress bars that sounds like birdsong</a> (<a href="https://interconnected.org/home/2023/02/10/progress" title="Accès à l’article original distant : A notification center for progress bars that sounds like birdsong">original</a>)</li>
      
        <li><a href="/david/cache/2022/61f52848924157701ed66c85d67f3536/" title="Accès à l’article dans le cache local : Visual design rules you can safely follow every time">Visual design rules you can safely follow every time</a> (<a href="https://anthonyhobday.com/sideprojects/saferules/" title="Accès à l’article original distant : Visual design rules you can safely follow every time">original</a>)</li>
        <li><a href="/david/cache/2023/61f52848924157701ed66c85d67f3536/" title="Accès à l’article dans le cache local : Visual design rules you can safely follow every time">Visual design rules you can safely follow every time</a> (<a href="https://anthonyhobday.com/sideprojects/saferules/" title="Accès à l’article original distant : Visual design rules you can safely follow every time">original</a>)</li>
      
        <li><a href="/david/cache/2022/055ec9ce09151d35309f39b824189c61/" title="Accès à l’article dans le cache local : In Praise of Shadows">In Praise of Shadows</a> (<a href="https://www.robinrendle.com/essays/in-praise-of-shadows/" title="Accès à l’article original distant : In Praise of Shadows">original</a>)</li>
        <li><a href="/david/cache/2023/055ec9ce09151d35309f39b824189c61/" title="Accès à l’article dans le cache local : In Praise of Shadows">In Praise of Shadows</a> (<a href="https://www.robinrendle.com/essays/in-praise-of-shadows/" title="Accès à l’article original distant : In Praise of Shadows">original</a>)</li>
      
        <li><a href="/david/cache/2022/ae2b427ba896475633726fdd731caf09/" title="Accès à l’article dans le cache local : The forbidden topics">The forbidden topics</a> (<a href="https://drewdevault.com/2023/09/29/The-forbidden-topics.html" title="Accès à l’article original distant : The forbidden topics">original</a>)</li>
        <li><a href="/david/cache/2023/ae2b427ba896475633726fdd731caf09/" title="Accès à l’article dans le cache local : The forbidden topics">The forbidden topics</a> (<a href="https://drewdevault.com/2023/09/29/The-forbidden-topics.html" title="Accès à l’article original distant : The forbidden topics">original</a>)</li>
      
        <li><a href="/david/cache/2022/dddffbc175fe6802b5e33a92ebc440ec/" title="Accès à l’article dans le cache local : Année 2022 en revue">Année 2022 en revue</a> (<a href="https://blog.hello-bokeh.fr/2022/12/30/annee-2022-en-revue/" title="Accès à l’article original distant : Année 2022 en revue">original</a>)</li>
        <li><a href="/david/cache/2023/dddffbc175fe6802b5e33a92ebc440ec/" title="Accès à l’article dans le cache local : Année 2022 en revue">Année 2022 en revue</a> (<a href="https://blog.hello-bokeh.fr/2022/12/30/annee-2022-en-revue/" title="Accès à l’article original distant : Année 2022 en revue">original</a>)</li>
      
        <li><a href="/david/cache/2022/90e565ff0043e34d7fcfc087d66555d3/" title="Accès à l’article dans le cache local : Lessons from Soviet Russia on deploying small nuclear generators">Lessons from Soviet Russia on deploying small nuclear generators</a> (<a href="https://daverupert.com/2023/05/soviet-rtgs/" title="Accès à l’article original distant : Lessons from Soviet Russia on deploying small nuclear generators">original</a>)</li>
        <li><a href="/david/cache/2023/90e565ff0043e34d7fcfc087d66555d3/" title="Accès à l’article dans le cache local : Lessons from Soviet Russia on deploying small nuclear generators">Lessons from Soviet Russia on deploying small nuclear generators</a> (<a href="https://daverupert.com/2023/05/soviet-rtgs/" title="Accès à l’article original distant : Lessons from Soviet Russia on deploying small nuclear generators">original</a>)</li>
      
        <li><a href="/david/cache/2022/6eef954bc8dd84322cf19ab38caf2ee3/" title="Accès à l’article dans le cache local : GitHub Copilot AI pair programmer: Asset or Liability?">GitHub Copilot AI pair programmer: Asset or Liability?</a> (<a href="https://www.sciencedirect.com/science/article/abs/pii/S0164121223001292" title="Accès à l’article original distant : GitHub Copilot AI pair programmer: Asset or Liability?">original</a>)</li>
        <li><a href="/david/cache/2023/6eef954bc8dd84322cf19ab38caf2ee3/" title="Accès à l’article dans le cache local : GitHub Copilot AI pair programmer: Asset or Liability?">GitHub Copilot AI pair programmer: Asset or Liability?</a> (<a href="https://www.sciencedirect.com/science/article/abs/pii/S0164121223001292" title="Accès à l’article original distant : GitHub Copilot AI pair programmer: Asset or Liability?">original</a>)</li>
      
        <li><a href="/david/cache/2022/4c5b3193ced812222ef1a6d53e3470aa/" title="Accès à l’article dans le cache local : Fast Path to a Great UX - Increased Exposure Hours">Fast Path to a Great UX - Increased Exposure Hours</a> (<a href="https://articles.uie.com/user_exposure_hours/" title="Accès à l’article original distant : Fast Path to a Great UX - Increased Exposure Hours">original</a>)</li>
        <li><a href="/david/cache/2023/4c5b3193ced812222ef1a6d53e3470aa/" title="Accès à l’article dans le cache local : Fast Path to a Great UX - Increased Exposure Hours">Fast Path to a Great UX - Increased Exposure Hours</a> (<a href="https://articles.uie.com/user_exposure_hours/" title="Accès à l’article original distant : Fast Path to a Great UX - Increased Exposure Hours">original</a>)</li>
      
        <li><a href="/david/cache/2022/89aa5bbfeaa7c8f2411980f99801359c/" title="Accès à l’article dans le cache local : AIs can write for us but will we actually want them to?">AIs can write for us but will we actually want them to?</a> (<a href="https://www.bryanbraun.com/2023/04/14/ais-can-write-for-us-but-will-we-want-them-to/" title="Accès à l’article original distant : AIs can write for us but will we actually want them to?">original</a>)</li>
        <li><a href="/david/cache/2023/89aa5bbfeaa7c8f2411980f99801359c/" title="Accès à l’article dans le cache local : AIs can write for us but will we actually want them to?">AIs can write for us but will we actually want them to?</a> (<a href="https://www.bryanbraun.com/2023/04/14/ais-can-write-for-us-but-will-we-want-them-to/" title="Accès à l’article original distant : AIs can write for us but will we actually want them to?">original</a>)</li>
      
        <li><a href="/david/cache/2022/1fb96c68665818ad66939956b9c4188c/" title="Accès à l’article dans le cache local : TJM - le Taux Journalier Militant">TJM - le Taux Journalier Militant</a> (<a href="https://www.24joursdeweb.fr/2022/tjm-tarif-journalier-militant/" title="Accès à l’article original distant : TJM - le Taux Journalier Militant">original</a>)</li>
        <li><a href="/david/cache/2023/1fb96c68665818ad66939956b9c4188c/" title="Accès à l’article dans le cache local : TJM - le Taux Journalier Militant">TJM - le Taux Journalier Militant</a> (<a href="https://www.24joursdeweb.fr/2022/tjm-tarif-journalier-militant/" title="Accès à l’article original distant : TJM - le Taux Journalier Militant">original</a>)</li>
      
        <li><a href="/david/cache/2022/745057669a6d4c8fd3c5ce1c5dd81b8c/" title="Accès à l’article dans le cache local : Network effect">Network effect</a> (<a href="https://bastianallgeier.com/notes/network-effect" title="Accès à l’article original distant : Network effect">original</a>)</li>
        <li><a href="/david/cache/2023/745057669a6d4c8fd3c5ce1c5dd81b8c/" title="Accès à l’article dans le cache local : Network effect">Network effect</a> (<a href="https://bastianallgeier.com/notes/network-effect" title="Accès à l’article original distant : Network effect">original</a>)</li>
      
        <li><a href="/david/cache/2022/f85d5742bb188e4b25d627b78413fbac/" title="Accès à l’article dans le cache local : I want to lose every debate.">I want to lose every debate.</a> (<a href="https://sive.rs/led" title="Accès à l’article original distant : I want to lose every debate.">original</a>)</li>
        <li><a href="/david/cache/2023/f85d5742bb188e4b25d627b78413fbac/" title="Accès à l’article dans le cache local : I want to lose every debate.">I want to lose every debate.</a> (<a href="https://sive.rs/led" title="Accès à l’article original distant : I want to lose every debate.">original</a>)</li>
      
        <li><a href="/david/cache/2022/cba96d83d96944c55675cb073fcfc60d/" title="Accès à l’article dans le cache local : ‘Snow Fall’ at 10: How It Changed Journalism">‘Snow Fall’ at 10: How It Changed Journalism</a> (<a href="https://www.nytimes.com/2022/12/23/insider/snow-fall-at-10-how-it-changed-journalism.html" title="Accès à l’article original distant : ‘Snow Fall’ at 10: How It Changed Journalism">original</a>)</li>
        <li><a href="/david/cache/2023/cba96d83d96944c55675cb073fcfc60d/" title="Accès à l’article dans le cache local : ‘Snow Fall’ at 10: How It Changed Journalism">‘Snow Fall’ at 10: How It Changed Journalism</a> (<a href="https://www.nytimes.com/2022/12/23/insider/snow-fall-at-10-how-it-changed-journalism.html" title="Accès à l’article original distant : ‘Snow Fall’ at 10: How It Changed Journalism">original</a>)</li>
      
        <li><a href="/david/cache/2022/328976d647ab5dbf9ff820f2cfe35e5a/" title="Accès à l’article dans le cache local : Why are people still flying to climate conferences by private jet?">Why are people still flying to climate conferences by private jet?</a> (<a href="https://theconversation.com/why-are-people-still-flying-to-climate-conferences-by-private-jet-218459" title="Accès à l’article original distant : Why are people still flying to climate conferences by private jet?">original</a>)</li>
        <li><a href="/david/cache/2023/328976d647ab5dbf9ff820f2cfe35e5a/" title="Accès à l’article dans le cache local : Why are people still flying to climate conferences by private jet?">Why are people still flying to climate conferences by private jet?</a> (<a href="https://theconversation.com/why-are-people-still-flying-to-climate-conferences-by-private-jet-218459" title="Accès à l’article original distant : Why are people still flying to climate conferences by private jet?">original</a>)</li>
      
        <li><a href="/david/cache/2022/339a862f8939f7ba8ae1524fa14f94c2/" title="Accès à l’article dans le cache local : The Price Developers Pay for Loving Their Tools Too Much">The Price Developers Pay for Loving Their Tools Too Much</a> (<a href="https://remotesynthesis.com/blog/the-price-of-developer-tools/" title="Accès à l’article original distant : The Price Developers Pay for Loving Their Tools Too Much">original</a>)</li>
        <li><a href="/david/cache/2023/339a862f8939f7ba8ae1524fa14f94c2/" title="Accès à l’article dans le cache local : The Price Developers Pay for Loving Their Tools Too Much">The Price Developers Pay for Loving Their Tools Too Much</a> (<a href="https://remotesynthesis.com/blog/the-price-of-developer-tools/" title="Accès à l’article original distant : The Price Developers Pay for Loving Their Tools Too Much">original</a>)</li>
      
        <li><a href="/david/cache/2022/8be5d8a651e8f8e211cfe10fd49bb3f0/" title="Accès à l’article dans le cache local : Pluralistic: Autoenshittification (24 July 2023)">Pluralistic: Autoenshittification (24 July 2023)</a> (<a href="https://pluralistic.net/2023/07/24/rent-to-pwn/" title="Accès à l’article original distant : Pluralistic: Autoenshittification (24 July 2023)">original</a>)</li>
        <li><a href="/david/cache/2023/8be5d8a651e8f8e211cfe10fd49bb3f0/" title="Accès à l’article dans le cache local : Pluralistic: Autoenshittification (24 July 2023)">Pluralistic: Autoenshittification (24 July 2023)</a> (<a href="https://pluralistic.net/2023/07/24/rent-to-pwn/" title="Accès à l’article original distant : Pluralistic: Autoenshittification (24 July 2023)">original</a>)</li>
      
        <li><a href="/david/cache/2022/5a9fa7db62f151b8a863b949ed4e9e5f/" title="Accès à l’article dans le cache local : How teams remember">How teams remember</a> (<a href="https://gilest.org/htr.html" title="Accès à l’article original distant : How teams remember">original</a>)</li>
        <li><a href="/david/cache/2023/5a9fa7db62f151b8a863b949ed4e9e5f/" title="Accès à l’article dans le cache local : How teams remember">How teams remember</a> (<a href="https://gilest.org/htr.html" title="Accès à l’article original distant : How teams remember">original</a>)</li>
      
        <li><a href="/david/cache/2022/3ca10b945c7517c2f234e3b9534bfb6d/" title="Accès à l’article dans le cache local : Software Maxims">Software Maxims</a> (<a href="https://www.softwaremaxims.com/blog/not-a-supplier" title="Accès à l’article original distant : Software Maxims">original</a>)</li>
        <li><a href="/david/cache/2023/3ca10b945c7517c2f234e3b9534bfb6d/" title="Accès à l’article dans le cache local : Software Maxims">Software Maxims</a> (<a href="https://www.softwaremaxims.com/blog/not-a-supplier" title="Accès à l’article original distant : Software Maxims">original</a>)</li>
      
        <li><a href="/david/cache/2022/25d41d569f637f8342c495139ccce8a8/" title="Accès à l’article dans le cache local : Stupeur et tremblements : comment faire fuir les développeuses expérimentées.">Stupeur et tremblements : comment faire fuir les développeuses expérimentées.</a> (<a href="https://www.duchess-france.fr/coup%20de%20gueule/sexisme/2023/03/06/stupeur-et-trembements.html" title="Accès à l’article original distant : Stupeur et tremblements : comment faire fuir les développeuses expérimentées.">original</a>)</li>
        <li><a href="/david/cache/2023/25d41d569f637f8342c495139ccce8a8/" title="Accès à l’article dans le cache local : Stupeur et tremblements : comment faire fuir les développeuses expérimentées.">Stupeur et tremblements : comment faire fuir les développeuses expérimentées.</a> (<a href="https://www.duchess-france.fr/coup%20de%20gueule/sexisme/2023/03/06/stupeur-et-trembements.html" title="Accès à l’article original distant : Stupeur et tremblements : comment faire fuir les développeuses expérimentées.">original</a>)</li>
      
        <li><a href="/david/cache/2022/1ac69ff7b6913bfc4298d9ec0365ca5b/" title="Accès à l’article dans le cache local : 'Weird Al' Yankovic Roasts Spotify in Year-End Wrapped Video">'Weird Al' Yankovic Roasts Spotify in Year-End Wrapped Video</a> (<a href="https://www.rollingstone.com/music/music-news/weird-al-yankovic-spotify-wrapped-video-criticism-1234905887/" title="Accès à l’article original distant : 'Weird Al' Yankovic Roasts Spotify in Year-End Wrapped Video">original</a>)</li>
        <li><a href="/david/cache/2023/1ac69ff7b6913bfc4298d9ec0365ca5b/" title="Accès à l’article dans le cache local : 'Weird Al' Yankovic Roasts Spotify in Year-End Wrapped Video">'Weird Al' Yankovic Roasts Spotify in Year-End Wrapped Video</a> (<a href="https://www.rollingstone.com/music/music-news/weird-al-yankovic-spotify-wrapped-video-criticism-1234905887/" title="Accès à l’article original distant : 'Weird Al' Yankovic Roasts Spotify in Year-End Wrapped Video">original</a>)</li>
      
        <li><a href="/david/cache/2022/62bf3ce6ef66e39b7f250a6123d92e66/" title="Accès à l’article dans le cache local : Erin Kissane">Erin Kissane</a> (<a href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow" title="Accès à l’article original distant : Erin Kissane">original</a>)</li>
        <li><a href="/david/cache/2023/62bf3ce6ef66e39b7f250a6123d92e66/" title="Accès à l’article dans le cache local : Erin Kissane">Erin Kissane</a> (<a href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow" title="Accès à l’article original distant : Erin Kissane">original</a>)</li>
      
        <li><a href="/david/cache/2022/230f8f7224199132de4ce030458536de/" title="Accès à l’article dans le cache local : The mounting human and environmental costs of generative AI">The mounting human and environmental costs of generative AI</a> (<a href="https://arstechnica.com/gadgets/2023/04/generative-ai-is-cool-but-lets-not-forget-its-human-and-environmental-costs/" title="Accès à l’article original distant : The mounting human and environmental costs of generative AI">original</a>)</li>
        <li><a href="/david/cache/2023/230f8f7224199132de4ce030458536de/" title="Accès à l’article dans le cache local : The mounting human and environmental costs of generative AI">The mounting human and environmental costs of generative AI</a> (<a href="https://arstechnica.com/gadgets/2023/04/generative-ai-is-cool-but-lets-not-forget-its-human-and-environmental-costs/" title="Accès à l’article original distant : The mounting human and environmental costs of generative AI">original</a>)</li>
      
        <li><a href="/david/cache/2022/73f0ab0b4336be702e863205bd1bbace/" title="Accès à l’article dans le cache local : I don’t want your data">I don’t want your data</a> (<a href="https://manuelmoreale.com/i-don-t-want-your-data" title="Accès à l’article original distant : I don’t want your data">original</a>)</li>
        <li><a href="/david/cache/2023/73f0ab0b4336be702e863205bd1bbace/" title="Accès à l’article dans le cache local : I don’t want your data">I don’t want your data</a> (<a href="https://manuelmoreale.com/i-don-t-want-your-data" title="Accès à l’article original distant : I don’t want your data">original</a>)</li>
      
        <li><a href="/david/cache/2022/20d288eb47779c4f1b3f36fb86aa7108/" title="Accès à l’article dans le cache local : File over app - Steph Ango">File over app - Steph Ango</a> (<a href="https://stephango.com/file-over-app" title="Accès à l’article original distant : File over app - Steph Ango">original</a>)</li>
        <li><a href="/david/cache/2023/20d288eb47779c4f1b3f36fb86aa7108/" title="Accès à l’article dans le cache local : File over app - Steph Ango">File over app - Steph Ango</a> (<a href="https://stephango.com/file-over-app" title="Accès à l’article original distant : File over app - Steph Ango">original</a>)</li>
      
        <li><a href="/david/cache/2022/9718ae2062146285e1c4f406240e04af/" title="Accès à l’article dans le cache local : An update on Robust Client-Side JavaScript">An update on Robust Client-Side JavaScript</a> (<a href="https://molily.de/update-on-robust-javascript/" title="Accès à l’article original distant : An update on Robust Client-Side JavaScript">original</a>)</li>
        <li><a href="/david/cache/2023/9718ae2062146285e1c4f406240e04af/" title="Accès à l’article dans le cache local : An update on Robust Client-Side JavaScript">An update on Robust Client-Side JavaScript</a> (<a href="https://molily.de/update-on-robust-javascript/" title="Accès à l’article original distant : An update on Robust Client-Side JavaScript">original</a>)</li>
      
        <li><a href="/david/cache/2022/63654b08ad9eda03b6bea8d1f82e2843/" title="Accès à l’article dans le cache local : Yearnotes #3 • détour.studio">Yearnotes #3 • détour.studio</a> (<a href="https://détour.studio/yearnotes/3/" title="Accès à l’article original distant : Yearnotes #3 • détour.studio">original</a>)</li>
        <li><a href="/david/cache/2023/63654b08ad9eda03b6bea8d1f82e2843/" title="Accès à l’article dans le cache local : Yearnotes #3 • détour.studio">Yearnotes #3 • détour.studio</a> (<a href="https://détour.studio/yearnotes/3/" title="Accès à l’article original distant : Yearnotes #3 • détour.studio">original</a>)</li>
      
        <li><a href="/david/cache/2022/b3accd4d0eb51c1628b85144224efa04/" title="Accès à l’article dans le cache local : A 'Green' Search Engine Sees Danger-and Opportunity-in the Generative AI Revolution">A 'Green' Search Engine Sees Danger-and Opportunity-in the Generative AI Revolution</a> (<a href="https://www.wired.com/story/search-engine-ecosia-generative-ai-revolution/" title="Accès à l’article original distant : A 'Green' Search Engine Sees Danger-and Opportunity-in the Generative AI Revolution">original</a>)</li>
        <li><a href="/david/cache/2023/b3accd4d0eb51c1628b85144224efa04/" title="Accès à l’article dans le cache local : A 'Green' Search Engine Sees Danger-and Opportunity-in the Generative AI Revolution">A 'Green' Search Engine Sees Danger-and Opportunity-in the Generative AI Revolution</a> (<a href="https://www.wired.com/story/search-engine-ecosia-generative-ai-revolution/" title="Accès à l’article original distant : A 'Green' Search Engine Sees Danger-and Opportunity-in the Generative AI Revolution">original</a>)</li>
      
        <li><a href="/david/cache/2022/5f93f91a46391e0e120dac49298857d1/" title="Accès à l’article dans le cache local : banlieue ou suburb">banlieue ou suburb</a> (<a href="https://www.la-grange.net/2023/03/03/suburb" title="Accès à l’article original distant : banlieue ou suburb">original</a>)</li>
        <li><a href="/david/cache/2023/5f93f91a46391e0e120dac49298857d1/" title="Accès à l’article dans le cache local : banlieue ou suburb">banlieue ou suburb</a> (<a href="https://www.la-grange.net/2023/03/03/suburb" title="Accès à l’article original distant : banlieue ou suburb">original</a>)</li>
      
        <li><a href="/david/cache/2022/58bdc0bd6ed37d5990d24384ee40022b/" title="Accès à l’article dans le cache local : Visualized: The 4 Billion Year Path of Human Evolution">Visualized: The 4 Billion Year Path of Human Evolution</a> (<a href="https://www.visualcapitalist.com/path-of-human-evolution/" title="Accès à l’article original distant : Visualized: The 4 Billion Year Path of Human Evolution">original</a>)</li>
        <li><a href="/david/cache/2023/58bdc0bd6ed37d5990d24384ee40022b/" title="Accès à l’article dans le cache local : Visualized: The 4 Billion Year Path of Human Evolution">Visualized: The 4 Billion Year Path of Human Evolution</a> (<a href="https://www.visualcapitalist.com/path-of-human-evolution/" title="Accès à l’article original distant : Visualized: The 4 Billion Year Path of Human Evolution">original</a>)</li>
      
        <li><a href="/david/cache/2022/a09b5bf450d2cf86fb9e9d6f13b070e0/" title="Accès à l’article dans le cache local : Clever Code Considered Harmful">Clever Code Considered Harmful</a> (<a href="https://www.joshwcomeau.com/career/clever-code-considered-harmful/" title="Accès à l’article original distant : Clever Code Considered Harmful">original</a>)</li>
        <li><a href="/david/cache/2023/a09b5bf450d2cf86fb9e9d6f13b070e0/" title="Accès à l’article dans le cache local : Clever Code Considered Harmful">Clever Code Considered Harmful</a> (<a href="https://www.joshwcomeau.com/career/clever-code-considered-harmful/" title="Accès à l’article original distant : Clever Code Considered Harmful">original</a>)</li>
      
        <li><a href="/david/cache/2022/daa39b64681b0574bbe189e80c8a4653/" title="Accès à l’article dans le cache local : I Was Wrong About Mastodon">I Was Wrong About Mastodon</a> (<a href="https://escapingtech.com/tech/opinions/i-was-wrong-about-mastodon-moderation.html" title="Accès à l’article original distant : I Was Wrong About Mastodon">original</a>)</li>
        <li><a href="/david/cache/2023/daa39b64681b0574bbe189e80c8a4653/" title="Accès à l’article dans le cache local : I Was Wrong About Mastodon">I Was Wrong About Mastodon</a> (<a href="https://escapingtech.com/tech/opinions/i-was-wrong-about-mastodon-moderation.html" title="Accès à l’article original distant : I Was Wrong About Mastodon">original</a>)</li>
      
        <li><a href="/david/cache/2022/3d3259256af967c84b199220b3a5244a/" title="Accès à l’article dans le cache local : Variability, Not Repetition, is the Key to Mastery">Variability, Not Repetition, is the Key to Mastery</a> (<a href="https://www.scotthyoung.com/blog/2022/10/26/variable-mastery/" title="Accès à l’article original distant : Variability, Not Repetition, is the Key to Mastery">original</a>)</li>
        <li><a href="/david/cache/2023/3d3259256af967c84b199220b3a5244a/" title="Accès à l’article dans le cache local : Variability, Not Repetition, is the Key to Mastery">Variability, Not Repetition, is the Key to Mastery</a> (<a href="https://www.scotthyoung.com/blog/2022/10/26/variable-mastery/" title="Accès à l’article original distant : Variability, Not Repetition, is the Key to Mastery">original</a>)</li>
      
        <li><a href="/david/cache/2022/660b2a27b116787ac44e536e6c9dbcd3/" title="Accès à l’article dans le cache local : Vibe Driven Development">Vibe Driven Development</a> (<a href="https://www.robinrendle.com/notes/vibe-driven-development/" title="Accès à l’article original distant : Vibe Driven Development">original</a>)</li>
        <li><a href="/david/cache/2023/660b2a27b116787ac44e536e6c9dbcd3/" title="Accès à l’article dans le cache local : Vibe Driven Development">Vibe Driven Development</a> (<a href="https://www.robinrendle.com/notes/vibe-driven-development/" title="Accès à l’article original distant : Vibe Driven Development">original</a>)</li>
      
        <li><a href="/david/cache/2022/57fcca8aa6194cb2840d1dea002cb59b/" title="Accès à l’article dans le cache local : The Rise of GitHub in Scholarly Publications">The Rise of GitHub in Scholarly Publications</a> (<a href="https://arxiv.org/abs/2208.04895" title="Accès à l’article original distant : The Rise of GitHub in Scholarly Publications">original</a>)</li>
        <li><a href="/david/cache/2023/57fcca8aa6194cb2840d1dea002cb59b/" title="Accès à l’article dans le cache local : The Rise of GitHub in Scholarly Publications">The Rise of GitHub in Scholarly Publications</a> (<a href="https://arxiv.org/abs/2208.04895" title="Accès à l’article original distant : The Rise of GitHub in Scholarly Publications">original</a>)</li>
      
        <li><a href="/david/cache/2022/d7f9460e62402a298210736cdf64b88c/" title="Accès à l’article dans le cache local : 7 Reasons why I don’t write">7 Reasons why I don’t write</a> (<a href="https://mxb.dev/blog/seven-reasons-why-i-dont-write/" title="Accès à l’article original distant : 7 Reasons why I don’t write">original</a>)</li>
        <li><a href="/david/cache/2023/d7f9460e62402a298210736cdf64b88c/" title="Accès à l’article dans le cache local : 7 Reasons why I don’t write">7 Reasons why I don’t write</a> (<a href="https://mxb.dev/blog/seven-reasons-why-i-dont-write/" title="Accès à l’article original distant : 7 Reasons why I don’t write">original</a>)</li>
      
        <li><a href="/david/cache/2022/e6c79911a93db53d87a80281d0037b97/" title="Accès à l’article dans le cache local : Killing Community">Killing Community</a> (<a href="https://www.marginalia.nu/log/82_killing_community/" title="Accès à l’article original distant : Killing Community">original</a>)</li>
        <li><a href="/david/cache/2023/e6c79911a93db53d87a80281d0037b97/" title="Accès à l’article dans le cache local : Killing Community">Killing Community</a> (<a href="https://www.marginalia.nu/log/82_killing_community/" title="Accès à l’article original distant : Killing Community">original</a>)</li>
      
        <li><a href="/david/cache/2022/4a485034e94dc6123a624e8a589e8dac/" title="Accès à l’article dans le cache local : Poking around OpenAI.">Poking around OpenAI.</a> (<a href="https://lethain.com/openai-exploration/" title="Accès à l’article original distant : Poking around OpenAI.">original</a>)</li>
        <li><a href="/david/cache/2023/4a485034e94dc6123a624e8a589e8dac/" title="Accès à l’article dans le cache local : Poking around OpenAI.">Poking around OpenAI.</a> (<a href="https://lethain.com/openai-exploration/" title="Accès à l’article original distant : Poking around OpenAI.">original</a>)</li>
      
        <li><a href="/david/cache/2022/ccb1821caf1a27ed2a2e9a92a26d0b65/" title="Accès à l’article dans le cache local : The one about AI">The one about AI</a> (<a href="https://macwright.com/2023/04/15/ai.html" title="Accès à l’article original distant : The one about AI">original</a>)</li>
        <li><a href="/david/cache/2023/ccb1821caf1a27ed2a2e9a92a26d0b65/" title="Accès à l’article dans le cache local : The one about AI">The one about AI</a> (<a href="https://macwright.com/2023/04/15/ai.html" title="Accès à l’article original distant : The one about AI">original</a>)</li>
      
        <li><a href="/david/cache/2022/392138accbdaee722a669834da5f1a8d/" title="Accès à l’article dans le cache local : Farandole de projets">Farandole de projets</a> (<a href="https://marienfressinaud.fr/farandole-de-projets.html" title="Accès à l’article original distant : Farandole de projets">original</a>)</li>
        <li><a href="/david/cache/2023/392138accbdaee722a669834da5f1a8d/" title="Accès à l’article dans le cache local : Farandole de projets">Farandole de projets</a> (<a href="https://marienfressinaud.fr/farandole-de-projets.html" title="Accès à l’article original distant : Farandole de projets">original</a>)</li>
      
        <li><a href="/david/cache/2022/81eb35bbd276cb28230820176152af87/" title="Accès à l’article dans le cache local : It’s Official: Cars Are the Worst Product Category We Have Ever Reviewed for Privacy">It’s Official: Cars Are the Worst Product Category We Have Ever Reviewed for Privacy</a> (<a href="https://foundation.mozilla.org/en/privacynotincluded/articles/its-official-cars-are-the-worst-product-category-we-have-ever-reviewed-for-privacy/" title="Accès à l’article original distant : It’s Official: Cars Are the Worst Product Category We Have Ever Reviewed for Privacy">original</a>)</li>
        <li><a href="/david/cache/2023/81eb35bbd276cb28230820176152af87/" title="Accès à l’article dans le cache local : It’s Official: Cars Are the Worst Product Category We Have Ever Reviewed for Privacy">It’s Official: Cars Are the Worst Product Category We Have Ever Reviewed for Privacy</a> (<a href="https://foundation.mozilla.org/en/privacynotincluded/articles/its-official-cars-are-the-worst-product-category-we-have-ever-reviewed-for-privacy/" title="Accès à l’article original distant : It’s Official: Cars Are the Worst Product Category We Have Ever Reviewed for Privacy">original</a>)</li>
      
        <li><a href="/david/cache/2022/32448878bfcad6dd5d1bcb2b626f1a9d/" title="Accès à l’article dans le cache local : La conférence Web surtout Humaine">La conférence Web surtout Humaine</a> (<a href="https://sudweb.fr/2023/" title="Accès à l’article original distant : La conférence Web surtout Humaine">original</a>)</li>
        <li><a href="/david/cache/2023/32448878bfcad6dd5d1bcb2b626f1a9d/" title="Accès à l’article dans le cache local : La conférence Web surtout Humaine">La conférence Web surtout Humaine</a> (<a href="https://sudweb.fr/2023/" title="Accès à l’article original distant : La conférence Web surtout Humaine">original</a>)</li>
      
        <li><a href="/david/cache/2022/fb08217a583922fd319fabb55f34a4f3/" title="Accès à l’article dans le cache local : A community isn’t a garden, it’s a bar.">A community isn’t a garden, it’s a bar.</a> (<a href="https://powazek.com/posts/3571" title="Accès à l’article original distant : A community isn’t a garden, it’s a bar.">original</a>)</li>
        <li><a href="/david/cache/2023/fb08217a583922fd319fabb55f34a4f3/" title="Accès à l’article dans le cache local : A community isn’t a garden, it’s a bar.">A community isn’t a garden, it’s a bar.</a> (<a href="https://powazek.com/posts/3571" title="Accès à l’article original distant : A community isn’t a garden, it’s a bar.">original</a>)</li>
      
        <li><a href="/david/cache/2022/478260db4b078551676bf263cbeeaa52/" title="Accès à l’article dans le cache local : Basics, Tips and Tricks on how to use Markdown">Basics, Tips and Tricks on how to use Markdown</a> (<a href="https://ia.net/writer/support/basics/markdown-guide" title="Accès à l’article original distant : Basics, Tips and Tricks on how to use Markdown">original</a>)</li>
        <li><a href="/david/cache/2023/478260db4b078551676bf263cbeeaa52/" title="Accès à l’article dans le cache local : Basics, Tips and Tricks on how to use Markdown">Basics, Tips and Tricks on how to use Markdown</a> (<a href="https://ia.net/writer/support/basics/markdown-guide" title="Accès à l’article original distant : Basics, Tips and Tricks on how to use Markdown">original</a>)</li>
      
        <li><a href="/david/cache/2022/3b05eb0d7d0409bcfd53b4cdf6c20daa/" title="Accès à l’article dans le cache local : The yaml document from hell">The yaml document from hell</a> (<a href="https://ruudvanasseldonk.com/2023/01/11/the-yaml-document-from-hell" title="Accès à l’article original distant : The yaml document from hell">original</a>)</li>
        <li><a href="/david/cache/2023/3b05eb0d7d0409bcfd53b4cdf6c20daa/" title="Accès à l’article dans le cache local : The yaml document from hell">The yaml document from hell</a> (<a href="https://ruudvanasseldonk.com/2023/01/11/the-yaml-document-from-hell" title="Accès à l’article original distant : The yaml document from hell">original</a>)</li>
      
        <li><a href="/david/cache/2022/afa0aae212698b71118868d36d50a747/" title="Accès à l’article dans le cache local : We need to talk about your Github addiction">We need to talk about your Github addiction</a> (<a href="https://ploum.net/2023-02-22-leaving-github.html" title="Accès à l’article original distant : We need to talk about your Github addiction">original</a>)</li>
        <li><a href="/david/cache/2023/afa0aae212698b71118868d36d50a747/" title="Accès à l’article dans le cache local : We need to talk about your Github addiction">We need to talk about your Github addiction</a> (<a href="https://ploum.net/2023-02-22-leaving-github.html" title="Accès à l’article original distant : We need to talk about your Github addiction">original</a>)</li>
      
        <li><a href="/david/cache/2022/7258248bb534fddb277bf6148cd3ffbf/" title="Accès à l’article dans le cache local : Reentry | A Working Library">Reentry | A Working Library</a> (<a href="https://aworkinglibrary.com/writing/reentry" title="Accès à l’article original distant : Reentry | A Working Library">original</a>)</li>
        <li><a href="/david/cache/2023/7258248bb534fddb277bf6148cd3ffbf/" title="Accès à l’article dans le cache local : Reentry | A Working Library">Reentry | A Working Library</a> (<a href="https://aworkinglibrary.com/writing/reentry" title="Accès à l’article original distant : Reentry | A Working Library">original</a>)</li>
      
        <li><a href="/david/cache/2022/e29bd9361e89e31ac21ee21180ec1dfb/" title="Accès à l’article dans le cache local : Un coup d’œil sous le capot">Un coup d’œil sous le capot</a> (<a href="https://blog.gandi.net/fr/posts/un-coup-d-oeil-sous-le-capot/" title="Accès à l’article original distant : Un coup d’œil sous le capot">original</a>)</li>
        <li><a href="/david/cache/2023/e29bd9361e89e31ac21ee21180ec1dfb/" title="Accès à l’article dans le cache local : Un coup d’œil sous le capot">Un coup d’œil sous le capot</a> (<a href="https://blog.gandi.net/fr/posts/un-coup-d-oeil-sous-le-capot/" title="Accès à l’article original distant : Un coup d’œil sous le capot">original</a>)</li>
      
        <li><a href="/david/cache/2022/096a44a83d8d3f2bdfd21e3d378e4719/" title="Accès à l’article dans le cache local : Aller voir les aurores boréales en train">Aller voir les aurores boréales en train</a> (<a href="https://blog.professeurjoachim.com/billet/2023-03-31-aller-voir-les-aurores-boreales-en-train" title="Accès à l’article original distant : Aller voir les aurores boréales en train">original</a>)</li>
        <li><a href="/david/cache/2023/096a44a83d8d3f2bdfd21e3d378e4719/" title="Accès à l’article dans le cache local : Aller voir les aurores boréales en train">Aller voir les aurores boréales en train</a> (<a href="https://blog.professeurjoachim.com/billet/2023-03-31-aller-voir-les-aurores-boreales-en-train" title="Accès à l’article original distant : Aller voir les aurores boréales en train">original</a>)</li>
      
        <li><a href="/david/cache/2022/37b0c9d01d6f788bee398b64377cb6c1/" title="Accès à l’article dans le cache local : Propriété par Fanny Cheung">Propriété par Fanny Cheung</a> (<a href="https://ynote.hk/mots/argent/propriete.html" title="Accès à l’article original distant : Propriété par Fanny Cheung">original</a>)</li>
        <li><a href="/david/cache/2023/37b0c9d01d6f788bee398b64377cb6c1/" title="Accès à l’article dans le cache local : Propriété par Fanny Cheung">Propriété par Fanny Cheung</a> (<a href="https://ynote.hk/mots/argent/propriete.html" title="Accès à l’article original distant : Propriété par Fanny Cheung">original</a>)</li>
      
        <li><a href="/david/cache/2022/acb867f0c6a744d9a06cd82cd9da002e/" title="Accès à l’article dans le cache local : Which emoji scissors close">Which emoji scissors close</a> (<a href="https://wh0.github.io/2020/01/02/scissors.html" title="Accès à l’article original distant : Which emoji scissors close">original</a>)</li>
        <li><a href="/david/cache/2023/acb867f0c6a744d9a06cd82cd9da002e/" title="Accès à l’article dans le cache local : Which emoji scissors close">Which emoji scissors close</a> (<a href="https://wh0.github.io/2020/01/02/scissors.html" title="Accès à l’article original distant : Which emoji scissors close">original</a>)</li>
      
        <li><a href="/david/cache/2022/4b5bae499ad13fe0f5413d8c7b77c09a/" title="Accès à l’article dans le cache local : Understanding A Protocol">Understanding A Protocol</a> (<a href="https://aeracode.org/2022/12/05/understanding-a-protocol/" title="Accès à l’article original distant : Understanding A Protocol">original</a>)</li>
        <li><a href="/david/cache/2023/4b5bae499ad13fe0f5413d8c7b77c09a/" title="Accès à l’article dans le cache local : Understanding A Protocol">Understanding A Protocol</a> (<a href="https://aeracode.org/2022/12/05/understanding-a-protocol/" title="Accès à l’article original distant : Understanding A Protocol">original</a>)</li>
      
        <li><a href="/david/cache/2022/669f9d9d8f0c6cfb8131887c17eecfa9/" title="Accès à l’article dans le cache local : Why the super rich are inevitable">Why the super rich are inevitable</a> (<a href="https://pudding.cool/2022/12/yard-sale/" title="Accès à l’article original distant : Why the super rich are inevitable">original</a>)</li>
        <li><a href="/david/cache/2023/669f9d9d8f0c6cfb8131887c17eecfa9/" title="Accès à l’article dans le cache local : Why the super rich are inevitable">Why the super rich are inevitable</a> (<a href="https://pudding.cool/2022/12/yard-sale/" title="Accès à l’article original distant : Why the super rich are inevitable">original</a>)</li>
      
        <li><a href="/david/cache/2022/3f4be4add2995420dc6be529f1032e46/" title="Accès à l’article dans le cache local : Energy makes time">Energy makes time</a> (<a href="https://everythingchanges.us/blog/energy-makes-time/" title="Accès à l’article original distant : Energy makes time">original</a>)</li>
        <li><a href="/david/cache/2023/3f4be4add2995420dc6be529f1032e46/" title="Accès à l’article dans le cache local : Energy makes time">Energy makes time</a> (<a href="https://everythingchanges.us/blog/energy-makes-time/" title="Accès à l’article original distant : Energy makes time">original</a>)</li>
      
        <li><a href="/david/cache/2022/6c69f245e09fb696b43afa54240b4148/" title="Accès à l’article dans le cache local : Ces stéréotypes qui nuisent aux femmes au travail">Ces stéréotypes qui nuisent aux femmes au travail</a> (<a href="https://koalie.blog/2023/03/11/ces-stereotypes-qui-nuisent-aux-femmes-au-travail/" title="Accès à l’article original distant : Ces stéréotypes qui nuisent aux femmes au travail">original</a>)</li>
        <li><a href="/david/cache/2023/6c69f245e09fb696b43afa54240b4148/" title="Accès à l’article dans le cache local : Ces stéréotypes qui nuisent aux femmes au travail">Ces stéréotypes qui nuisent aux femmes au travail</a> (<a href="https://koalie.blog/2023/03/11/ces-stereotypes-qui-nuisent-aux-femmes-au-travail/" title="Accès à l’article original distant : Ces stéréotypes qui nuisent aux femmes au travail">original</a>)</li>
      
        <li><a href="/david/cache/2022/7ff62009f21336b8eb54ea18261bcfb7/" title="Accès à l’article dans le cache local : JavaScript, Community">JavaScript, Community</a> (<a href="https://www.zachleat.com/web/javascript-community/" title="Accès à l’article original distant : JavaScript, Community">original</a>)</li>
        <li><a href="/david/cache/2023/7ff62009f21336b8eb54ea18261bcfb7/" title="Accès à l’article dans le cache local : JavaScript, Community">JavaScript, Community</a> (<a href="https://www.zachleat.com/web/javascript-community/" title="Accès à l’article original distant : JavaScript, Community">original</a>)</li>
      
        <li><a href="/david/cache/2022/543d854b54593b8bf1adc2c491468bca/" title="Accès à l’article dans le cache local : La blogchain - Carnet de notes">La blogchain - Carnet de notes</a> (<a href="https://n.survol.fr/n/la-blogchain" title="Accès à l’article original distant : La blogchain - Carnet de notes">original</a>)</li>
        <li><a href="/david/cache/2023/543d854b54593b8bf1adc2c491468bca/" title="Accès à l’article dans le cache local : La blogchain - Carnet de notes">La blogchain - Carnet de notes</a> (<a href="https://n.survol.fr/n/la-blogchain" title="Accès à l’article original distant : La blogchain - Carnet de notes">original</a>)</li>
      
        <li><a href="/david/cache/2022/d1545c8cf9387ad9b0c98020c7ccfe61/" title="Accès à l’article dans le cache local : Scattered ChatGPT thoughts">Scattered ChatGPT thoughts</a> (<a href="https://notebook.wesleyac.com/gpt-ugh/" title="Accès à l’article original distant : Scattered ChatGPT thoughts">original</a>)</li>
        <li><a href="/david/cache/2023/d1545c8cf9387ad9b0c98020c7ccfe61/" title="Accès à l’article dans le cache local : Scattered ChatGPT thoughts">Scattered ChatGPT thoughts</a> (<a href="https://notebook.wesleyac.com/gpt-ugh/" title="Accès à l’article original distant : Scattered ChatGPT thoughts">original</a>)</li>
      
        <li><a href="/david/cache/2022/576a604fce44b337a38425c021b3b0b3/" title="Accès à l’article dans le cache local : The Best Time to Own a Domain Was 20 Years Ago; The Second Best Time Is Today">The Best Time to Own a Domain Was 20 Years Ago; The Second Best Time Is Today</a> (<a href="https://blog.jim-nielsen.com/2023/best-time-to-own-a-domain/" title="Accès à l’article original distant : The Best Time to Own a Domain Was 20 Years Ago; The Second Best Time Is Today">original</a>)</li>
        <li><a href="/david/cache/2023/576a604fce44b337a38425c021b3b0b3/" title="Accès à l’article dans le cache local : The Best Time to Own a Domain Was 20 Years Ago; The Second Best Time Is Today">The Best Time to Own a Domain Was 20 Years Ago; The Second Best Time Is Today</a> (<a href="https://blog.jim-nielsen.com/2023/best-time-to-own-a-domain/" title="Accès à l’article original distant : The Best Time to Own a Domain Was 20 Years Ago; The Second Best Time Is Today">original</a>)</li>
      
        <li><a href="/david/cache/2022/ef356702864a79503a82ed2e288dd6fb/" title="Accès à l’article dans le cache local : An Anchor - Mark Boulton">An Anchor - Mark Boulton</a> (<a href="https://markboulton.co.uk/journal/an-anchor/" title="Accès à l’article original distant : An Anchor - Mark Boulton">original</a>)</li>
        <li><a href="/david/cache/2023/ef356702864a79503a82ed2e288dd6fb/" title="Accès à l’article dans le cache local : An Anchor - Mark Boulton">An Anchor - Mark Boulton</a> (<a href="https://markboulton.co.uk/journal/an-anchor/" title="Accès à l’article original distant : An Anchor - Mark Boulton">original</a>)</li>
      
        <li><a href="/david/cache/2022/d6877059a2203cab6c811c5ee3148c17/" title="Accès à l’article dans le cache local : Les Drôles Nouvelles de l'Energie">Les Drôles Nouvelles de l'Energie</a> (<a href="https://www.2000watts.org/index.php/home/reflexion/1317-les-droles-nouvelles-de-l-energie.html" title="Accès à l’article original distant : Les Drôles Nouvelles de l'Energie">original</a>)</li>
        <li><a href="/david/cache/2023/d6877059a2203cab6c811c5ee3148c17/" title="Accès à l’article dans le cache local : Les Drôles Nouvelles de l'Energie">Les Drôles Nouvelles de l'Energie</a> (<a href="https://www.2000watts.org/index.php/home/reflexion/1317-les-droles-nouvelles-de-l-energie.html" title="Accès à l’article original distant : Les Drôles Nouvelles de l'Energie">original</a>)</li>
      
        <li><a href="/david/cache/2022/36a8b8a87633796d41c2574720812594/" title="Accès à l’article dans le cache local : Writing Is Magic">Writing Is Magic</a> (<a href="https://brooker.co.za/blog/2022/11/08/writing.html" title="Accès à l’article original distant : Writing Is Magic">original</a>)</li>
        <li><a href="/david/cache/2023/36a8b8a87633796d41c2574720812594/" title="Accès à l’article dans le cache local : Writing Is Magic">Writing Is Magic</a> (<a href="https://brooker.co.za/blog/2022/11/08/writing.html" title="Accès à l’article original distant : Writing Is Magic">original</a>)</li>
      
        <li><a href="/david/cache/2022/09c0739036ea4a8b6c985e127fe7e3c8/" title="Accès à l’article dans le cache local : ☕️ Journal : Carnets">☕️ Journal : Carnets</a> (<a href="https://thom4.net/2023/02/01/carnets/" title="Accès à l’article original distant : ☕️ Journal : Carnets">original</a>)</li>
        <li><a href="/david/cache/2023/09c0739036ea4a8b6c985e127fe7e3c8/" title="Accès à l’article dans le cache local : ☕️ Journal : Carnets">☕️ Journal : Carnets</a> (<a href="https://thom4.net/2023/02/01/carnets/" title="Accès à l’article original distant : ☕️ Journal : Carnets">original</a>)</li>
      
        <li><a href="/david/cache/2022/f23d043d8e99f2af5fcf1b970f98744a/" title="Accès à l’article dans le cache local : Artificial General Intelligence and the bird brains of Silicon Valley">Artificial General Intelligence and the bird brains of Silicon Valley</a> (<a href="https://softwarecrisis.dev/letters/ai-bird-brains-silicon-valley/" title="Accès à l’article original distant : Artificial General Intelligence and the bird brains of Silicon Valley">original</a>)</li>
        <li><a href="/david/cache/2023/f23d043d8e99f2af5fcf1b970f98744a/" title="Accès à l’article dans le cache local : Artificial General Intelligence and the bird brains of Silicon Valley">Artificial General Intelligence and the bird brains of Silicon Valley</a> (<a href="https://softwarecrisis.dev/letters/ai-bird-brains-silicon-valley/" title="Accès à l’article original distant : Artificial General Intelligence and the bird brains of Silicon Valley">original</a>)</li>
      
        <li><a href="/david/cache/2022/2782723c95c98a22087e9954b07a8fba/" title="Accès à l’article dans le cache local : The #ViewSource Affordance">The #ViewSource Affordance</a> (<a href="https://htmx.org/essays/right-click-view-source/" title="Accès à l’article original distant : The #ViewSource Affordance">original</a>)</li>
        <li><a href="/david/cache/2023/2782723c95c98a22087e9954b07a8fba/" title="Accès à l’article dans le cache local : The #ViewSource Affordance">The #ViewSource Affordance</a> (<a href="https://htmx.org/essays/right-click-view-source/" title="Accès à l’article original distant : The #ViewSource Affordance">original</a>)</li>
      
        <li><a href="/david/cache/2022/462022ad2f27ff57387e9d0f49e96bad/" title="Accès à l’article dans le cache local : Shoebox — Work by Giles Turnbull">Shoebox — Work by Giles Turnbull</a> (<a href="https://gilest.org/shoebox.html" title="Accès à l’article original distant : Shoebox — Work by Giles Turnbull">original</a>)</li>
        <li><a href="/david/cache/2023/462022ad2f27ff57387e9d0f49e96bad/" title="Accès à l’article dans le cache local : Shoebox — Work by Giles Turnbull">Shoebox — Work by Giles Turnbull</a> (<a href="https://gilest.org/shoebox.html" title="Accès à l’article original distant : Shoebox — Work by Giles Turnbull">original</a>)</li>
      
        <li><a href="/david/cache/2022/98a93dedbf2eb7665680ec6b1bb31e8c/" title="Accès à l’article dans le cache local : 10 Films By Indigenous Filmmakers To Watch Instead Of Avatar: The Way Of Water">10 Films By Indigenous Filmmakers To Watch Instead Of Avatar: The Way Of Water</a> (<a href="https://www.cbr.com/better-movies-than-camerons-avatar-2-inigenous-creators/" title="Accès à l’article original distant : 10 Films By Indigenous Filmmakers To Watch Instead Of Avatar: The Way Of Water">original</a>)</li>
        <li><a href="/david/cache/2023/98a93dedbf2eb7665680ec6b1bb31e8c/" title="Accès à l’article dans le cache local : 10 Films By Indigenous Filmmakers To Watch Instead Of Avatar: The Way Of Water">10 Films By Indigenous Filmmakers To Watch Instead Of Avatar: The Way Of Water</a> (<a href="https://www.cbr.com/better-movies-than-camerons-avatar-2-inigenous-creators/" title="Accès à l’article original distant : 10 Films By Indigenous Filmmakers To Watch Instead Of Avatar: The Way Of Water">original</a>)</li>
      
        <li><a href="/david/cache/2022/08f83e8893cad4d5a2eb6a560f73dd65/" title="Accès à l’article dans le cache local : Expérimentations GPTiennes: assistant vocal">Expérimentations GPTiennes: assistant vocal</a> (<a href="http://dataholic.ca/2023/04/05/gpt-assistant-vocal/" title="Accès à l’article original distant : Expérimentations GPTiennes: assistant vocal">original</a>)</li>
        <li><a href="/david/cache/2023/08f83e8893cad4d5a2eb6a560f73dd65/" title="Accès à l’article dans le cache local : Expérimentations GPTiennes: assistant vocal">Expérimentations GPTiennes: assistant vocal</a> (<a href="http://dataholic.ca/2023/04/05/gpt-assistant-vocal/" title="Accès à l’article original distant : Expérimentations GPTiennes: assistant vocal">original</a>)</li>
      
        <li><a href="/david/cache/2022/614fe609b04719e7835fc0717b99c1c6/" title="Accès à l’article dans le cache local : Retraite : la fin du “bonheur différé”, par Denis Maillard">Retraite : la fin du “bonheur différé”, par Denis Maillard</a> (<a href="https://www.philomag.com/articles/retraite-la-fin-du-bonheur-differe-par-denis-maillard" title="Accès à l’article original distant : Retraite : la fin du “bonheur différé”, par Denis Maillard">original</a>)</li>
        <li><a href="/david/cache/2023/614fe609b04719e7835fc0717b99c1c6/" title="Accès à l’article dans le cache local : Retraite : la fin du “bonheur différé”, par Denis Maillard">Retraite : la fin du “bonheur différé”, par Denis Maillard</a> (<a href="https://www.philomag.com/articles/retraite-la-fin-du-bonheur-differe-par-denis-maillard" title="Accès à l’article original distant : Retraite : la fin du “bonheur différé”, par Denis Maillard">original</a>)</li>
      
        <li><a href="/david/cache/2022/42b4db67c4daf075941dc387d6be4aaf/" title="Accès à l’article dans le cache local : ETC-ISTE : Bonne année">ETC-ISTE : Bonne année</a> (<a href="http://etc-iste.blogspot.com/2022/12/bonne-annee.html" title="Accès à l’article original distant : ETC-ISTE : Bonne année">original</a>)</li>
        <li><a href="/david/cache/2023/42b4db67c4daf075941dc387d6be4aaf/" title="Accès à l’article dans le cache local : ETC-ISTE : Bonne année">ETC-ISTE : Bonne année</a> (<a href="http://etc-iste.blogspot.com/2022/12/bonne-annee.html" title="Accès à l’article original distant : ETC-ISTE : Bonne année">original</a>)</li>
      
        <li><a href="/david/cache/2022/e976e16ee3e2dae4d644733ffb50fa9f/" title="Accès à l’article dans le cache local : J’ai un aveu à vous faire.">J’ai un aveu à vous faire.</a> (<a href="https://sebsauvage.net/links/?-wKcIw" title="Accès à l’article original distant : J’ai un aveu à vous faire.">original</a>)</li>
        <li><a href="/david/cache/2023/e976e16ee3e2dae4d644733ffb50fa9f/" title="Accès à l’article dans le cache local : J’ai un aveu à vous faire.">J’ai un aveu à vous faire.</a> (<a href="https://sebsauvage.net/links/?-wKcIw" title="Accès à l’article original distant : J’ai un aveu à vous faire.">original</a>)</li>
      
        <li><a href="/david/cache/2022/3cffe9d9946878273e050e9d35d9bf9e/" title="Accès à l’article dans le cache local : Exploratrices, un prototype de jeu vidéo">Exploratrices, un prototype de jeu vidéo</a> (<a href="https://marienfressinaud.fr/exploratrices.html" title="Accès à l’article original distant : Exploratrices, un prototype de jeu vidéo">original</a>)</li>
        <li><a href="/david/cache/2023/3cffe9d9946878273e050e9d35d9bf9e/" title="Accès à l’article dans le cache local : Exploratrices, un prototype de jeu vidéo">Exploratrices, un prototype de jeu vidéo</a> (<a href="https://marienfressinaud.fr/exploratrices.html" title="Accès à l’article original distant : Exploratrices, un prototype de jeu vidéo">original</a>)</li>
      
        <li><a href="/david/cache/2022/f9e282fb545b5c1f50dfa1c0d98c50e3/" title="Accès à l’article dans le cache local : South Pole Topography">South Pole Topography</a> (<a href="https://brr.fyi/posts/south-pole-topography" title="Accès à l’article original distant : South Pole Topography">original</a>)</li>
        <li><a href="/david/cache/2023/f9e282fb545b5c1f50dfa1c0d98c50e3/" title="Accès à l’article dans le cache local : South Pole Topography">South Pole Topography</a> (<a href="https://brr.fyi/posts/south-pole-topography" title="Accès à l’article original distant : South Pole Topography">original</a>)</li>
      
        <li><a href="/david/cache/2022/0568befa90d2b39c0694d4c7ffc3cd73/" title="Accès à l’article dans le cache local : Don't believe ChatGPT - we do NOT offer a "phone lookup" service">Don't believe ChatGPT - we do NOT offer a "phone lookup" service</a> (<a href="https://blog.opencagedata.com/post/dont-believe-chatgpt" title="Accès à l’article original distant : Don't believe ChatGPT - we do NOT offer a "phone lookup" service">original</a>)</li>
        <li><a href="/david/cache/2023/0568befa90d2b39c0694d4c7ffc3cd73/" title="Accès à l’article dans le cache local : Don't believe ChatGPT - we do NOT offer a "phone lookup" service">Don't believe ChatGPT - we do NOT offer a "phone lookup" service</a> (<a href="https://blog.opencagedata.com/post/dont-believe-chatgpt" title="Accès à l’article original distant : Don't believe ChatGPT - we do NOT offer a "phone lookup" service">original</a>)</li>
      
        <li><a href="/david/cache/2022/19a9d6fbfc9b17021f013e71ffb45593/" title="Accès à l’article dans le cache local : endroit de l’envers">endroit de l’envers</a> (<a href="https://www.la-grange.net/2023/03/15/envers" title="Accès à l’article original distant : endroit de l’envers">original</a>)</li>
        <li><a href="/david/cache/2023/19a9d6fbfc9b17021f013e71ffb45593/" title="Accès à l’article dans le cache local : endroit de l’envers">endroit de l’envers</a> (<a href="https://www.la-grange.net/2023/03/15/envers" title="Accès à l’article original distant : endroit de l’envers">original</a>)</li>
      
        <li><a href="/david/cache/2022/a0ccec7acb932e4155960c1c88d65eff/" title="Accès à l’article dans le cache local : La mission de Deuxfleurs">La mission de Deuxfleurs</a> (<a href="https://plume.deuxfleurs.fr/~/Deuxfleurs/La%20mission%20de%20Deuxfleurs" title="Accès à l’article original distant : La mission de Deuxfleurs">original</a>)</li>
        <li><a href="/david/cache/2023/a0ccec7acb932e4155960c1c88d65eff/" title="Accès à l’article dans le cache local : La mission de Deuxfleurs">La mission de Deuxfleurs</a> (<a href="https://plume.deuxfleurs.fr/~/Deuxfleurs/La%20mission%20de%20Deuxfleurs" title="Accès à l’article original distant : La mission de Deuxfleurs">original</a>)</li>
      
        <li><a href="/david/cache/2022/482252d2b8806e99bc30ffab2b2c51c9/" title="Accès à l’article dans le cache local : Des questions · Boris Schapira">Des questions · Boris Schapira</a> (<a href="https://boris.schapira.dev/notes/2023-02-des-questions/" title="Accès à l’article original distant : Des questions · Boris Schapira">original</a>)</li>
        <li><a href="/david/cache/2023/482252d2b8806e99bc30ffab2b2c51c9/" title="Accès à l’article dans le cache local : Des questions · Boris Schapira">Des questions · Boris Schapira</a> (<a href="https://boris.schapira.dev/notes/2023-02-des-questions/" title="Accès à l’article original distant : Des questions · Boris Schapira">original</a>)</li>
      
        <li><a href="/david/cache/2022/ae079737f65e55da1d7a672b3a685b46/" title="Accès à l’article dans le cache local : Tolerance for boredom">Tolerance for boredom</a> (<a href="https://aworkinglibrary.com/writing/tolerance-for-boredom" title="Accès à l’article original distant : Tolerance for boredom">original</a>)</li>
        <li><a href="/david/cache/2023/ae079737f65e55da1d7a672b3a685b46/" title="Accès à l’article dans le cache local : Tolerance for boredom">Tolerance for boredom</a> (<a href="https://aworkinglibrary.com/writing/tolerance-for-boredom" title="Accès à l’article original distant : Tolerance for boredom">original</a>)</li>
      
        <li><a href="/david/cache/2022/d048e59b323783f6de3b03bda43a02cc/" title="Accès à l’article dans le cache local : The Illusion Of Developer “Productivity” Opens The Door To Snake Oil">The Illusion Of Developer “Productivity” Opens The Door To Snake Oil</a> (<a href="https://codemanship.wordpress.com/2023/09/25/the-illusion-of-developer-productivity-opens-the-door-to-snake-oil/" title="Accès à l’article original distant : The Illusion Of Developer “Productivity” Opens The Door To Snake Oil">original</a>)</li>
        <li><a href="/david/cache/2023/d048e59b323783f6de3b03bda43a02cc/" title="Accès à l’article dans le cache local : The Illusion Of Developer “Productivity” Opens The Door To Snake Oil">The Illusion Of Developer “Productivity” Opens The Door To Snake Oil</a> (<a href="https://codemanship.wordpress.com/2023/09/25/the-illusion-of-developer-productivity-opens-the-door-to-snake-oil/" title="Accès à l’article original distant : The Illusion Of Developer “Productivity” Opens The Door To Snake Oil">original</a>)</li>
      
        <li><a href="/david/cache/2022/026e36c493ee97a30d613864813aaae1/" title="Accès à l’article dans le cache local : Écoconception des services numériques, et si ça ne suffisait pas ?">Écoconception des services numériques, et si ça ne suffisait pas ?</a> (<a href="https://richardhanna.dev/blog/2023/ecoconception-ne-suffit-pas.html" title="Accès à l’article original distant : Écoconception des services numériques, et si ça ne suffisait pas ?">original</a>)</li>
        <li><a href="/david/cache/2023/026e36c493ee97a30d613864813aaae1/" title="Accès à l’article dans le cache local : Écoconception des services numériques, et si ça ne suffisait pas ?">Écoconception des services numériques, et si ça ne suffisait pas ?</a> (<a href="https://richardhanna.dev/blog/2023/ecoconception-ne-suffit-pas.html" title="Accès à l’article original distant : Écoconception des services numériques, et si ça ne suffisait pas ?">original</a>)</li>
      
        <li><a href="/david/cache/2022/eebbf1a999fdf5c8aa80b65eccd9c48a/" title="Accès à l’article dans le cache local : Automating podcast transcripts on my Mac with OpenAI Whisper">Automating podcast transcripts on my Mac with OpenAI Whisper</a> (<a href="https://sixcolors.com/post/2023/02/automating-podcast-transcripts-on-my-mac-with-openai-whisper/" title="Accès à l’article original distant : Automating podcast transcripts on my Mac with OpenAI Whisper">original</a>)</li>
        <li><a href="/david/cache/2023/eebbf1a999fdf5c8aa80b65eccd9c48a/" title="Accès à l’article dans le cache local : Automating podcast transcripts on my Mac with OpenAI Whisper">Automating podcast transcripts on my Mac with OpenAI Whisper</a> (<a href="https://sixcolors.com/post/2023/02/automating-podcast-transcripts-on-my-mac-with-openai-whisper/" title="Accès à l’article original distant : Automating podcast transcripts on my Mac with OpenAI Whisper">original</a>)</li>
      
        <li><a href="/david/cache/2022/2074a4d527220f5ddf2dc0b4e678c83a/" title="Accès à l’article dans le cache local : Classic rock, Mario Kart, and why we can’t agree on Tailwind">Classic rock, Mario Kart, and why we can’t agree on Tailwind</a> (<a href="https://joshcollinsworth.com/blog/tailwind-is-smart-steering" title="Accès à l’article original distant : Classic rock, Mario Kart, and why we can’t agree on Tailwind">original</a>)</li>
        <li><a href="/david/cache/2023/2074a4d527220f5ddf2dc0b4e678c83a/" title="Accès à l’article dans le cache local : Classic rock, Mario Kart, and why we can’t agree on Tailwind">Classic rock, Mario Kart, and why we can’t agree on Tailwind</a> (<a href="https://joshcollinsworth.com/blog/tailwind-is-smart-steering" title="Accès à l’article original distant : Classic rock, Mario Kart, and why we can’t agree on Tailwind">original</a>)</li>
      
        <li><a href="/david/cache/2022/8cb87dbe21c3f5a7a69735a70daf51c3/" title="Accès à l’article dans le cache local : Some thoughts on how to make a book, three months after I made one">Some thoughts on how to make a book, three months after I made one</a> (<a href="https://www.baldurbjarnason.com/2023/how-i-made-my-book/" title="Accès à l’article original distant : Some thoughts on how to make a book, three months after I made one">original</a>)</li>
        <li><a href="/david/cache/2023/8cb87dbe21c3f5a7a69735a70daf51c3/" title="Accès à l’article dans le cache local : Some thoughts on how to make a book, three months after I made one">Some thoughts on how to make a book, three months after I made one</a> (<a href="https://www.baldurbjarnason.com/2023/how-i-made-my-book/" title="Accès à l’article original distant : Some thoughts on how to make a book, three months after I made one">original</a>)</li>
      
    </ul>
 </main>
@@ -452,4 +452,4 @@
    })
 </script>
 </body>
 </html>
 </html>
--- a/cache/2024/076169df8a4bd9dde9a4637c6b306dff/index.html
+++ b/cache/2024/076169df8a4bd9dde9a4637c6b306dff/index.html
@@ -0,0 +1,206 @@
 <!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>Ma page /now (ou plutôt /en-ce-moment) (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <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>
 <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>
 <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>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>Ma page /now (ou plutôt /en-ce-moment)</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-07
    </p>
  </nav>
  <hr>
  <div class="big"><p>Si tu suis mon blog via RSS, déjà le flux est réparé (youpi), mais surtout tu as dû voir arriver une nouvelle page : “En ce moment”. Quès aco ?</p></div>

 <p>La page <code>/now</code> a été proposée par <a href="https://sive.rs/now">Derek Sivers</a> pour spécifier de manière très flexible un format de page web sur laquelle on peut en apprendre plus sur la personne qui a entretient le site.</p>
 <blockquote>
 <p>So a website with a link that says “now” goes to a page that tells you what this person is focused on at this point in their life. For short, we call it a “now page”.<br>
 […]<br>
 Think of what you’d tell a friend you hadn’t seen in a year.<br>
 That’s what a now page is for. You can’t get that big picture from any other outlets I’m aware of.<br>
 <a href="https://nownownow.com/about">About nownownow.com</a></p>
 </blockquote>
 <p>J’en ai découvert le concept il y a une petite semaine, j’ai <a href="https://boitam.eu/@joachim/111687126897236751">posé la question sur le Fediverse</a>, et j’ai profité d’avoir un peu de temps pour la mettre en place.</p>
 <p>Voilà donc ma page now: <span aria-hidden="">🪴</span> <a href="https://blog.professeurjoachim.com/en-ce-moment">En ce moment</a>.</p>
 <h2>Remarques</h2>
 <p>Évidemment, je ne la mettrai à jour que quand j’y penserai. Ici ou sur le Fediverse j’aborde peu les sujets personnels, contrairement à mon premier blog il y a vingt ans. Peut-être que je pourrais utiliser cette page pour ça, de manière temporaire, sans que les contenus ne restent dans la pérennité d’un blog.</p>
 <p>Ça a été fun à mettre en place dans <a href="https://getkirby.com/">Kirby</a>, très simple d’ajouter l’URL principale <code>/en-ce-moment</code> et l’alias <code>/now</code>. Ce qui est bien avec la spécification (ou son absence) des pages <code>/now</code>, c’est que le contenu est complètement libre. Ma première implémentation est un peu plus complexe que je ne pourrais le faire, en fait.<br>
 Pour l’instant seule une partie de la page apparaît sur le flux RSS. C’est parce que j’ai découpé la conception en plusieurs parties et il ne va prendre que le premier bout de texte. Je pourrais faire en sorte que les parties soient groupées et publiées comme corps de l’item RSS, ou alors je pourrais laisser ce texte seul et à vous d’aller visiter la page pour voir ce qui a changé. Dites-moi ce que vous en pensez.</p>
 <h2>Les ami·es qui en ont une</h2>
 <p>Ce billet illustre la loi qui dit “Moins un blog est mis à jour, plus il y a de probabilité que ce qui y est publié a pour sujet les aspects techniques dudit blog”. Pour briser ça, voilà des liens de pages similaires chez des ami·es qui ont répondu à ma question sur les réseaux sociaux.</p>
 <ul>
 <li><a href="https://vdvestelle.com/now">https://vdvestelle.com/now</a></li>
 <li><a href="https://www.atlza.com/now/">https://www.atlza.com/now/</a></li>
 <li><a href="https://www.duriez.re/">https://www.duriez.re/</a> (la page est dans le concept, même si l’url n’est pas la “bonne”)</li>
 <li><a href="https://accentgrave.net/now/">https://accentgrave.net/now/</a> et même <a href="https://accentgrave.net/rightnow/">https://accentgrave.net/rightnow/</a></li>
 <li><a href="https://lamecarlate.net/a-present">https://lamecarlate.net/a-present</a></li>
 <li><a href="https://timothee.goguely.com/now/">https://timothee.goguely.com/now/</a></li>
 <li><a href="https://www.6x8.org/en-ce-moment.html">https://www.6x8.org/en-ce-moment.html</a></li>
 <li><a href="https://gersande.com/blogue/now/">https://gersande.com/blogue/now/</a></li>
 <li><a href="https://blog.poslovitch.fr/en-ce-moment">https://blog.poslovitch.fr/en-ce-moment</a></li>
 <li><a href="https://kevinronceray.com/fr/now">https://kevinronceray.com/fr/now</a></li>
 </ul>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2024/076169df8a4bd9dde9a4637c6b306dff/index.md
+++ b/cache/2024/076169df8a4bd9dde9a4637c6b306dff/index.md
@@ -0,0 +1,35 @@
 title: Ma page /now (ou plutôt /en-ce-moment)
 url: https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment
 hash_url: 076169df8a4bd9dde9a4637c6b306dff
 archive_date: 2024-01-07

 <div class="big"><p>Si tu suis mon blog via RSS, déjà le flux est réparé (youpi), mais surtout tu as dû voir arriver une nouvelle page : “En ce moment”. Quès aco ?</p></div>
      
 <p>La page <code>/now</code> a été proposée par <a href="https://sive.rs/now">Derek Sivers</a> pour spécifier de manière très flexible un format de page web sur laquelle on peut en apprendre plus sur la personne qui a entretient le site.</p>
 <blockquote>
 <p>So a website with a link that says “now” goes to a page that tells you what this person is focused on at this point in their life. For short, we call it a “now page”.<br>
 […]<br>
 Think of what you’d tell a friend you hadn’t seen in a year.<br>
 That’s what a now page is for. You can’t get that big picture from any other outlets I’m aware of.<br>
 <a href="https://nownownow.com/about">About nownownow.com</a></p>
 </blockquote>
 <p>J’en ai découvert le concept il y a une petite semaine, j’ai <a href="https://boitam.eu/@joachim/111687126897236751">posé la question sur le Fediverse</a>, et j’ai profité d’avoir un peu de temps pour la mettre en place.</p>
 <p>Voilà donc ma page now: <span aria-hidden="">🪴</span> <a href="https://blog.professeurjoachim.com/en-ce-moment">En ce moment</a>.</p>
 <h2>Remarques</h2>
 <p>Évidemment, je ne la mettrai à jour que quand j’y penserai. Ici ou sur le Fediverse j’aborde peu les sujets personnels, contrairement à mon premier blog il y a vingt ans. Peut-être que je pourrais utiliser cette page pour ça, de manière temporaire, sans que les contenus ne restent dans la pérennité d’un blog.</p>
 <p>Ça a été fun à mettre en place dans <a href="https://getkirby.com/">Kirby</a>, très simple d’ajouter l’URL principale <code>/en-ce-moment</code> et l’alias <code>/now</code>. Ce qui est bien avec la spécification (ou son absence) des pages <code>/now</code>, c’est que le contenu est complètement libre. Ma première implémentation est un peu plus complexe que je ne pourrais le faire, en fait.<br>
 Pour l’instant seule une partie de la page apparaît sur le flux RSS. C’est parce que j’ai découpé la conception en plusieurs parties et il ne va prendre que le premier bout de texte. Je pourrais faire en sorte que les parties soient groupées et publiées comme corps de l’item RSS, ou alors je pourrais laisser ce texte seul et à vous d’aller visiter la page pour voir ce qui a changé. Dites-moi ce que vous en pensez.</p>
 <h2>Les ami·es qui en ont une</h2>
 <p>Ce billet illustre la loi qui dit “Moins un blog est mis à jour, plus il y a de probabilité que ce qui y est publié a pour sujet les aspects techniques dudit blog”. Pour briser ça, voilà des liens de pages similaires chez des ami·es qui ont répondu à ma question sur les réseaux sociaux.</p>
 <ul>
 <li><a href="https://vdvestelle.com/now">https://vdvestelle.com/now</a></li>
 <li><a href="https://www.atlza.com/now/">https://www.atlza.com/now/</a></li>
 <li><a href="https://www.duriez.re/">https://www.duriez.re/</a> (la page est dans le concept, même si l’url n’est pas la “bonne”)</li>
 <li><a href="https://accentgrave.net/now/">https://accentgrave.net/now/</a> et même <a href="https://accentgrave.net/rightnow/">https://accentgrave.net/rightnow/</a></li>
 <li><a href="https://lamecarlate.net/a-present">https://lamecarlate.net/a-present</a></li>
 <li><a href="https://timothee.goguely.com/now/">https://timothee.goguely.com/now/</a></li>
 <li><a href="https://www.6x8.org/en-ce-moment.html">https://www.6x8.org/en-ce-moment.html</a></li>
 <li><a href="https://gersande.com/blogue/now/">https://gersande.com/blogue/now/</a></li>
 <li><a href="https://blog.poslovitch.fr/en-ce-moment">https://blog.poslovitch.fr/en-ce-moment</a></li>
 <li><a href="https://kevinronceray.com/fr/now">https://kevinronceray.com/fr/now</a></li>
 </ul> 
--- a/cache/2024/55477786fc56b6fc37bb97231b634d90/index.html
+++ b/cache/2024/55477786fc56b6fc37bb97231b634d90/index.html
@@ -0,0 +1,699 @@
 <!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>Fabrique : concept (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <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>
 <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>
 <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>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://www.quaternum.net/2023/06/02/fabrique-concept/">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>Fabrique : concept</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://www.quaternum.net/2023/06/02/fabrique-concept/" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-07
    </p>
  </nav>
  <hr>
  <p>Le terme <em>fabrique</em> définit une approche spécifique dans la création et dans la production d’artefact, y compris dans le domaine de l’édition.
 Pour débuter un échange <em>épistolaire</em>, par carnets <a href="https://blank.blue/fabrique/la-fabrique-a-faire/">interposés</a>, je me lance enfin dans la définition de ce concept.
 À ma manière, le pong n’étant pas le ping.
 La recherche d’une complémentarité n’étant pas l’objet de ce texte, mais plutôt de faire coup double : définir un concept central dans mes recherches actuels, engager une conversation à laquelle je tiens.
 À ma manière, peut-être trop méthodique.
 Un avertissement est toutefois nécessaire : il s’agit d’un premier texte volontairement incomplet, ce carnet de recherche étant l’occasion de publier des travaux en cours et donc loin d’être finalisés.</p>
 <p>En préambule je dois également préciser que j’ai entrepris d’analyser ce que j’ai nommé des “fabriques de publication” <a href="/fabriques">depuis quelques années</a>.
 “Fabrique” avait alors été choisi comme alternative à plusieurs autres dénominations : outil, instrument, dispositif, machine ; technologie, technique, méthode ; chaîne, système, fabrique, forge.
 Ce choix s’est fait par défaut, mais il s’est ensuite révélé particulièrement fécond.</p>
 <blockquote>
 <p>Fabrique.<br>
 Action de fabriquer.<br>
 <a href="https://www.cnrtl.fr/definition/fabrique">CNRTL</a></p>
 </blockquote>
 <p>Le terme “fabrique” est utilisé très souvent depuis plusieurs années, que ce soit pour des projets en sciences humaines, des titres d’essais, d’ouvrages ou d’articles scientifiques, ou de thèses.
 Une maison d’édition française en a même fait son nom.
 Le mot est partout (une rapide recherche vous le prouvera, c’est vertigineux !).
 À tel point que son usage en devient suspect.
 D’autant plus que le terme est rarement défini, comme si son sens allait de soit, qu’il ne nécessitait pas de précision.
 Pourtant son positionnement lexicographique, entre <em>exécution</em>, <em>faire</em>, <em>produire</em> ou <em>créer</em>, suscite la curiosité.
 En effet ce mot est bien pratique, il permet de s’extraire d’une logique purement industrielle dans une activité de production, et de reconsidérer la dimension artisanale de certaines initiatives créatives, encore plus dans le vaste champ littéraire.
 Plus qu’un terme, <em>fabrique</em> peut être considéré comme un concept, et c’est l’entreprise que je me propose de débuter ici.</p>
 <p>Commençons par une définition du contexte de la <em>fabrique</em>, la fabrique <em>produit</em> quelque chose, mais cela passe par d’autres étapes qu’il convient de définir : créer, fabriquer, manufacturer ou produire ont des objectifs divers.
 Ensuite, et aussi pour répondre à l’invitation de <a href="https://blank.blue/fabrique/la-fabrique-a-faire/">La fabrique à faire</a>, la fabrique se concentre sur un lieu ou un espace, l’acte se réalise <em>quelque part</em>.
 Et ce <em>quelque part</em> peut être ouvert, à la fois aux collaborations mais aussi aux modifications tel un travail continu.
 Enfin, c’est le lien avec l’artefact que je souhaite explorer, et proposer comme prochain échange.</p>
 <h2 id="construire-fabriquer-manufacturer-produire">Construire, fabriquer, manufacturer, produire</h2>
 <p>Précisons que le terme “fabrication” est défini pour le domaine du livre 







 <span class="hugo-cite-intext" itemprop="citation">(<a href="#eyrolles_les_2009"><span class="visually-hidden">Citation: </span><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Serge"><span itemprop="familyName">Eyrolles</span></span>, 
 <span itemprop="datePublished">2009</span>, pp. 72-73</a>)<span class="hugo-cite-citation">










 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Eyrolles</span>, 
 <meta itemprop="givenName" content="Serge">
 S.</span> 
 (<span itemprop="datePublished">2009</span>).
 <span itemprop="name">
 <i>Les 100 mots de l’édition</i></span> (<span>1re éd</span>).
 <meta itemprop="contentLocation" value="Paris"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Presses universitaires de France</span></span>.</span>




 </span></span>, mais cette définition se limite à préciser qu’il s’agit de plusieurs sous-processus.
 <a href="https://www.cnrtl.fr/definition/fabrique">La définition</a> du Trésor de la langue Française informatisé, donnée par l’intermédiaire du Centre national de ressources textuelles et lexicales, précise dans chacune de ses subdivisions que la fabrique donne un résultat.
 La fabrique contient plusieurs dimensions ou étapes, ce qui permet tout de suite de comprendre qu’il ne s’agit pas d’une activité d’un seul bloc, c’est un <em>processus</em>.
 De la fabrique <em>résulte</em> ce que nous pouvons qualifier d’artefact — en tant que production humaine.</p>
 <p>Sans entrer dans le détail de ce processus, plusieurs actions sont récurrentes : construire, produire, manufacturer, etc.
 Il y a donc une conception, une création, qui est ensuite réalisée afin d’obtenir un ou plusieurs exemplaire d’un artefact.
 La production est cette action d’élaborer puis de former un objet à partir d’une idée.
 Dans le cas de la fabrique, la production est particulière, il ne s’agit pas d’une démarche dite industrielle qui vise à produire très rapidement en de très grandes quantités.
 Il ne s’agit pas non plus de produire totalement à la main dans le sens où la technique n’aurait que peu de place ici.
 La réalisation de l’artefact ou des artefacts est donc permise avec des techniques, celles-ci peuvent être réalisées par l’intermédiaire de machines.
 C’est pourquoi <em>manufacturer</em> permet de mieux comprendre de quoi il s’agit : une transformation est opérée via un processus technique qui peut être réalisé avec des instruments ou des machines, à une échelle qui oscille entre l’artisanat et l’industriel.
 Enfin, ce qui est produit doit permettre une “application pratique” :</p>
 <blockquote>
 <p>Fabriquer, cela signifie d’abord manipuler et détourner quelque chose qui fait partie du donné, le changer en artefact et le tourner vers l’application pratique. 







 <span class="hugo-cite-intext" itemprop="citation">(<a href="#flusser_petite_2002"><span class="visually-hidden">Citation: </span><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Vilèm"><span itemprop="familyName">Flusser</span></span>, 
 <span itemprop="datePublished">2002</span>, p. 58</a>)<span class="hugo-cite-citation">










 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Flusser</span>, 
 <meta itemprop="givenName" content="Vilèm">
 V.</span> 
 (<span itemprop="datePublished">2002</span>).
 <span itemprop="name">
 <i>Petite philosophie du design</i></span>.
 <meta itemprop="contentLocation" value="Belfort, France"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Circé</span></span>.</span>




 </span></span></p>
 </blockquote>
 <p>Cette dimension de la fabrique est importante, elle permet ensuite d’envisager un mouvement interne qui consiste à modifier la fabrique en même temps que la fabrique produit un objet.</p>
 <h2 id="lacte-et-le-lieu">L’acte et le lieu</h2>
 <p>La fabrique est un processus, une suite d’opérations, un acte.
 Pour le dire en quelques mots, l’acte a ceci d’intéressant qu’il intègre une dimension technique (là où <em>geste</em> entretient un flou sur les détails de l’action) qu’on ne peut pas ignorer.
 Cette technique concerne autant des activités manuelles que des activités mécanisées ou automatisées.
 Historiquement la fabrique apparaît en effet dans une perspective de mécanisation, elle suit la manufacture et elle précède l’usine.
 C’est, en quelque sorte, un espace où l’on produit en se posant la question de la <em>façon</em> dont on produit.
 La question n’est alors plus tant celui du résultat que de la manière dont ce résultat est obtenu.</p>
 <p>Est-ce que la fabrique est un lieu ?
 Un espace ?
 Dans les définitions classiques du terme c’est une acception proposée.
 Je souhaite répondre à cette question en la détournant : à mon sens la fabrique, telle que définit en tant que concept, est plus proche du processus que du lieu.
 Pourtant il est nécessaire de considérer que cette activité humaine ne peut se déployer que dans un espace (à défaut de lieu).
 Un espace purement technique ?
 Numérique ?
 Je laisse ici ces questions.</p>
 <h2 id="ouvrir-les-dispositifs">Ouvrir les dispositifs</h2>
 <p>Le terme étant désormais balisé (production, artefact, technique, espace), ou presque, je convoque désormais Vilèm Flusser pour déterminer la dimension conceptuelle de la fabrique.
 Dans un petit livre très intelligent, <em>Petite philosophie du design</em> (bien plus éloquent en anglais, <em>Shape of Things: a Philosophy of Design</em>), Vilèm Flusser consacre un chapitre à “La fabrique” (<em>The Factory</em> en anglais).
 Sur une douzaine de pages l’auteur déroule une réflexion sur la définition de l’humain et son rapport à la technique.
 L’humain ne se distingue pas par une supposée sagesse mais par sa capacité à <em>fabriquer</em>, “peu importe quoi” 







 <span class="hugo-cite-intext" itemprop="citation">(<a href="#flusser_petite_2002"><span class="visually-hidden">Citation: </span><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Vilèm"><span itemprop="familyName">Flusser</span></span>, 
 <span itemprop="datePublished">2002</span>, p. 57</a>)<span class="hugo-cite-citation">










 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Flusser</span>, 
 <meta itemprop="givenName" content="Vilèm">
 V.</span> 
 (<span itemprop="datePublished">2002</span>).
 <span itemprop="name">
 <i>Petite philosophie du design</i></span>.
 <meta itemprop="contentLocation" value="Belfort, France"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Circé</span></span>.</span>




 </span></span>.</p>
 <blockquote>
 <p>[…] Factories are places in which new kinds of human beings are always being produced: first the hand-man, then the tool-man, then the machine-man, and finally the robot-man. To repeat: This is the story of humankind. 







 <span class="hugo-cite-intext" itemprop="citation">(<a href="#flusser_shape_2013"><span class="visually-hidden">Citation: </span><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Vilém"><span itemprop="familyName">Flusser</span></span>, 
 <span itemprop="datePublished">2013</span>, pp. 44-45</a>)<span class="hugo-cite-citation">










 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Flusser</span>, 
 <meta itemprop="givenName" content="Vilém">
 V.</span> 
 (<span itemprop="datePublished">2013</span>).
 <span itemprop="name">
 <i>Shape of Things: a Philosophy of Design</i></span>.
 <meta itemprop="contentLocation" value="London"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Reaktion Books</span></span>.</span>




 </span></span></p>
 </blockquote>
 <blockquote>
 <p>[…] les fabriques sont de lieux où sont sans cesse produites de nouvelles variétés d’hommes : d’abord l’homme-main, puis l’homme-outil, puis l’homme-machine et enfin l’homme-appareil. On l’a déjà dit : l’histoire de l’humanité, c’est cela. 







 <span class="hugo-cite-intext" itemprop="citation">(<a href="#flusser_petite_2002"><span class="visually-hidden">Citation: </span><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Vilèm"><span itemprop="familyName">Flusser</span></span>, 
 <span itemprop="datePublished">2002</span>, pp. 58-59</a>)<span class="hugo-cite-citation">










 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Flusser</span>, 
 <meta itemprop="givenName" content="Vilèm">
 V.</span> 
 (<span itemprop="datePublished">2002</span>).
 <span itemprop="name">
 <i>Petite philosophie du design</i></span>.
 <meta itemprop="contentLocation" value="Belfort, France"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Circé</span></span>.</span>




 </span></span></p>
 </blockquote>
 <p>Cette évolution (nous nous retenons volontairement de parler de <em>progression</em>) va vers plus d’automatisation.
 Alors qu’avec l’outil la personne se plaçait au centre de l’atelier, la fabrique modifie cette disposition avec la machine, “c’est elle la constante et l’homme la variable” 







 <span class="hugo-cite-intext" itemprop="citation">(<a href="#flusser_petite_2002"><span class="visually-hidden">Citation: </span><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Vilèm"><span itemprop="familyName">Flusser</span></span>, 
 <span itemprop="datePublished">2002</span>, p. 59</a>)<span class="hugo-cite-citation">










 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Flusser</span>, 
 <meta itemprop="givenName" content="Vilèm">
 V.</span> 
 (<span itemprop="datePublished">2002</span>).
 <span itemprop="name">
 <i>Petite philosophie du design</i></span>.
 <meta itemprop="contentLocation" value="Belfort, France"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Circé</span></span>.</span>




 </span></span>.
 À tel point que la fabrique n’est plus seulement un agent de la production, elle a aussi une influence sur celui ou celle qui l’utilise et la met en place.
 Avec ce que Vilèm Flusser considère comme la troisième révolution industrielle (avec l’introduction de l’<em>appareil</em>), nous avons une occasion de reconsidérer notre rapport aux machines, et donc aussi à la technique.
 Un peu comme Gilbert Simondon, Vilèm Flusser considère qu’une nouvelle synergie peut être trouvée.
 Après la main, l’outil et la machine, l’appareil nécessite un apprentissage constant, comme la détermination continue d’une adéquation.</p>
 <p>C’est cette notion d’<em>apprentissage</em> qu’il faudrait interroger plus longuement, à quel point le fait de devoir apprendre, réapprendre, à chaque expérience éditoriale et pédagogique, nous engage dans une fabrique ?
 Pourrait-il en être autrement ?</p>
 <blockquote>
 <p>The factory will have to be the place in which human beings altogether will learn by means of robots: what, why and how to turn things to use. 







 <span class="hugo-cite-intext" itemprop="citation">(<a href="#flusser_shape_2013"><span class="visually-hidden">Citation: </span><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Vilém"><span itemprop="familyName">Flusser</span></span>, 
 <span itemprop="datePublished">2013</span>, p. 50</a>)<span class="hugo-cite-citation">










 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Flusser</span>, 
 <meta itemprop="givenName" content="Vilém">
 V.</span> 
 (<span itemprop="datePublished">2013</span>).
 <span itemprop="name">
 <i>Shape of Things: a Philosophy of Design</i></span>.
 <meta itemprop="contentLocation" value="London"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Reaktion Books</span></span>.</span>




 </span></span></p>
 </blockquote>
 <h2 id="lartefact-avantaprès">L’artefact, avant/après</h2>
 <p>Déplaçons-nous du côté de l’anthropologie.
 Dans <em>Faire: anthropologie, archéologie, art et architecture</em>, Tim Ingold analyse longuement la <em>fabrication</em> d’un biface pour déterminer la façon dont il est produit et dont il est utilisé 







 <span class="hugo-cite-intext" itemprop="citation">(<a href="#ingold_faire_2017"><span class="visually-hidden">Citation: </span><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Tim"><span itemprop="familyName">Ingold</span></span>, <span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Hervé."><span itemprop="familyName">Gosselin</span></span>
 <em>&amp; al.</em>, 
 <span itemprop="datePublished">2017</span>, pp. 83-109</a>)<span class="hugo-cite-citation">










 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Ingold</span>, 
 <meta itemprop="givenName" content="Tim">
 T.</span>, 
 <span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Gosselin</span>, 
 <meta itemprop="givenName" content="Hervé.">
 H.</span> &amp; <span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Afeissa</span>, 
 <meta itemprop="givenName" content="Hicham-Stéphane">
 H.</span> 
 (<span itemprop="datePublished">2017</span>).
 <span itemprop="name">
 <i>Faire: anthropologie, archéologie, art et architecture</i></span>.
 <meta itemprop="contentLocation" value="Bellevaux"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Éditions Dehors</span></span>.</span>




 </span></span>.
 Si Tim Ingold parle beaucoup de fabrication, à aucun moment il n’est question de <em>fabrique</em>.
 L’hypothèse proposée par l’auteur est la suivante : le <em>faire</em> est autant l’application d’une conception intellectuelle que l’acte qui forme cette conception.
 Autrement dit, est-il possible de suivre un parcours linéaire pour <em>fabriquer</em> un artefact ?
 Tim Ingold critique fortement le modèle hylémorphique.
 Dans le cas de la production d’un livre, il faudrait définir ce qu’il se passe.
 Quel rôle joue la fabrique ici ?
 Je laisse également cette question ouverte, et je ne prolonge pas plus, pour le moment, l’apport de Tim Ingold sur ces questions.</p>
 <h2 id="le-mouvement-de-la-fabrique">Le mouvement de la fabrique</h2>
 <p>En guise de conclusion, ou d’ouverture vers d’autres explorations de ce concept, notons que la fabrique peut être l’occasion d’un mouvement circulaire, double, ou réflexif.
 En produisant un artefact avec une fabrique, la fabrique est elle-même modifiée, complétée, reconfigurée, autour de la production d’un artefact.</p>
 <p>Cette définition, qui tient plus de la prémisse d’une recherche en cours, permet d’identifier les enjeux et les tensions qui existent lorsque l’on parle de <em>fabrique</em>, et qui mérite d’être prolongée, dans un nouvel échange (j’espère).</p>
 <h2 id="références">Références</h2>

 <section class="hugo-cite-bibliography">
 <dl>


 <p id="eyrolles_les_2009">
 <dt>
 Eyrolles


 (2009)</dt>

 <dd>











 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Eyrolles</span>, 
 <meta itemprop="givenName" content="Serge">
 S.</span> 
 (<span itemprop="datePublished">2009</span>).
 <span itemprop="name">
 <i>Les 100 mots de l’édition</i></span> (<span>1re éd</span>).
 <meta itemprop="contentLocation" value="Paris"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Presses universitaires de France</span></span>.</span>




 </dd>

 </p>

 <p id="flusser_petite_2002">
 <dt>
 Flusser


 (2002)</dt>

 <dd>











 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Flusser</span>, 
 <meta itemprop="givenName" content="Vilèm">
 V.</span> 
 (<span itemprop="datePublished">2002</span>).
 <span itemprop="name">
 <i>Petite philosophie du design</i></span>.
 <meta itemprop="contentLocation" value="Belfort, France"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Circé</span></span>.</span>




 </dd>

 </p>

 <p id="flusser_shape_2013">
 <dt>
 Flusser


 (2013)</dt>

 <dd>











 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Flusser</span>, 
 <meta itemprop="givenName" content="Vilém">
 V.</span> 
 (<span itemprop="datePublished">2013</span>).
 <span itemprop="name">
 <i>Shape of Things: a Philosophy of Design</i></span>.
 <meta itemprop="contentLocation" value="London"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Reaktion Books</span></span>.</span>




 </dd>

 </p>

 <p id="ingold_faire_2017">
 <dt>
 Ingold, 
 Gosselin &amp; Afeissa


 (2017)</dt>

 <dd>











 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Ingold</span>, 
 <meta itemprop="givenName" content="Tim">
 T.</span>, 
 <span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Gosselin</span>, 
 <meta itemprop="givenName" content="Hervé.">
 H.</span> &amp; <span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Afeissa</span>, 
 <meta itemprop="givenName" content="Hicham-Stéphane">
 H.</span> 
 (<span itemprop="datePublished">2017</span>).
 <span itemprop="name">
 <i>Faire: anthropologie, archéologie, art et architecture</i></span>.
 <meta itemprop="contentLocation" value="Bellevaux"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Éditions Dehors</span></span>.</span>




 </dd>

 </p>


 </dl>
 </section>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2024/55477786fc56b6fc37bb97231b634d90/index.md
+++ b/cache/2024/55477786fc56b6fc37bb97231b634d90/index.md
@@ -0,0 +1,540 @@
 title: Fabrique : concept
 url: https://www.quaternum.net/2023/06/02/fabrique-concept/
 hash_url: 55477786fc56b6fc37bb97231b634d90
 archive_date: 2024-01-07

 <p>Le terme <em>fabrique</em> définit une approche spécifique dans la création et dans la production d’artefact, y compris dans le domaine de l’édition.
 Pour débuter un échange <em>épistolaire</em>, par carnets <a href="https://blank.blue/fabrique/la-fabrique-a-faire/">interposés</a>, je me lance enfin dans la définition de ce concept.
 À ma manière, le pong n’étant pas le ping.
 La recherche d’une complémentarité n’étant pas l’objet de ce texte, mais plutôt de faire coup double : définir un concept central dans mes recherches actuels, engager une conversation à laquelle je tiens.
 À ma manière, peut-être trop méthodique.
 Un avertissement est toutefois nécessaire : il s’agit d’un premier texte volontairement incomplet, ce carnet de recherche étant l’occasion de publier des travaux en cours et donc loin d’être finalisés.</p>
 <p>En préambule je dois également préciser que j’ai entrepris d’analyser ce que j’ai nommé des “fabriques de publication” <a href="/fabriques">depuis quelques années</a>.
 “Fabrique” avait alors été choisi comme alternative à plusieurs autres dénominations : outil, instrument, dispositif, machine ; technologie, technique, méthode ; chaîne, système, fabrique, forge.
 Ce choix s’est fait par défaut, mais il s’est ensuite révélé particulièrement fécond.</p>
 <blockquote>
 <p>Fabrique.<br>
 Action de fabriquer.<br>
 <a href="https://www.cnrtl.fr/definition/fabrique">CNRTL</a></p>
 </blockquote>
 <p>Le terme “fabrique” est utilisé très souvent depuis plusieurs années, que ce soit pour des projets en sciences humaines, des titres d’essais, d’ouvrages ou d’articles scientifiques, ou de thèses.
 Une maison d’édition française en a même fait son nom.
 Le mot est partout (une rapide recherche vous le prouvera, c’est vertigineux !).
 À tel point que son usage en devient suspect.
 D’autant plus que le terme est rarement défini, comme si son sens allait de soit, qu’il ne nécessitait pas de précision.
 Pourtant son positionnement lexicographique, entre <em>exécution</em>, <em>faire</em>, <em>produire</em> ou <em>créer</em>, suscite la curiosité.
 En effet ce mot est bien pratique, il permet de s’extraire d’une logique purement industrielle dans une activité de production, et de reconsidérer la dimension artisanale de certaines initiatives créatives, encore plus dans le vaste champ littéraire.
 Plus qu’un terme, <em>fabrique</em> peut être considéré comme un concept, et c’est l’entreprise que je me propose de débuter ici.</p>
 <p>Commençons par une définition du contexte de la <em>fabrique</em>, la fabrique <em>produit</em> quelque chose, mais cela passe par d’autres étapes qu’il convient de définir : créer, fabriquer, manufacturer ou produire ont des objectifs divers.
 Ensuite, et aussi pour répondre à l’invitation de <a href="https://blank.blue/fabrique/la-fabrique-a-faire/">La fabrique à faire</a>, la fabrique se concentre sur un lieu ou un espace, l’acte se réalise <em>quelque part</em>.
 Et ce <em>quelque part</em> peut être ouvert, à la fois aux collaborations mais aussi aux modifications tel un travail continu.
 Enfin, c’est le lien avec l’artefact que je souhaite explorer, et proposer comme prochain échange.</p>
 <h2 id="construire-fabriquer-manufacturer-produire">Construire, fabriquer, manufacturer, produire</h2>
 <p>Précisons que le terme “fabrication” est défini pour le domaine du livre 







 <span class="hugo-cite-intext" itemprop="citation">(<a href="#eyrolles_les_2009"><span class="visually-hidden">Citation: </span><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Serge"><span itemprop="familyName">Eyrolles</span></span>, 
 <span itemprop="datePublished">2009</span>, pp. 72-73</a>)<span class="hugo-cite-citation">










 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Eyrolles</span>, 
 <meta itemprop="givenName" content="Serge">
 S.</span> 
 (<span itemprop="datePublished">2009</span>).
 <span itemprop="name">
 <i>Les 100 mots de l’édition</i></span> (<span>1re éd</span>).
 <meta itemprop="contentLocation" value="Paris"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Presses universitaires de France</span></span>.</span>




 </span></span>, mais cette définition se limite à préciser qu’il s’agit de plusieurs sous-processus.
 <a href="https://www.cnrtl.fr/definition/fabrique">La définition</a> du Trésor de la langue Française informatisé, donnée par l’intermédiaire du Centre national de ressources textuelles et lexicales, précise dans chacune de ses subdivisions que la fabrique donne un résultat.
 La fabrique contient plusieurs dimensions ou étapes, ce qui permet tout de suite de comprendre qu’il ne s’agit pas d’une activité d’un seul bloc, c’est un <em>processus</em>.
 De la fabrique <em>résulte</em> ce que nous pouvons qualifier d’artefact — en tant que production humaine.</p>
 <p>Sans entrer dans le détail de ce processus, plusieurs actions sont récurrentes : construire, produire, manufacturer, etc.
 Il y a donc une conception, une création, qui est ensuite réalisée afin d’obtenir un ou plusieurs exemplaire d’un artefact.
 La production est cette action d’élaborer puis de former un objet à partir d’une idée.
 Dans le cas de la fabrique, la production est particulière, il ne s’agit pas d’une démarche dite industrielle qui vise à produire très rapidement en de très grandes quantités.
 Il ne s’agit pas non plus de produire totalement à la main dans le sens où la technique n’aurait que peu de place ici.
 La réalisation de l’artefact ou des artefacts est donc permise avec des techniques, celles-ci peuvent être réalisées par l’intermédiaire de machines.
 C’est pourquoi <em>manufacturer</em> permet de mieux comprendre de quoi il s’agit : une transformation est opérée via un processus technique qui peut être réalisé avec des instruments ou des machines, à une échelle qui oscille entre l’artisanat et l’industriel.
 Enfin, ce qui est produit doit permettre une “application pratique” :</p>
 <blockquote>
 <p>Fabriquer, cela signifie d’abord manipuler et détourner quelque chose qui fait partie du donné, le changer en artefact et le tourner vers l’application pratique. 







 <span class="hugo-cite-intext" itemprop="citation">(<a href="#flusser_petite_2002"><span class="visually-hidden">Citation: </span><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Vilèm"><span itemprop="familyName">Flusser</span></span>, 
 <span itemprop="datePublished">2002</span>, p. 58</a>)<span class="hugo-cite-citation">










 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Flusser</span>, 
 <meta itemprop="givenName" content="Vilèm">
 V.</span> 
 (<span itemprop="datePublished">2002</span>).
 <span itemprop="name">
 <i>Petite philosophie du design</i></span>.
 <meta itemprop="contentLocation" value="Belfort, France"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Circé</span></span>.</span>




 </span></span></p>
 </blockquote>
 <p>Cette dimension de la fabrique est importante, elle permet ensuite d’envisager un mouvement interne qui consiste à modifier la fabrique en même temps que la fabrique produit un objet.</p>
 <h2 id="lacte-et-le-lieu">L’acte et le lieu</h2>
 <p>La fabrique est un processus, une suite d’opérations, un acte.
 Pour le dire en quelques mots, l’acte a ceci d’intéressant qu’il intègre une dimension technique (là où <em>geste</em> entretient un flou sur les détails de l’action) qu’on ne peut pas ignorer.
 Cette technique concerne autant des activités manuelles que des activités mécanisées ou automatisées.
 Historiquement la fabrique apparaît en effet dans une perspective de mécanisation, elle suit la manufacture et elle précède l’usine.
 C’est, en quelque sorte, un espace où l’on produit en se posant la question de la <em>façon</em> dont on produit.
 La question n’est alors plus tant celui du résultat que de la manière dont ce résultat est obtenu.</p>
 <p>Est-ce que la fabrique est un lieu ?
 Un espace ?
 Dans les définitions classiques du terme c’est une acception proposée.
 Je souhaite répondre à cette question en la détournant : à mon sens la fabrique, telle que définit en tant que concept, est plus proche du processus que du lieu.
 Pourtant il est nécessaire de considérer que cette activité humaine ne peut se déployer que dans un espace (à défaut de lieu).
 Un espace purement technique ?
 Numérique ?
 Je laisse ici ces questions.</p>
 <h2 id="ouvrir-les-dispositifs">Ouvrir les dispositifs</h2>
 <p>Le terme étant désormais balisé (production, artefact, technique, espace), ou presque, je convoque désormais Vilèm Flusser pour déterminer la dimension conceptuelle de la fabrique.
 Dans un petit livre très intelligent, <em>Petite philosophie du design</em> (bien plus éloquent en anglais, <em>Shape of Things: a Philosophy of Design</em>), Vilèm Flusser consacre un chapitre à “La fabrique” (<em>The Factory</em> en anglais).
 Sur une douzaine de pages l’auteur déroule une réflexion sur la définition de l’humain et son rapport à la technique.
 L’humain ne se distingue pas par une supposée sagesse mais par sa capacité à <em>fabriquer</em>, “peu importe quoi” 







 <span class="hugo-cite-intext" itemprop="citation">(<a href="#flusser_petite_2002"><span class="visually-hidden">Citation: </span><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Vilèm"><span itemprop="familyName">Flusser</span></span>, 
 <span itemprop="datePublished">2002</span>, p. 57</a>)<span class="hugo-cite-citation">










 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Flusser</span>, 
 <meta itemprop="givenName" content="Vilèm">
 V.</span> 
 (<span itemprop="datePublished">2002</span>).
 <span itemprop="name">
 <i>Petite philosophie du design</i></span>.
 <meta itemprop="contentLocation" value="Belfort, France"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Circé</span></span>.</span>




 </span></span>.</p>
 <blockquote>
 <p>[…] Factories are places in which new kinds of human beings are always being produced: first the hand-man, then the tool-man, then the machine-man, and finally the robot-man. To repeat: This is the story of humankind. 







 <span class="hugo-cite-intext" itemprop="citation">(<a href="#flusser_shape_2013"><span class="visually-hidden">Citation: </span><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Vilém"><span itemprop="familyName">Flusser</span></span>, 
 <span itemprop="datePublished">2013</span>, pp. 44-45</a>)<span class="hugo-cite-citation">










 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Flusser</span>, 
 <meta itemprop="givenName" content="Vilém">
 V.</span> 
 (<span itemprop="datePublished">2013</span>).
 <span itemprop="name">
 <i>Shape of Things: a Philosophy of Design</i></span>.
 <meta itemprop="contentLocation" value="London"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Reaktion Books</span></span>.</span>




 </span></span></p>
 </blockquote>
 <blockquote>
 <p>[…] les fabriques sont de lieux où sont sans cesse produites de nouvelles variétés d’hommes : d’abord l’homme-main, puis l’homme-outil, puis l’homme-machine et enfin l’homme-appareil. On l’a déjà dit : l’histoire de l’humanité, c’est cela. 







 <span class="hugo-cite-intext" itemprop="citation">(<a href="#flusser_petite_2002"><span class="visually-hidden">Citation: </span><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Vilèm"><span itemprop="familyName">Flusser</span></span>, 
 <span itemprop="datePublished">2002</span>, pp. 58-59</a>)<span class="hugo-cite-citation">










 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Flusser</span>, 
 <meta itemprop="givenName" content="Vilèm">
 V.</span> 
 (<span itemprop="datePublished">2002</span>).
 <span itemprop="name">
 <i>Petite philosophie du design</i></span>.
 <meta itemprop="contentLocation" value="Belfort, France"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Circé</span></span>.</span>




 </span></span></p>
 </blockquote>
 <p>Cette évolution (nous nous retenons volontairement de parler de <em>progression</em>) va vers plus d’automatisation.
 Alors qu’avec l’outil la personne se plaçait au centre de l’atelier, la fabrique modifie cette disposition avec la machine, “c’est elle la constante et l’homme la variable” 







 <span class="hugo-cite-intext" itemprop="citation">(<a href="#flusser_petite_2002"><span class="visually-hidden">Citation: </span><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Vilèm"><span itemprop="familyName">Flusser</span></span>, 
 <span itemprop="datePublished">2002</span>, p. 59</a>)<span class="hugo-cite-citation">










 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Flusser</span>, 
 <meta itemprop="givenName" content="Vilèm">
 V.</span> 
 (<span itemprop="datePublished">2002</span>).
 <span itemprop="name">
 <i>Petite philosophie du design</i></span>.
 <meta itemprop="contentLocation" value="Belfort, France"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Circé</span></span>.</span>




 </span></span>.
 À tel point que la fabrique n’est plus seulement un agent de la production, elle a aussi une influence sur celui ou celle qui l’utilise et la met en place.
 Avec ce que Vilèm Flusser considère comme la troisième révolution industrielle (avec l’introduction de l’<em>appareil</em>), nous avons une occasion de reconsidérer notre rapport aux machines, et donc aussi à la technique.
 Un peu comme Gilbert Simondon, Vilèm Flusser considère qu’une nouvelle synergie peut être trouvée.
 Après la main, l’outil et la machine, l’appareil nécessite un apprentissage constant, comme la détermination continue d’une adéquation.</p>
 <p>C’est cette notion d’<em>apprentissage</em> qu’il faudrait interroger plus longuement, à quel point le fait de devoir apprendre, réapprendre, à chaque expérience éditoriale et pédagogique, nous engage dans une fabrique ?
 Pourrait-il en être autrement ?</p>
 <blockquote>
 <p>The factory will have to be the place in which human beings altogether will learn by means of robots: what, why and how to turn things to use. 







 <span class="hugo-cite-intext" itemprop="citation">(<a href="#flusser_shape_2013"><span class="visually-hidden">Citation: </span><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Vilém"><span itemprop="familyName">Flusser</span></span>, 
 <span itemprop="datePublished">2013</span>, p. 50</a>)<span class="hugo-cite-citation">










 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Flusser</span>, 
 <meta itemprop="givenName" content="Vilém">
 V.</span> 
 (<span itemprop="datePublished">2013</span>).
 <span itemprop="name">
 <i>Shape of Things: a Philosophy of Design</i></span>.
 <meta itemprop="contentLocation" value="London"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Reaktion Books</span></span>.</span>




 </span></span></p>
 </blockquote>
 <h2 id="lartefact-avantaprès">L’artefact, avant/après</h2>
 <p>Déplaçons-nous du côté de l’anthropologie.
 Dans <em>Faire: anthropologie, archéologie, art et architecture</em>, Tim Ingold analyse longuement la <em>fabrication</em> d’un biface pour déterminer la façon dont il est produit et dont il est utilisé 







 <span class="hugo-cite-intext" itemprop="citation">(<a href="#ingold_faire_2017"><span class="visually-hidden">Citation: </span><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Tim"><span itemprop="familyName">Ingold</span></span>, <span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="givenName" content="Hervé."><span itemprop="familyName">Gosselin</span></span>
 <em>&amp; al.</em>, 
 <span itemprop="datePublished">2017</span>, pp. 83-109</a>)<span class="hugo-cite-citation">










 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Ingold</span>, 
 <meta itemprop="givenName" content="Tim">
 T.</span>, 
 <span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Gosselin</span>, 
 <meta itemprop="givenName" content="Hervé.">
 H.</span> &amp; <span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Afeissa</span>, 
 <meta itemprop="givenName" content="Hicham-Stéphane">
 H.</span> 
 (<span itemprop="datePublished">2017</span>).
 <span itemprop="name">
 <i>Faire: anthropologie, archéologie, art et architecture</i></span>.
 <meta itemprop="contentLocation" value="Bellevaux"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Éditions Dehors</span></span>.</span>




 </span></span>.
 Si Tim Ingold parle beaucoup de fabrication, à aucun moment il n’est question de <em>fabrique</em>.
 L’hypothèse proposée par l’auteur est la suivante : le <em>faire</em> est autant l’application d’une conception intellectuelle que l’acte qui forme cette conception.
 Autrement dit, est-il possible de suivre un parcours linéaire pour <em>fabriquer</em> un artefact ?
 Tim Ingold critique fortement le modèle hylémorphique.
 Dans le cas de la production d’un livre, il faudrait définir ce qu’il se passe.
 Quel rôle joue la fabrique ici ?
 Je laisse également cette question ouverte, et je ne prolonge pas plus, pour le moment, l’apport de Tim Ingold sur ces questions.</p>
 <h2 id="le-mouvement-de-la-fabrique">Le mouvement de la fabrique</h2>
 <p>En guise de conclusion, ou d’ouverture vers d’autres explorations de ce concept, notons que la fabrique peut être l’occasion d’un mouvement circulaire, double, ou réflexif.
 En produisant un artefact avec une fabrique, la fabrique est elle-même modifiée, complétée, reconfigurée, autour de la production d’un artefact.</p>
 <p>Cette définition, qui tient plus de la prémisse d’une recherche en cours, permet d’identifier les enjeux et les tensions qui existent lorsque l’on parle de <em>fabrique</em>, et qui mérite d’être prolongée, dans un nouvel échange (j’espère).</p>
 <h2 id="références">Références</h2>













 <section class="hugo-cite-bibliography">
 <dl>


 <p id="eyrolles_les_2009">
 <dt>
 Eyrolles


 (2009)</dt>

 <dd>











 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Eyrolles</span>, 
 <meta itemprop="givenName" content="Serge">
 S.</span> 
 (<span itemprop="datePublished">2009</span>).
 <span itemprop="name">
 <i>Les 100 mots de l’édition</i></span> (<span>1re éd</span>).
 <meta itemprop="contentLocation" value="Paris"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Presses universitaires de France</span></span>.</span>




 </dd>

 </p>

 <p id="flusser_petite_2002">
 <dt>
 Flusser


 (2002)</dt>

 <dd>











 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Flusser</span>, 
 <meta itemprop="givenName" content="Vilèm">
 V.</span> 
 (<span itemprop="datePublished">2002</span>).
 <span itemprop="name">
 <i>Petite philosophie du design</i></span>.
 <meta itemprop="contentLocation" value="Belfort, France"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Circé</span></span>.</span>




 </dd>

 </p>

 <p id="flusser_shape_2013">
 <dt>
 Flusser


 (2013)</dt>

 <dd>











 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Flusser</span>, 
 <meta itemprop="givenName" content="Vilém">
 V.</span> 
 (<span itemprop="datePublished">2013</span>).
 <span itemprop="name">
 <i>Shape of Things: a Philosophy of Design</i></span>.
 <meta itemprop="contentLocation" value="London"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Reaktion Books</span></span>.</span>




 </dd>

 </p>

 <p id="ingold_faire_2017">
 <dt>
 Ingold, 
 Gosselin &amp; Afeissa


 (2017)</dt>

 <dd>











 <span itemscope itemtype="https://schema.org/Book" data-type="book"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Ingold</span>, 
 <meta itemprop="givenName" content="Tim">
 T.</span>, 
 <span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Gosselin</span>, 
 <meta itemprop="givenName" content="Hervé.">
 H.</span> &amp; <span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="familyName">Afeissa</span>, 
 <meta itemprop="givenName" content="Hicham-Stéphane">
 H.</span> 
 (<span itemprop="datePublished">2017</span>).
 <span itemprop="name">
 <i>Faire: anthropologie, archéologie, art et architecture</i></span>.
 <meta itemprop="contentLocation" value="Bellevaux"> 
 <span itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
 <span itemprop="name">Éditions Dehors</span></span>.</span>




 </dd>

 </p>


 </dl>
 </section>
--- a/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/index.html
+++ b/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/index.html
@@ -0,0 +1,187 @@
 <!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>Opening Mail / frantic.im (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <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>
 <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>
 <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>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://frantic.im/opening-mail/">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>Opening Mail / frantic.im</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://frantic.im/opening-mail/" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-07
    </p>
  </nav>
  <hr>
  <p>I never liked opening envelopes; they’re tricky and ripping them open is annoying. My letters would get stuck or tear with the envelope.</p>
 <p>The mail just used to stack up, and I’d miss important stuff because of it.</p>
 <p>But then I found this cool little gadget from Japan.</p>
 <p><a href="https://www.amazon.com/dp/B001GR4DQ8" target="_blank">
  <img src="https://frantic.im/assets/ceramic-letter-opener.jpg">
 </a></p>
 <p>It’s well-made, affordable, and feels good to use. Plus, it’s safe.</p>
 <p>The best part? It actually made me enjoy opening my mail.</p>
 <p>After this experience, I started thinking differently about unpleasent tasks. Is there a tool or a service that add delight to mundane things?</p>
 <p>I also started noticing when people do this subconiously. For example, most software engineers I know hate blogging, but they like building their own blog engine to make blogging more pleasant (I’m very guilty of this too).</p>
 <p>Kent Beck <a href="https://twitter.com/KentBeck/status/250733358307500032">nailed it</a>: “for each desired change, make the change easy (warning: this may be hard), then make the easy change”.</p>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/index.md
+++ b/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/index.md
@@ -0,0 +1,16 @@
 title: Opening Mail / frantic.im
 url: https://frantic.im/opening-mail/
 hash_url: 7a223e552e8a8e3e11c759cbc5bc3ffa
 archive_date: 2024-01-07

 <p>I never liked opening envelopes; they’re tricky and ripping them open is annoying. My letters would get stuck or tear with the envelope.</p>
 <p>The mail just used to stack up, and I’d miss important stuff because of it.</p>
 <p>But then I found this cool little gadget from Japan.</p>
 <a href="https://www.amazon.com/dp/B001GR4DQ8" target="_blank">
  <img src="https://frantic.im/assets/ceramic-letter-opener.jpg">
 </a>
 <p>It’s well-made, affordable, and feels good to use. Plus, it’s safe.</p>
 <p>The best part? It actually made me enjoy opening my mail.</p>
 <p>After this experience, I started thinking differently about unpleasent tasks. Is there a tool or a service that add delight to mundane things?</p>
 <p>I also started noticing when people do this subconiously. For example, most software engineers I know hate blogging, but they like building their own blog engine to make blogging more pleasant (I’m very guilty of this too).</p>
 <p>Kent Beck <a href="https://twitter.com/KentBeck/status/250733358307500032">nailed it</a>: “for each desired change, make the change easy (warning: this may be hard), then make the easy change”.</p>
--- a/cache/2024/9bc04d41d25fc73391116d99b7259a3d/index.html
+++ b/cache/2024/9bc04d41d25fc73391116d99b7259a3d/index.html
@@ -0,0 +1,211 @@
 <!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>notes (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <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>
 <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>
 <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>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://www.la-grange.net/2023/07/10/notes-train">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>notes</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://www.la-grange.net/2023/07/10/notes-train" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-07
    </p>
  </nav>
  <hr>
  <figure>
  <img src="https://www.la-grange.net/2023/07/10/0797-batiment-visage.jpg" alt="bâtiments avec deux signes blancs. L'ensemble donne un peu l'impression d'un visage.">
  <figcaption>Cupertino, États-Unis, 10 juillet 2023</figcaption>
 </figure>
 <blockquote>
 <p>From the point of view of scientific objectivity the stereotypes were inaccurate conclusions derived from unsound methods.<br>
 — The Myth Of The Lazy Native, Syed Hussein Alatas, urn:isbn:978-967-0311-97-5</p>
 </blockquote>
 <p><a href="https://www.la-grange.net/2023/07/09/western">Hier</a>, je mentionnais que je partagerais mes notes de train. Le long trajet est essentiel. Surtout ne pas se laisser tenter par un livre, un ordinateur de poche, ou autres artifices. L'ennui permet l'étincelle des rêveries, tout comme la nuit la profondeur des rêves. Mes notes sont de plus en plus souvent en anglais et quand je les recopie, je dois souvent me traduire.</p>
 <ul>
 <li>Two men walking naked on Castro with their hands covering their penises.</li>
 <li>Sometimes I like unpretentious food. Often?</li>
 <li>Amère-ika (avec un jeu de mot sur le calmar)</li>
 <li>Caltrain. 1 hour between trains.</li>
 <li>Flooding the streets with trees. Keep half the road only. J'aimerais tant reboiser les villes, que chacun des axes ne soient que des corridors verts.</li>
 <li>I want to be able to quote a podcast like I quote the part of a webpage with automatic transcribing of the text to insert in a blog post with references to the podcast source.</li>
 <li>From cloudy San-Francisco to Sunnyvale.</li>
 <li>When we cover the land with concrete, we kill the subterranean world. No water.</li>
 <li>My eyes are faster than my camera.</li>
 <li>Caltrain. Some cars with a lot of space for bikes. That’s cool. Personne ne prend le train et pourtant, il y a des systèmes comme ce wagon réservé aux vélos.</li>
 <li>A childhood in the Silicon Valley suburb. Qu'est-ce que cela signifie ? Comment l'enfant voit le monde une fois toute son enfance passée dans une banlieue avec très peu de confrontations urbaines. De larges espaces entre les maisons, le parfum des eucalyptus et du camphrier, des trottoirs de béton, des jardins privés devant chaque maison. Un mall tous les dix ou vingt pâtés de maisons et des autoroutes.</li>
 <li>Worse it’s possible to imagine because of the American feeding through movies and tv series.</li>
 <li>Being offline is a treat.</li>
 </ul>
 <hr>
 <p>Plus de trois ans que je me demande si je dois changer mousse mon vélo parce que le cadre est un peu trop petit. Le 20 janvier prochain (2024), il aura 10 ans. Et puis je n’arrive pas à m’y résoudre car mousse fonctionne très bien depuis 10 ans. Et que c'est cela le plaisir d'un vélo et de ce geste écologique, celui de pouvoir l'utiliser, le réparer pendant très, <strong>très</strong> longtemps. Je vois de nombreux vélos que je trouve attirant, mais au final il n'y a rien qui ne justifie un nouveal achat pour remplacer ce vélo qui fonctionne. Il me faudra lui faire une réparation de 10 ans, cela semble un choix plus judicieux et du coup plus écologique.</p>
 <hr>
 <p>Je remarque une fourmi sur le mur. Elle est 50 fois plus grande que sa taille réelle à cause de son ombre.</p>
 <hr>
 <p><a href="https://jvns.ca/blog/2023/07/08/open-sourcing-the-nginx-playground/">I’m not very good at open source</a>.</p>
 <p>Il y a souvent un prix social et émotionnel à partager les choses en ligne.</p>
 <blockquote>
 <p>The README is mostly an extended apology for the developer experience and note that the project is unmaintained.</p>
 </blockquote>
 <p>Je crois que c'est une bonne attitude.</p>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2024/9bc04d41d25fc73391116d99b7259a3d/index.md
+++ b/cache/2024/9bc04d41d25fc73391116d99b7259a3d/index.md
@@ -0,0 +1,40 @@
 title: notes
 url: https://www.la-grange.net/2023/07/10/notes-train
 hash_url: 9bc04d41d25fc73391116d99b7259a3d
 archive_date: 2024-01-07
  
 <figure>
  <img src="https://www.la-grange.net/2023/07/10/0797-batiment-visage.jpg" alt="bâtiments avec deux signes blancs. L'ensemble donne un peu l'impression d'un visage.">
  <figcaption>Cupertino, États-Unis, 10 juillet 2023</figcaption>
 </figure>
 <blockquote>
 <p>From the point of view of scientific objectivity the stereotypes were inaccurate conclusions derived from unsound methods.<br>
 — The Myth Of The Lazy Native, Syed Hussein Alatas, urn:isbn:978-967-0311-97-5</p>
 </blockquote>
 <p><a href="https://www.la-grange.net/2023/07/09/western">Hier</a>, je mentionnais que je partagerais mes notes de train. Le long trajet est essentiel. Surtout ne pas se laisser tenter par un livre, un ordinateur de poche, ou autres artifices. L'ennui permet l'étincelle des rêveries, tout comme la nuit la profondeur des rêves. Mes notes sont de plus en plus souvent en anglais et quand je les recopie, je dois souvent me traduire.</p>
 <ul>
 <li>Two men walking naked on Castro with their hands covering their penises.</li>
 <li>Sometimes I like unpretentious food. Often?</li>
 <li>Amère-ika (avec un jeu de mot sur le calmar)</li>
 <li>Caltrain. 1 hour between trains.</li>
 <li>Flooding the streets with trees. Keep half the road only. J'aimerais tant reboiser les villes, que chacun des axes ne soient que des corridors verts.</li>
 <li>I want to be able to quote a podcast like I quote the part of a webpage with automatic transcribing of the text to insert in a blog post with references to the podcast source.</li>
 <li>From cloudy San-Francisco to Sunnyvale.</li>
 <li>When we cover the land with concrete, we kill the subterranean world. No water.</li>
 <li>My eyes are faster than my camera.</li>
 <li>Caltrain. Some cars with a lot of space for bikes. That’s cool. Personne ne prend le train et pourtant, il y a des systèmes comme ce wagon réservé aux vélos.</li>
 <li>A childhood in the Silicon Valley suburb. Qu'est-ce que cela signifie ? Comment l'enfant voit le monde une fois toute son enfance passée dans une banlieue avec très peu de confrontations urbaines. De larges espaces entre les maisons, le parfum des eucalyptus et du camphrier, des trottoirs de béton, des jardins privés devant chaque maison. Un mall tous les dix ou vingt pâtés de maisons et des autoroutes.</li>
 <li>Worse it’s possible to imagine because of the American feeding through movies and tv series.</li>
 <li>Being offline is a treat.</li>
 </ul>
 <hr>
 <p>Plus de trois ans que je me demande si je dois changer mousse mon vélo parce que le cadre est un peu trop petit. Le 20 janvier prochain (2024), il aura 10 ans. Et puis je n’arrive pas à m’y résoudre car mousse fonctionne très bien depuis 10 ans. Et que c'est cela le plaisir d'un vélo et de ce geste écologique, celui de pouvoir l'utiliser, le réparer pendant très, <strong>très</strong> longtemps. Je vois de nombreux vélos que je trouve attirant, mais au final il n'y a rien qui ne justifie un nouveal achat pour remplacer ce vélo qui fonctionne. Il me faudra lui faire une réparation de 10 ans, cela semble un choix plus judicieux et du coup plus écologique.</p>
 <hr>
 <p>Je remarque une fourmi sur le mur. Elle est 50 fois plus grande que sa taille réelle à cause de son ombre.</p>
 <hr>
 <p><a href="https://jvns.ca/blog/2023/07/08/open-sourcing-the-nginx-playground/">I’m not very good at open source</a>.</p>
 <p>Il y a souvent un prix social et émotionnel à partager les choses en ligne.</p>
 <blockquote>
 <p>The README is mostly an extended apology for the developer experience and note that the project is unmaintained.</p>
 </blockquote>
 <p>Je crois que c'est une bonne attitude.</p>
--- a/cache/2024/b31ba18e3de1fc479b79f1885043026a/index.html
+++ b/cache/2024/b31ba18e3de1fc479b79f1885043026a/index.html
@@ -0,0 +1,197 @@
 <!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>When to use CSS text-wrap: balance; vs text-wrap: pretty; (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <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>
 <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>
 <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>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>When to use CSS text-wrap: balance; vs text-wrap: pretty;</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-07
    </p>
  </nav>
  <hr>
  <p>At the start of the year I had written about how I wanted to spend this year writing about new CSS features landing in browsers. Life happened and it was in my best interest to do things off the web and away from my computer. But I'm picking this back up again because I'm genuinely back in a space to be exploring and creating things again. I wanted to start this little post off like this for anyone else who is struggling with burnout. It's okay to take a break. It's beneficial for your brain and the rest of you. Side projects will always be there to work on.</p>
 <p>Now onto good ol' text-wrap.</p>
 <p>I was looking into <code>text-wrap</code> and doing some research on the difference between when to use <code>balance</code> and when to use <code>pretty</code> (both are still experimental, but available in Chrome, Edge and Opera.)</p>
 <h2 id="text-wrap%3A-balance%3B">text-wrap: balance; <a class="direct-link" href="#text-wrap%3A-balance%3B">#</a></h2>
 <p>There is a limit on the number of lines that <code>text-wrap: balance;</code> will apply to <em>but</em> it is dependent on how many lines there are based on the width of your text. <code>Balance</code> will only apply to less than six lines.</p>
 <p>In the demo below, if you open the code on Codepen in a supported browser, remove <code>text-wrap</code> while the width is 300px, you'll see <code>text-wrap</code> has no effect. If you change the width to 600px, add <code>text-wrap: balance;</code> back to the CSS - you'll see it does have an effect.</p>

 <p>With <code>text-wrap: balance;</code>, because there's a limit to how many lines the browser will wrap, this should only be used on headlines, headings, and subheadings. Applying it to large paragraphs will have no effect and comes at a performance cost because the browser is trying to calculate optimal balance even though it won't apply anything.</p>
 <p><img src="/img/2023/text-wrap/balance.png" alt="alt: A comparison of a heading with text-wrap balance applied vs not applied. One heading is optically balanced. The other is not with two short words that wrap to the second line of the heading. "></p>
 <p>The example above shows a comparison of a headline without balance applied and a headline with it applied. The first example doesn't look balanced, whereas the second one does.</p>
 <h2 id="text-wrap%3A-pretty%3B">text-wrap: pretty; <a class="direct-link" href="#text-wrap%3A-pretty%3B">#</a></h2>
 <p>Text wrap <code>pretty</code> is the opposite of <code>balance</code> and can be used on entire blocks of text but you're only really going to see a difference on the last four lines of text. It's primary use is to prevent orphans - or one word - on their own line.</p>
 <p>The browser makes calculations to make adjustments for you. "To balance between the typographic benefits and the performance impacts, it adjusts the last 4 lines of paragraphs that meet certain conditions." <a href="https://chromestatus.com/feature/5145771917180928">Chrome Platform Status</a>.</p>
 <p>The differences are subtle when <code>text-wrap: pretty;</code> is applied.</p>
 <p><img src="/img/2023/text-wrap/pretty.png" alt="alt: A comparison of paragraphs of text. One has text-wrap pretty applied to it and one does not. The one with text-wrap pretty has two words on the last line and the one without only has one word on the last line, an orphan.">.</p>
 <p>In the image above, the paragraph on the left does not have <code>pretty</code> applied and there is one word on the last line. In the paragraph on the right, with <code>text-wrap: pretty;</code> applied, there are two words on the last line and you can see the slight adjustments to the last three lines to make that second word wrap.</p>
 <p>Very subtle, but it provides a solution to avoid any hacks around trying to get rid of those orphan words that visually look out of place on their own line.</p>
 <p>Support for <code>pretty</code> is again quite sparse, with only Chromium browser support. Hopefully Firefox and Safari will ship these to help improve typography on the web.</p>
 <h2 id="balance-and-pretty">Balance and Pretty <a class="direct-link" href="#balance-and-pretty">#</a></h2>
 <p>Use <code>text-wrap: balance;</code> on headings and subheadings. And use <code>text-wrap: pretty;</code> on paragraphs of text to get rid of orphans on the last line. Despite the Chromium-only support, these would be a good candidate for progressive enhancement. It won't negatively affect the experience if someone is not in a supported browser, but it will some visual balance to the page for those in a browser where supported.</p>
 <p>Here's the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap">link out to MDN for text-wrap</a>.</p>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2024/b31ba18e3de1fc479b79f1885043026a/index.md
+++ b/cache/2024/b31ba18e3de1fc479b79f1885043026a/index.md
@@ -0,0 +1,26 @@
 title: When to use CSS text-wrap: balance; vs text-wrap: pretty;
 url: https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/
 hash_url: b31ba18e3de1fc479b79f1885043026a
 archive_date: 2024-01-07

 <p>At the start of the year I had written about how I wanted to spend this year writing about new CSS features landing in browsers. Life happened and it was in my best interest to do things off the web and away from my computer. But I'm picking this back up again because I'm genuinely back in a space to be exploring and creating things again. I wanted to start this little post off like this for anyone else who is struggling with burnout. It's okay to take a break. It's beneficial for your brain and the rest of you. Side projects will always be there to work on.</p>
 <p>Now onto good ol' text-wrap.</p>
 <p>I was looking into <code>text-wrap</code> and doing some research on the difference between when to use <code>balance</code> and when to use <code>pretty</code> (both are still experimental, but available in Chrome, Edge and Opera.)</p>
 <h2 id="text-wrap%3A-balance%3B">text-wrap: balance; <a class="direct-link" href="#text-wrap%3A-balance%3B">#</a></h2>
 <p>There is a limit on the number of lines that <code>text-wrap: balance;</code> will apply to <em>but</em> it is dependent on how many lines there are based on the width of your text. <code>Balance</code> will only apply to less than six lines.</p>
 <p>In the demo below, if you open the code on Codepen in a supported browser, remove <code>text-wrap</code> while the width is 300px, you'll see <code>text-wrap</code> has no effect. If you change the width to 600px, add <code>text-wrap: balance;</code> back to the CSS - you'll see it does have an effect.</p>

 <p>With <code>text-wrap: balance;</code>, because there's a limit to how many lines the browser will wrap, this should only be used on headlines, headings, and subheadings. Applying it to large paragraphs will have no effect and comes at a performance cost because the browser is trying to calculate optimal balance even though it won't apply anything.</p>
 <p><img src="/img/2023/text-wrap/balance.png" alt="alt: A comparison of a heading with text-wrap balance applied vs not applied. One heading is optically balanced. The other is not with two short words that wrap to the second line of the heading. "></p>
 <p>The example above shows a comparison of a headline without balance applied and a headline with it applied. The first example doesn't look balanced, whereas the second one does.</p>
 <h2 id="text-wrap%3A-pretty%3B">text-wrap: pretty; <a class="direct-link" href="#text-wrap%3A-pretty%3B">#</a></h2>
 <p>Text wrap <code>pretty</code> is the opposite of <code>balance</code> and can be used on entire blocks of text but you're only really going to see a difference on the last four lines of text. It's primary use is to prevent orphans - or one word - on their own line.</p>
 <p>The browser makes calculations to make adjustments for you. "To balance between the typographic benefits and the performance impacts, it adjusts the last 4 lines of paragraphs that meet certain conditions." <a href="https://chromestatus.com/feature/5145771917180928">Chrome Platform Status</a>.</p>
 <p>The differences are subtle when <code>text-wrap: pretty;</code> is applied.</p>
 <p><img src="/img/2023/text-wrap/pretty.png" alt="alt: A comparison of paragraphs of text. One has text-wrap pretty applied to it and one does not. The one with text-wrap pretty has two words on the last line and the one without only has one word on the last line, an orphan.">.</p>
 <p>In the image above, the paragraph on the left does not have <code>pretty</code> applied and there is one word on the last line. In the paragraph on the right, with <code>text-wrap: pretty;</code> applied, there are two words on the last line and you can see the slight adjustments to the last three lines to make that second word wrap.</p>
 <p>Very subtle, but it provides a solution to avoid any hacks around trying to get rid of those orphan words that visually look out of place on their own line.</p>
 <p>Support for <code>pretty</code> is again quite sparse, with only Chromium browser support. Hopefully Firefox and Safari will ship these to help improve typography on the web.</p>
 <h2 id="balance-and-pretty">Balance and Pretty <a class="direct-link" href="#balance-and-pretty">#</a></h2>
 <p>Use <code>text-wrap: balance;</code> on headings and subheadings. And use <code>text-wrap: pretty;</code> on paragraphs of text to get rid of orphans on the last line. Despite the Chromium-only support, these would be a good candidate for progressive enhancement. It won't negatively affect the experience if someone is not in a supported browser, but it will some visual balance to the page for those in a browser where supported.</p>
 <p>Here's the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap">link out to MDN for text-wrap</a>.</p>
--- a/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/index.html
+++ b/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/index.html
@@ -0,0 +1,224 @@
 <!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>Behind the controversy at Basecamp (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <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>
 <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>
 <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>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>Behind the controversy at Basecamp</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-07
    </p>
  </nav>
  <hr>
  <p class="duet--article--article-body-component">
 <h3 class="duet--article--dangerously-set-cms-markup duet--article--standard-heading mb-20 mt-40 font-polysans text-26 font-medium leading-110 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple md:text-30 [&amp;&gt;a:hover]:shadow-highlight-franklin dark:[&amp;&gt;a:hover]:shadow-highlight-franklin [&amp;&gt;a]:shadow-underline-black dark:[&amp;&gt;a]:shadow-underline-white"><strong>I.</strong></h3></p>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white min-h-[80px] first-letter:float-left first-letter:mr-18 first-letter:font-polysans-mono first-letter:text-100 first-letter:font-medium first-letter:leading-[.72]  first-letter:selection:bg-franklin-20 dark:first-letter:text-franklin">The controversy that embroiled enterprise software maker Basecamp this week began more than a decade ago, with a simple list of customers.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Around 2009, Basecamp customer service representatives began keeping a list of names that they found funny. More than a decade later, current employees were so mortified by the practice that none of them would give me a single example of a name on the list. One invoked the sorts of names Bart Simpson used to use when prank calling Moe the Bartender: Amanda Hugginkiss, Seymour Butz, Mike Rotch.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Many of the names were of American or European origin. But others were Asian, or African, and eventually the list — titled “Best Names Ever” — began to make people uncomfortable. What once had felt like an innocent way to blow off steam, amid the ongoing cultural reckoning over speech and corporate responsibility, increasingly looked inappropriate, and often racist.</p></div>
 <div class="duet--article--article-body-component clear-both block md:float-left md:mr-30 md:w-[320px] lg:-ml-100"><div class="duet--article--article-pullquote mb-20"><p class="mb-10 h-[22px] w-[65px] bg-franklin"></p><p class="duet--article--dangerously-set-cms-markup relative bg-repeating-lines-dark bg-[length:1px_1.2em] pb-8 font-polysans text-28 font-medium leading-120 tracking-1 selection:bg-franklin-20  dark:bg-repeating-lines-light dark:text-white dark:selection:bg-blurple">Several employees, though, are already making their exit plans</p></div></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Discussion about the list and how the company ought to hold itself accountable for creating it led directly to CEO Jason Fried announcing Tuesday that <a href="https://world.hey.com/jason/changes-at-basecamp-7f32afc5">Basecamp would ban employees from holding “societal and political discussions”</a> on the company’s internal chat forums. The move, which has sparked widespread discussion in Silicon Valley, <a href="/interface/2020/9/30/21493906/brian-armstrong-coinbase-blog-post-politics-workplace-activism">follows a similar move from cryptocurrency company Coinbase last year</a>.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Fried’s memo was revised and updated several times; co-founder David Heinemeier Hansson followed with <a href="https://world.hey.com/dhh/basecamp-s-new-etiquette-regarding-societal-politics-at-work-b44bef69">one of his own</a>. Together, they are two of the most outspoken leaders in the entire tech industry on issues related to company culture, remote work, and collaboration. The company has <a href="https://basecamp.com/books">published five books</a> on work culture, one of which was a <em>New York Times </em>bestseller.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">But both of their posts avoided discussing the actual series of events that had led up to the policies, which were related directly to the workplace. In fact, the events all took place on Basecamp’s own software, which it sells to other companies on the promise of improving cohesion and reducing stress in the workplace.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Employees say the founders’ memos unfairly depicted their workplace as being riven by partisan politics, when in fact the main source of the discussion had always been Basecamp itself.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">“At least in my experience, it has always been centered on what is happening at Basecamp,” said one employee — who, like most of those I spoke with today, requested anonymity so as to freely discuss internal deliberations. “What is being done at Basecamp? What is being said at Basecamp? And how it is affecting individuals? It has never been big political discussions, like ‘the postal service should be disbanded,’ or ‘I don’t like Amy Klobuchar.’”</p></div>
 <div class="duet--article--article-body-component clear-both block md:float-left md:mr-30 md:w-[320px] lg:-ml-100"><div class="duet--article--article-pullquote mb-20"><p class="mb-10 h-[22px] w-[65px] bg-franklin"></p><p class="duet--article--dangerously-set-cms-markup relative bg-repeating-lines-dark bg-[length:1px_1.2em] pb-8 font-polysans text-28 font-medium leading-120 tracking-1 selection:bg-franklin-20  dark:bg-repeating-lines-light dark:text-white dark:selection:bg-blurple">“A lot of people are gonna have a tough time living with that”</p></div></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Interviews with a half-dozen Basecamp employees over the past day paint a portrait of a company where workers sought to advance Basecamp’s commitment to diversity, equity, and inclusion by having sensitive discussions about the company’s own failures. After months of fraught conversations, Fried and his co-founder, David Heinemeier Hansson moved to shut those conversations down.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">”In the end, we feel like this is the long-term healthy way forward for Basecamp as a whole — the company and our products,” Fried wrote in his blog post.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Several employees, though, are already making their exit plans.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Basecamp, which makes workplace collaboration tools and launched the email service Hey last year, has long been recognized for producing “opinionated software.”</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">“We’ve hired opinionated people, we’ve created opinionated software, and now basically the company has said, ‘well, your opinions don’t really matter — unless it’s directly related to business,’” one told me. “A lot of people are gonna have a tough time living with that.”</p></div>
 <p class="duet--article--article-body-component">
 <h3 class="duet--article--dangerously-set-cms-markup duet--article--standard-heading mb-20 mt-40 font-polysans text-26 font-medium leading-110 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple md:text-30 [&amp;&gt;a:hover]:shadow-highlight-franklin dark:[&amp;&gt;a:hover]:shadow-highlight-franklin [&amp;&gt;a]:shadow-underline-black dark:[&amp;&gt;a]:shadow-underline-white"><strong>II.</strong> </h3></p>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white min-h-[80px] first-letter:float-left first-letter:mr-18 first-letter:font-polysans-mono first-letter:text-100 first-letter:font-medium first-letter:leading-[.72]  first-letter:selection:bg-franklin-20 dark:first-letter:text-franklin">In December, a new hire at Basecamp volunteered to help the company work on diversity issues. Posting on a long-dormant thread in the <a href="https://basecamp.com/how-it-works">Basecamp software</a>, which resembles a message board, the employee sought other volunteers to begin working on DE&amp;I issues. </p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">There was reason to believe that the co-founders would be receptive. In 2017, after Basecamp had been around for 18 years, Fried <a href="https://www.inc.com/magazine/201709/jason-fried/2017-inc5000-diversity-in-the-workforce.html">wrote an essay in <em>Inc.</em> about the company’s weak record on diversity issues</a>. “I believe a company is at its best when it reflects those it serves,” Fried wrote. “If you fill a room with 20 random employees and 20 random customers, an outside observer should have trouble telling them apart.” </p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Last year, in the wake of the racial justice protest that swept the country, Hansson had encouraged employees to read <em>Between the World and Me</em>, a memoir by Ta-Nehisi Coates, and <em>The New Jim Crow</em>, Michelle Alexander’s exploration of the racist nature of mass incarceration. Both founders are also active — and occasionally hyperactive — on Twitter, where they regularly advocate for mainstream liberal and progressive views on social issues.</p></div>
 <div class="duet--article--article-body-component clear-both block md:float-left md:mr-30 md:w-[320px] lg:-ml-100"><div class="duet--article--article-pullquote mb-20"><p class="mb-10 h-[22px] w-[65px] bg-franklin"></p><p class="duet--article--dangerously-set-cms-markup relative bg-repeating-lines-dark bg-[length:1px_1.2em] pb-8 font-polysans text-28 font-medium leading-120 tracking-1 selection:bg-franklin-20  dark:bg-repeating-lines-light dark:text-white dark:selection:bg-blurple">“just a gross violation of the trust”</p></div></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">While Basecamp does not publish diversity statistics, it is still, like most tech companies, majority white and male, employees said. But the idea of worker-led efforts on diversity issues got a frosty reception from the founders last year, employees told me. They were allowed to work on the project, but did not feel as if the founders were particularly invested in the outcome. </p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Nonetheless, the DE&amp;I council attracted significant support. More than a third of the company — 20 out of roughly 58 employees — volunteered to help. They began examining Basecamp’s hiring processes, which vendors the company works with, how Basecamp employees socialize, and what speakers they might invite to one of the all-remote company’s twice-yearly in-person gatherings.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">In the aftermath of these discussions, employees began to discuss the list of customer names. On April 13, two employees posted an apology on the internal Basecamp for having contributed to the list in the past. The employee responsible for initially creating it had left the company. But while previous versions of the list had been deleted, copies had resurfaced. </p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">The employees noted that there had never been an internal reckoning over the list, and said it was important to discuss why making fun of customers’ names had been wrong. The apology included an image of “<a href="https://www.adl.org/sites/default/files/documents/pyramid-of-hate.pdf">the pyramid of hate</a>,” an illustration created by the Anti-Defamation League to show how the most extreme acts of extremist violence are enabled by a foundation of biased attitudes and acts of bias.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">A day later, Hansson responded with a post of his own. He had conducted a forensic analysis of who created the document and how it had spread around the company. He called it a systemic failure on the company’s part. In a conversation with me today, he acknowledged that he and Fried had known about the list for years.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">“There was some awareness at the time within the company that that list had existed and it wasn’t acted upon. That is squarely on Jason’s and my record.” The list, he said, “in itself is just a gross violation of the trust … It’s just wrong in all sorts of fundamental ways.”</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Employees responded mostly positively to the first part of this note. But Hansson went further, taking exception to the use of the pyramid of hate in a workplace discussion. He told me today that attempting to link the list of customer names to potential genocide represented a case of “catastrophizing” — one that made it impossible for any good-faith discussions to follow. Presumably, any employees who are found contributing to genocidal attitudes should be fired on the spot — and yet nobody involved seemed to think that contributing to or viewing the list was a fireable offense. If that’s the case, Hansson said, then the pyramid of hate had no place in the discussion. To him, it escalated employees’ emotions past the point of being productive. </p></div>
 <div class="duet--article--article-body-component clear-both block md:float-left md:mr-30 md:w-[320px] lg:-ml-100"><div class="duet--article--article-pullquote mb-20"><p class="mb-10 h-[22px] w-[65px] bg-franklin"></p><p class="duet--article--dangerously-set-cms-markup relative bg-repeating-lines-dark bg-[length:1px_1.2em] pb-8 font-polysans text-28 font-medium leading-120 tracking-1 selection:bg-franklin-20  dark:bg-repeating-lines-light dark:text-white dark:selection:bg-blurple">for a small company, Basecamp has taken an outsized number of political stances</p></div></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Hansson wanted to acknowledge the situation as a failure and move on. But when employees who had been involved in the list wanted to continue talking about it, he grew exasperated. “You are the person you are complaining about,” he thought.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Employees took a different view. In a response to Hansson’s post, one employee noted that the way we treat names — especially foreign names — is deeply connected to social and racial hierarchies. Just a few weeks earlier, eight people had been killed in a shooting spree in Atlanta. Six of the victims were women of Asian descent, and their names had sometimes been mangled in press reports. (The Asian American Journalists Association responded by <a href="https://twitter.com/IAmAmnaNawaz/status/1373016964038324228?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E1373016964038324228%7Ctwgr%5E%7Ctwcon%5Es1_&amp;ref_url=https%3A%2F%2Fwww.dailykos.com%2Fstory%2F2021%2F3%2F27%2F2022680%2F-Say-their-names">issuing a pronunciation guide</a>.) The point was that dehumanizing behavior begins with very small actions, and it did not seem like too much to ask Basecamp’s founders to acknowledge that.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Hansson’s response to this employee took aback many of the workers I spoke with. He dug through old chat logs to find a time when the employee in question participated in a discussion about a customer with a funny-sounding name. Hansson posted the message — visible to the entire company — and dismissed the substance of the employee’s complaint.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Two other employees were sufficiently concerned by the public dressing-down of a colleague that they filed complaints with Basecamp’s human resources officer. (HR declined to take action against the company co-founder.) </p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Less than two weeks later, Fried announced the new company policies.</p></div>
 <p class="duet--article--article-body-component">
 <h3 class="duet--article--dangerously-set-cms-markup duet--article--standard-heading mb-20 mt-40 font-polysans text-26 font-medium leading-110 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple md:text-30 [&amp;&gt;a:hover]:shadow-highlight-franklin dark:[&amp;&gt;a:hover]:shadow-highlight-franklin [&amp;&gt;a]:shadow-underline-black dark:[&amp;&gt;a]:shadow-underline-white"><strong>III.</strong> </h3></p>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white min-h-[80px] first-letter:float-left first-letter:mr-18 first-letter:font-polysans-mono first-letter:text-100 first-letter:font-medium first-letter:leading-[.72]  first-letter:selection:bg-franklin-20 dark:first-letter:text-franklin">When Coinbase announced its ban on internal political discussions last year, some managers I spoke with praised the move for the clarity it brought to the workplace. By making workplace chat a politics-free zone, Coinbase was freeing employees to do the work they were hired to, rather than wage partisan warfare on the job. It’s no surprise, then, that Coinbase CEO Brian Armstrong was among those who praised Basecamp’s moves this week: “Another mission focused company,” <a href="https://twitter.com/brian_armstrong/status/1386806511628783617?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Etweet">he tweeted</a>, followed by the emoji for applause. “It takes courage in these times.”</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">What that view misses, I think, is how confusing rules like these are to employees. One Basecamp worker I spoke with today, who requested anonymity, wondered the extent to which parenting issues could be raised at work. “How do you talk about raising kids without talking about society?” the employee said. “As soon as I bring up public schools, then it’s already political.”</p></div>
 <div class="duet--article--article-body-component clear-both block md:float-left md:mr-30 md:w-[320px] lg:-ml-100"><div class="duet--article--article-pullquote mb-20"><p class="mb-10 h-[22px] w-[65px] bg-franklin"></p><p class="duet--article--dangerously-set-cms-markup relative bg-repeating-lines-dark bg-[length:1px_1.2em] pb-8 font-polysans text-28 font-medium leading-120 tracking-1 selection:bg-franklin-20  dark:bg-repeating-lines-light dark:text-white dark:selection:bg-blurple">the move was received more as a shift to willful ignorance</p></div></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Jane Yang, a data analyst at the company, told me that restricting internal conversations would negatively affect diversity and inclusion efforts. For example, she said, the company’s profit-sharing plan gave more profits to people who have longer tenure — a group that is majority white and male. Making that discussion off-limits internally could ensure that inequality in profit sharing becomes a structural feature of the company. (Yang also <a href="https://janeyang.org/2021/04/27/an-open-letter-to-jason-and-david/">wrote an open letter to the founders about her experiences at the company</a>.)</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">That confusion is compounded by the fact that, for a small company, Basecamp has taken an outsized number of political stances — all of which employees are encouraged to discuss. Most prominently, the company and its founders have been <a href="/2020/6/18/21295778/apple-app-store-hey-email-fees-policies-antitrust-wwdc-2020">vocal critics of Apple’s 30 percent tax on in-app purchases</a>. But it has also involved itself in politics at a much lower level: in 2018 Basecamp <a href="https://www.bizjournals.com/chicago/inno/stories/news/2018/04/30/why-tech-founder-neal-s-les-griffin-is-running-for.html">let a candidate for Chicago mayor use its office in the West Loop as a campaign headquarters</a>.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Basecamp employees are encouraged to discuss the company’s own political positions — or, perhaps more accurately, the founders’ political positions — as much as they like. Keeping track of which issues of the moment are up for discussion thus becomes one more chunk of mental overhead for employees who are already struggling. </p></div>
 <div class="duet--article--article-body-component clear-both block md:float-left md:mr-30 md:w-[320px] lg:-ml-100"><div class="duet--article--article-pullquote mb-20"><p class="mb-10 h-[22px] w-[65px] bg-franklin"></p><p class="duet--article--dangerously-set-cms-markup relative bg-repeating-lines-dark bg-[length:1px_1.2em] pb-8 font-polysans text-28 font-medium leading-120 tracking-1 selection:bg-franklin-20  dark:bg-repeating-lines-light dark:text-white dark:selection:bg-blurple">“they are not interested in seeing things in their work timeline that make them uncomfortable”</p></div></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">Hansson told me that the rules are not draconian — no one is going to be bounced out the door for occasionally straying out of bounds. The founders’ goal is to reset the culture and focus on making products, he said, not to purge political partisans from the workforce. </p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white">But to employees, the move was received more as a shift to willful ignorance — about the world around them, and about the lived experiences of the employees who occupied it.</p></div>
 <div class="duet--article--article-body-component"><p class="duet--article--dangerously-set-cms-markup duet--article--standard-paragraph mb-20 font-fkroman text-18 leading-160 -tracking-1 selection:bg-franklin-20 dark:text-white dark:selection:bg-blurple [&amp;_a:hover]:shadow-highlight-franklin dark:[&amp;_a:hover]:shadow-highlight-blurple [&amp;_a]:shadow-underline-black dark:[&amp;_a]:shadow-underline-white after:absolute after:ml-8 after:mt-2 after:content-[url(/icons/endmark.svg)]">“There’s always been this kind of unwritten rule at Basecamp that the company basically exists for David and Jason’s enjoyment,” one employee told me. “At the end of the day, they are not interested in seeing things in their work timeline that make them uncomfortable, or distracts them from what they’re interested in. And this is the culmination of that.”</p></div>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/index.md
+++ b/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/index.md
--- a/cache/2024/d236f33cf82727313d17cb23bf36a395/index.html
+++ b/cache/2024/d236f33cf82727313d17cb23bf36a395/index.html
@@ -0,0 +1,180 @@
 <!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>Reconsider your partnership with Brave (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <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>
 <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>
 <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>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>Reconsider your partnership with Brave</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-07
    </p>
  </nav>
  <hr>
  <p>Our goal is to provide best web results in the world. That means including as many sources of search results we can get (even if may not like them personally) and this increases our resilience and lowers dependence on any single one.</p>
 <p>We believe that Kagi users deserve to have the best search results in the world, from a wide range of diverse sources. This ensures that if you can not find something on Kagi, you can not find it anywhere else.</p>
 <p>We evaluated APIs only on the basis of merit in the context of providing superior search engine results. Considering company x founder personal political views was not a factor in this evaluation for this or any any provider we added (for betteor or worse) and merit of technology was the main factor. Politics finding its way into tech is one of the reasons we do not have innovation any more (edit: a lot of people quoted this sentence as offputting. That line was unfortunate and added in the heat of the debate. It had nothing to do with Brave and was a reflection of how I personally felt answering 100s of messages simultaneously.)</p>
 <p>We are primarly in the business of search and we'd like to stay focused on that.</p>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2024/d236f33cf82727313d17cb23bf36a395/index.md
+++ b/cache/2024/d236f33cf82727313d17cb23bf36a395/index.md
@@ -0,0 +1,12 @@
 title: Reconsider your partnership with Brave
 url: https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6
 hash_url: d236f33cf82727313d17cb23bf36a395
 archive_date: 2024-01-07

 Our goal is to provide best web results in the world. That means including as many sources of search results we can get (even if may not like them personally) and this increases our resilience and lowers dependence on any single one.

 We believe that Kagi users deserve to have the best search results in the world, from a wide range of diverse sources. This ensures that if you can not find something on Kagi, you can not find it anywhere else.

 We evaluated APIs only on the basis of merit in the context of providing superior search engine results. Considering company x founder personal political views was not a factor in this evaluation for this or any any provider we added (for betteor or worse) and merit of technology was the main factor. Politics finding its way into tech is one of the reasons we do not have innovation any more (edit: a lot of people quoted this sentence as offputting. That line was unfortunate and added in the heat of the debate. It had nothing to do with Brave and was a reflection of how I personally felt answering 100s of messages simultaneously.)

 We are primarly in the business of search and we'd like to stay focused on that.
--- a/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/index.html
+++ b/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/index.html
@@ -0,0 +1,272 @@
 <!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>plaisir d'ébauche (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <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>
 <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>
 <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>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://www.la-grange.net/2024/01/06/ebauche">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>plaisir d'ébauche</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://www.la-grange.net/2024/01/06/ebauche" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-07
    </p>
  </nav>
  <hr>
  <figure>
  <img src="https://www.la-grange.net/2024/01/06/3008-furikake.jpg" alt="Feuilles de céleri et de persil, finement hâchées avec du zeste de citron.">
  <figcaption>Komagome, Japon, 6 janvier 2024</figcaption>
 </figure>
 <blockquote>
 <p>À Lubok Sayong, tout venait en un seul exemplaire: la rue principale, le rond-point, le feu rouge, le commissariat de police, la caserne des pompiers et son unique camion, le bureau de poste, la station-service, la tour de l'horloge, le supermarché, le cinéma, le Kentucky Fried Chicken, l'école malaise, la chinoise, celle des Tamouls, et même un pensionnat chrétien pour jeunes filles, histoire de faire bonne mesure. Nous avions un gîte d'État, infesté de cafards, et un hôtel deux étoiles avec un bar-grill au rez-de-chaussée, le Hemingway. L'hôtel proposait des chambres avec ou sans petit déjeuner, climatisées ou non, avec ou sans eau chaude; quant au bar, pas sûr que le romancier américain y eût trouvé les cocktails à son goût.<br>
 — La somme de nos folies, Shih-Li Kow, urn:isbn:9-791038-702059</p>
 </blockquote>
 <p>Quand je cuisine, je range et nettoie l'espace du travail. Je prends les ingrédients et les prépare. J'ai le plaisir de l'ébauche tout autant que celui du goût. J'aime la beauté du moment où je réalise le plat, le travail qui construit son élaboration, les parfums frais, l'esthétique des végétaux et des épices.</p>
 <p>Le plaisir est très similaire à celui de couper le bois à La Grange qui sera utilisé pour le feu dans la cheminée. Bien que la chaleur du feu m'apaise, la coupe des branches trop longues, le ramassage des brindilles, les copeaux et la sciure m'extasient.</p>
 <hr>
 <p>Le code n'est pas disponible mais l'<a href="https://optional.is/required/2024/01/05/week-672-673/">allusion du projet</a> dans le dernier bilan hebdomadaire (<a href="https://optional.is/required/category/weeknotes/">weeknotes</a>) de Brian Suda semble intéressant.</p>
 <blockquote>
 <p>Reusing all the PHP code to <strong>create SVG pages and converting them into a PDF</strong>, we’re working on another puzzle book suitable for print-on-demand.</p>
 </blockquote>
 <p>Je me demande souvent si je devrais passer à des notes hebdomadaires, mais cela transformerait beaucoup plus le plaisir en rapport de travail. Étrange. La notion de semaine est quelque chose qui régule tellement la vie dans un rythme 5-2 qu'elle devient uniquement l'objet, le marqueur d'une vie organisée autour de l'activité professionnelle. Imaginez juste un instant que ce soit 5 jours d'activités personnelles pour 2 jours de travail. La nature même de la semaine changerait. Ou imaginons même qu'il n'y ait plus de structures du tout. J'entends déjà la vague des « oui, mais… » Justement, j'insiste « oui, mais pourquoi pas… » afin de comprendre quels sont les changements que cela pourraît provoquer sur notre temps et notre espace.</p>
 <hr>
 <p>Je <a href="/2024/01/02/ekiden">partageais</a> il y a quelques jours le podcast de Anne Savelli, <a href="https://annesavelli.fr/podcast/article/je-n-ai-pas-le-temps-d-ecrire">Je n'ai pas le temps d'écrire</a>. Cela a plu à <a href="https://mamot.fr/@emmanuelc/111699241144740226">Emmanuel</a>, mais cela a créé une tension pour <a href="https://mastodon.cloud/@notabene@piaille.fr/111699035262924101">Stéphane</a>. Avoir le temps de transcrire de faire passer les mots de l'oral à l'écrit est plus facile aujourd'hui qu'il ne l'était hier. Je ne sais pas comment Anne Savelli travaille son podcast. Lit-elle un texte écrit ? Ou improvise-t-elle ? La transcription textuelle est en effet essentielle pour nombre de personnes et pas uniquement pour les personnes avec des difficultés auditives. Mais je n'ai pas non plus d'expériences dans ce domaine. J'ai <a href="https://mastodon.cloud/@karlcow/111706701151267236">commencé à chercher de l'information</a>.</p>
 <blockquote>
 <p>Comment réalise-t-on la transcription d'un podcast à l'écrit sans trop d'efforts ? Est-ce qu'il y a des outils, des techniques, des choses à faire et ne pas faire ? Les gamelles qu'on peut essuyer en le faisant ?</p>
 </blockquote>
 <p><a href="https://floss.social/@pieq/111706731693792167">Pierre</a> a essayé <a href="https://github.com/openai/whisper">Whisper</a></p>
 <blockquote>
 <p>J'ai essayé <a href="https://github.com/openai/whisper">Whisper</a> il y a quelques temps et j'ai été assez impressionné. Ça permet de faire 90% du boulot. Comme un OCR pour l'écrit, il faut ensuite relire et corriger des choses, mais par exemple le modèle est capable de différencier différentes personnes parlant, donc même pour ça c'est pratique.</p>
 </blockquote>
 <p>Cela m'a mis la puce à l'oreille, j'ai cherché encore un peu et je suis tombé sur ce TIL récent de Simon Willison : <a href="https://til.simonwillison.net/macos/quick-whisper-youtube">Grabbing a transcript of a short snippet of a YouTube video with MacWhisper</a></p>
 <p>Je télécharge la <a href="https://goodsnooze.gumroad.com/l/macwhisper">version gratuite de MacWhisper</a>. Et j'installe le modèle multi-lingues small pour la version gratuite.</p>
 <p>Et puis je me dirige vers le site de Anne et dans le html je trouve le lien vers le fichier audio.</p>
 <pre><code>&lt;mediaelementwrapper
  id="mejs-16e57a799d4bf5f22a9cf6c9f37ecef4-0"&gt;
  &lt;audio
    class="mejs mejs-1258 done"
    data-id="16e57a799d4bf5f22a9cf6c9f37ecef4"
    src="https://annesavelli.fr/IMG/mp3/faites_entrer_l_e_criture_1er_e_pisode.mp3"
    type="audio/mpeg"
    preload="none"
    data-mejsoptions="{&amp;quot;alwaysShowControls&amp;quot;: true,&amp;quot;loop&amp;quot;:false,&amp;quot;audioWidth&amp;quot;:&amp;quot;100%&amp;quot;,&amp;quot;duration&amp;quot;:1516}"
    id="mejs-16e57a799d4bf5f22a9cf6c9f37ecef4-0_html5"&gt;
  &lt;/audio&gt;
 &lt;/mediaelementwrapper&gt;
 </code></pre>
 <p>Je réalise une copie locale et une fois téléchargé, je glisse-dépose le fichier sur MacWhisper.</p>
 <p><img src="https://www.la-grange.net/2024/01/06/macwhisper-anne.png" alt="fenêtre de l'application en cours de transcription d'un fichier audio affichant le texte du contenu audio."></p>
 <p>Une fois la transcription terminée, je peux enregistrer le <a href="/2024/01/06/temps-ecrire-anne.txt">fichier texte du podcast</a> avec la fonction export en mode paragraphe. (non corrigé, brut).</p>
 <p>Je suis impressioné.</p>
 <hr>

 <figure>
  <img src="https://www.la-grange.net/2024/01/06/3007-congee.jpg" alt="Pot avec céleri coupé, du riz et des morceaux de poulet.">
  <figcaption>Komagome, Japon, 6 janvier 2024</figcaption>
 </figure>
 <p>Je prépare un congee au poulet et céleri, avec citron et persil. Délicieux pour les soirées d'hiver froides.</p>

 <figure>
  <img src="https://www.la-grange.net/2024/01/06/3015-congee.jpg" alt="Assiette de congee.">
  <figcaption>Komagome, Japon, 6 janvier 2024</figcaption>
 </figure>
 <hr>
 <p><a href="https://nicolasbouliane.com/blog/duty-to-document">Partager ce que l'on apprend</a></p>
 <blockquote>
 <p>If you learn something the hard way, share your findings with others. You have blazed a new trail; now you must mark it for your fellow travellers. Sharing knowledge is an unreasonably effective way of helping others.</p>
 </blockquote>
 <hr>
 <p><a href="https://nota-bene.org/Impact-des-partages-et-des-partages-de-partages">Impact des partages et des partages de partages</a></p>
 <blockquote>
 <p>Pour avoir moi aussi un jour posé des limites à ma vie dans un but d’écologie, je me retrouve dans ces réflexions. J’ai été très climaticide faute de savoir, pendant longtemps. J’ai vu la Chine, Hawaii, l’Islande. Entre autres. J’ai aussi, pour le boulot ou l’amour, pris l’avion peut-être une centaine de fois dans ma vie.</p>
 </blockquote>
 <hr>
 <p><a href="https://www.nottoolateclimate.com/_files/ugd/c8ef46_ff209e95f1f94336b40c02ad2c78aee7.pdf">Give Your Own Life a Tune-Up</a> (pdf)</p>
 <blockquote>
 <p>It is absolutely good to reduce your climate impact through what you buy, eat, and do; how you travel; and other things you have control over. But there are two important things to consider: <strong>one is that we can’t get to where we need to go just by everyone staying home and being careful about what they eat or getting on a bike</strong>. We need big change and we need it fast, and we will only get there by public engagement and collective effort. The other is that the fossil-fuel industry campaigned to get people to think about their own climate footprints to try to convince us that we’re the problem and focus on ourselves instead of on them and system change.</p>
 </blockquote>
 <hr>
 <p><a href="https://nicolasbouliane.com/blog/calm-tech">Calm tech</a></p>
 <blockquote>
 <p>But an important aspect is missing from Amber’s manifesto: calm requires trust. A quiet street only creates calm in a safe neighbourhood, and the tech industry definitely isn’t one of those.</p>
 </blockquote>
 <hr>
 <p><a href="https://remue.net/ressusciter-des-mots-et-des-figures-effacees">patrimoine et matrimoine</a> par <a href="https://www.auroreevain.com/">Aurore Évain</a>.</p>
 <blockquote>
 <p>Raconter l’histoire de ces mots permet de démontrer que leur disparition n’est pas un simple effet de l’usage, mais la conséquence d’un effacement volontaire, politique et institutionnel de ces féminins, qui s’est accompagné d’une masculinisation plus globale de la langue, avec entre autres la généralisation de l’accord au masculin, du fait qu’il était alors considéré comme « le genre le plus noble ». Tout ceci participe d’une instrumentalisation idéologique et sexiste du langage, survenue au XVIIe siècle, et confiée à l’Académie française.</p>
 </blockquote>
 <hr>
 <p><a href="https://www.nature.com/articles/d41586-022-04412-x">Degrowth can work — here’s how science can help</a></p>
 <p>L'article donne des voies sur les besoins de la décroissance mais aussi donne des chemins pour y parvenir comme s'extraire de la dépendance à la croissance.</p>
 <blockquote>
 <p>Economies today depend on growth in several ways. Welfare is often funded by tax revenues. Private pension providers rely on stock-market growth for financial returns. Firms cite projected growth to attract investors. Researchers need to identify and address such ‘growth dependencies’ on a sector-by-sector basis.</p>
 </blockquote>
 <p>Leur 5 points d'action :</p>
 <ul>
 <li>Remove dependencies on growth</li>
 <li>Fund public services</li>
 <li>Manage working-time reductions</li>
 <li>Reshape provisioning systems</li>
 <li>Political feasibility and opposition</li>
 </ul>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/index.md
+++ b/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/index.md
@@ -0,0 +1,101 @@
 title: plaisir d'ébauche
 url: https://www.la-grange.net/2024/01/06/ebauche
 hash_url: d75afc90a9d3c3b5a56b69446795fbb5
 archive_date: 2024-01-07

 <figure>
  <img src="https://www.la-grange.net/2024/01/06/3008-furikake.jpg" alt="Feuilles de céleri et de persil, finement hâchées avec du zeste de citron.">
  <figcaption>Komagome, Japon, 6 janvier 2024</figcaption>
 </figure>
 <blockquote>
 <p>À Lubok Sayong, tout venait en un seul exemplaire: la rue principale, le rond-point, le feu rouge, le commissariat de police, la caserne des pompiers et son unique camion, le bureau de poste, la station-service, la tour de l'horloge, le supermarché, le cinéma, le Kentucky Fried Chicken, l'école malaise, la chinoise, celle des Tamouls, et même un pensionnat chrétien pour jeunes filles, histoire de faire bonne mesure. Nous avions un gîte d'État, infesté de cafards, et un hôtel deux étoiles avec un bar-grill au rez-de-chaussée, le Hemingway. L'hôtel proposait des chambres avec ou sans petit déjeuner, climatisées ou non, avec ou sans eau chaude; quant au bar, pas sûr que le romancier américain y eût trouvé les cocktails à son goût.<br>
 — La somme de nos folies, Shih-Li Kow, urn:isbn:9-791038-702059</p>
 </blockquote>
 <p>Quand je cuisine, je range et nettoie l'espace du travail. Je prends les ingrédients et les prépare. J'ai le plaisir de l'ébauche tout autant que celui du goût. J'aime la beauté du moment où je réalise le plat, le travail qui construit son élaboration, les parfums frais, l'esthétique des végétaux et des épices.</p>
 <p>Le plaisir est très similaire à celui de couper le bois à La Grange qui sera utilisé pour le feu dans la cheminée. Bien que la chaleur du feu m'apaise, la coupe des branches trop longues, le ramassage des brindilles, les copeaux et la sciure m'extasient.</p>
 <hr>
 <p>Le code n'est pas disponible mais l'<a href="https://optional.is/required/2024/01/05/week-672-673/">allusion du projet</a> dans le dernier bilan hebdomadaire (<a href="https://optional.is/required/category/weeknotes/">weeknotes</a>) de Brian Suda semble intéressant.</p>
 <blockquote>
 <p>Reusing all the PHP code to <strong>create SVG pages and converting them into a PDF</strong>, we’re working on another puzzle book suitable for print-on-demand.</p>
 </blockquote>
 <p>Je me demande souvent si je devrais passer à des notes hebdomadaires, mais cela transformerait beaucoup plus le plaisir en rapport de travail. Étrange. La notion de semaine est quelque chose qui régule tellement la vie dans un rythme 5-2 qu'elle devient uniquement l'objet, le marqueur d'une vie organisée autour de l'activité professionnelle. Imaginez juste un instant que ce soit 5 jours d'activités personnelles pour 2 jours de travail. La nature même de la semaine changerait. Ou imaginons même qu'il n'y ait plus de structures du tout. J'entends déjà la vague des « oui, mais… » Justement, j'insiste « oui, mais pourquoi pas… » afin de comprendre quels sont les changements que cela pourraît provoquer sur notre temps et notre espace.</p>
 <hr>
 <p>Je <a href="/2024/01/02/ekiden">partageais</a> il y a quelques jours le podcast de Anne Savelli, <a href="https://annesavelli.fr/podcast/article/je-n-ai-pas-le-temps-d-ecrire">Je n'ai pas le temps d'écrire</a>. Cela a plu à <a href="https://mamot.fr/@emmanuelc/111699241144740226">Emmanuel</a>, mais cela a créé une tension pour <a href="https://mastodon.cloud/@notabene@piaille.fr/111699035262924101">Stéphane</a>. Avoir le temps de transcrire de faire passer les mots de l'oral à l'écrit est plus facile aujourd'hui qu'il ne l'était hier. Je ne sais pas comment Anne Savelli travaille son podcast. Lit-elle un texte écrit ? Ou improvise-t-elle ? La transcription textuelle est en effet essentielle pour nombre de personnes et pas uniquement pour les personnes avec des difficultés auditives. Mais je n'ai pas non plus d'expériences dans ce domaine. J'ai <a href="https://mastodon.cloud/@karlcow/111706701151267236">commencé à chercher de l'information</a>.</p>
 <blockquote>
 <p>Comment réalise-t-on la transcription d'un podcast à l'écrit sans trop d'efforts ? Est-ce qu'il y a des outils, des techniques, des choses à faire et ne pas faire ? Les gamelles qu'on peut essuyer en le faisant ?</p>
 </blockquote>
 <p><a href="https://floss.social/@pieq/111706731693792167">Pierre</a> a essayé <a href="https://github.com/openai/whisper">Whisper</a></p>
 <blockquote>
 <p>J'ai essayé <a href="https://github.com/openai/whisper">Whisper</a> il y a quelques temps et j'ai été assez impressionné. Ça permet de faire 90% du boulot. Comme un OCR pour l'écrit, il faut ensuite relire et corriger des choses, mais par exemple le modèle est capable de différencier différentes personnes parlant, donc même pour ça c'est pratique.</p>
 </blockquote>
 <p>Cela m'a mis la puce à l'oreille, j'ai cherché encore un peu et je suis tombé sur ce TIL récent de Simon Willison : <a href="https://til.simonwillison.net/macos/quick-whisper-youtube">Grabbing a transcript of a short snippet of a YouTube video with MacWhisper</a></p>
 <p>Je télécharge la <a href="https://goodsnooze.gumroad.com/l/macwhisper">version gratuite de MacWhisper</a>. Et j'installe le modèle multi-lingues small pour la version gratuite.</p>
 <p>Et puis je me dirige vers le site de Anne et dans le html je trouve le lien vers le fichier audio.</p>
 <pre><code>&lt;mediaelementwrapper
  id="mejs-16e57a799d4bf5f22a9cf6c9f37ecef4-0"&gt;
  &lt;audio
    class="mejs mejs-1258 done"
    data-id="16e57a799d4bf5f22a9cf6c9f37ecef4"
    src="https://annesavelli.fr/IMG/mp3/faites_entrer_l_e_criture_1er_e_pisode.mp3"
    type="audio/mpeg"
    preload="none"
    data-mejsoptions="{&amp;quot;alwaysShowControls&amp;quot;: true,&amp;quot;loop&amp;quot;:false,&amp;quot;audioWidth&amp;quot;:&amp;quot;100%&amp;quot;,&amp;quot;duration&amp;quot;:1516}"
    id="mejs-16e57a799d4bf5f22a9cf6c9f37ecef4-0_html5"&gt;
  &lt;/audio&gt;
 &lt;/mediaelementwrapper&gt;
 </code></pre>
 <p>Je réalise une copie locale et une fois téléchargé, je glisse-dépose le fichier sur MacWhisper.</p>
 <p><img src="https://www.la-grange.net/2024/01/06/macwhisper-anne.png" alt="fenêtre de l'application en cours de transcription d'un fichier audio affichant le texte du contenu audio."></p>
 <p>Une fois la transcription terminée, je peux enregistrer le <a href="/2024/01/06/temps-ecrire-anne.txt">fichier texte du podcast</a> avec la fonction export en mode paragraphe. (non corrigé, brut).</p>
 <p>Je suis impressioné.</p>
 <hr>

 <figure>
  <img src="https://www.la-grange.net/2024/01/06/3007-congee.jpg" alt="Pot avec céleri coupé, du riz et des morceaux de poulet.">
  <figcaption>Komagome, Japon, 6 janvier 2024</figcaption>
 </figure>
 <p>Je prépare un congee au poulet et céleri, avec citron et persil. Délicieux pour les soirées d'hiver froides.</p>

 <figure>
  <img src="https://www.la-grange.net/2024/01/06/3015-congee.jpg" alt="Assiette de congee.">
  <figcaption>Komagome, Japon, 6 janvier 2024</figcaption>
 </figure>
 <hr>
 <p><a href="https://nicolasbouliane.com/blog/duty-to-document">Partager ce que l'on apprend</a></p>
 <blockquote>
 <p>If you learn something the hard way, share your findings with others. You have blazed a new trail; now you must mark it for your fellow travellers. Sharing knowledge is an unreasonably effective way of helping others.</p>
 </blockquote>
 <hr>
 <p><a href="https://nota-bene.org/Impact-des-partages-et-des-partages-de-partages">Impact des partages et des partages de partages</a></p>
 <blockquote>
 <p>Pour avoir moi aussi un jour posé des limites à ma vie dans un but d’écologie, je me retrouve dans ces réflexions. J’ai été très climaticide faute de savoir, pendant longtemps. J’ai vu la Chine, Hawaii, l’Islande. Entre autres. J’ai aussi, pour le boulot ou l’amour, pris l’avion peut-être une centaine de fois dans ma vie.</p>
 </blockquote>
 <hr>
 <p><a href="https://www.nottoolateclimate.com/_files/ugd/c8ef46_ff209e95f1f94336b40c02ad2c78aee7.pdf">Give Your Own Life a Tune-Up</a> (pdf)</p>
 <blockquote>
 <p>It is absolutely good to reduce your climate impact through what you buy, eat, and do; how you travel; and other things you have control over. But there are two important things to consider: <strong>one is that we can’t get to where we need to go just by everyone staying home and being careful about what they eat or getting on a bike</strong>. We need big change and we need it fast, and we will only get there by public engagement and collective effort. The other is that the fossil-fuel industry campaigned to get people to think about their own climate footprints to try to convince us that we’re the problem and focus on ourselves instead of on them and system change.</p>
 </blockquote>
 <hr>
 <p><a href="https://nicolasbouliane.com/blog/calm-tech">Calm tech</a></p>
 <blockquote>
 <p>But an important aspect is missing from Amber’s manifesto: calm requires trust. A quiet street only creates calm in a safe neighbourhood, and the tech industry definitely isn’t one of those.</p>
 </blockquote>
 <hr>
 <p><a href="https://remue.net/ressusciter-des-mots-et-des-figures-effacees">patrimoine et matrimoine</a> par <a href="https://www.auroreevain.com/">Aurore Évain</a>.</p>
 <blockquote>
 <p>Raconter l’histoire de ces mots permet de démontrer que leur disparition n’est pas un simple effet de l’usage, mais la conséquence d’un effacement volontaire, politique et institutionnel de ces féminins, qui s’est accompagné d’une masculinisation plus globale de la langue, avec entre autres la généralisation de l’accord au masculin, du fait qu’il était alors considéré comme « le genre le plus noble ». Tout ceci participe d’une instrumentalisation idéologique et sexiste du langage, survenue au XVIIe siècle, et confiée à l’Académie française.</p>
 </blockquote>
 <hr>
 <p><a href="https://www.nature.com/articles/d41586-022-04412-x">Degrowth can work — here’s how science can help</a></p>
 <p>L'article donne des voies sur les besoins de la décroissance mais aussi donne des chemins pour y parvenir comme s'extraire de la dépendance à la croissance.</p>
 <blockquote>
 <p>Economies today depend on growth in several ways. Welfare is often funded by tax revenues. Private pension providers rely on stock-market growth for financial returns. Firms cite projected growth to attract investors. Researchers need to identify and address such ‘growth dependencies’ on a sector-by-sector basis.</p>
 </blockquote>
 <p>Leur 5 points d'action :</p>
 <ul>
 <li>Remove dependencies on growth</li>
 <li>Fund public services</li>
 <li>Manage working-time reductions</li>
 <li>Reshape provisioning systems</li>
 <li>Political feasibility and opposition</li>
 </ul>
--- a/cache/2024/index.html
+++ b/cache/2024/index.html
@@ -0,0 +1,187 @@
 <!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>Articles archivés — David Larlet</title>
 <meta name="description" content="Lien vers les publications externes mises en cache.">
 <!-- 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">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <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>
 <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>
 <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>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <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>

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <header>
    <h1>Articles archivés</h1>
 </header>
 <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a>
    </p>
 </nav>
 <hr>
 <main>
    <ul>
      
        <li><a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Accès à l’article dans le cache local : Reconsider your partnership with Brave">Reconsider your partnership with Brave</a> (<a href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6" title="Accès à l’article original distant : Reconsider your partnership with Brave">original</a>)</li>
      
        <li><a href="/david/cache/2024/9bc04d41d25fc73391116d99b7259a3d/" title="Accès à l’article dans le cache local : notes">notes</a> (<a href="https://www.la-grange.net/2023/07/10/notes-train" title="Accès à l’article original distant : notes">original</a>)</li>
      
        <li><a href="/david/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/" title="Accès à l’article dans le cache local : Opening Mail / frantic.im">Opening Mail / frantic.im</a> (<a href="https://frantic.im/opening-mail/" title="Accès à l’article original distant : Opening Mail / frantic.im">original</a>)</li>
      
        <li><a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Accès à l’article dans le cache local : Behind the controversy at Basecamp">Behind the controversy at Basecamp</a> (<a href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy" title="Accès à l’article original distant : Behind the controversy at Basecamp">original</a>)</li>
      
        <li><a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Accès à l’article dans le cache local : plaisir d'ébauche">plaisir d'ébauche</a> (<a href="https://www.la-grange.net/2024/01/06/ebauche" title="Accès à l’article original distant : plaisir d'ébauche">original</a>)</li>
      
        <li><a href="/david/cache/2024/b31ba18e3de1fc479b79f1885043026a/" title="Accès à l’article dans le cache local : When to use CSS text-wrap: balance; vs text-wrap: pretty;">When to use CSS text-wrap: balance; vs text-wrap: pretty;</a> (<a href="https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/" title="Accès à l’article original distant : When to use CSS text-wrap: balance; vs text-wrap: pretty;">original</a>)</li>
      
        <li><a href="/david/cache/2024/55477786fc56b6fc37bb97231b634d90/" title="Accès à l’article dans le cache local : Fabrique : concept">Fabrique : concept</a> (<a href="https://www.quaternum.net/2023/06/02/fabrique-concept/" title="Accès à l’article original distant : Fabrique : concept">original</a>)</li>
      
        <li><a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Accès à l’article dans le cache local : Ma page /now (ou plutôt /en-ce-moment)">Ma page /now (ou plutôt /en-ce-moment)</a> (<a href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment" title="Accès à l’article original distant : Ma page /now (ou plutôt /en-ce-moment)">original</a>)</li>
      
    </ul>
 </main>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/templates/cache_archives.html
+++ b/templates/cache_archives.html
@@ -16,7 +16,7 @@
 <main>
    <ul>
      {% for cache in cache_list %}
        <li><a href="/david/cache/2022/{{ cache.hash_url }}/" title="Accès à l’article dans le cache local : {{ cache.title }}">{{ cache.title }}</a> (<a href="{{ cache.url }}" title="Accès à l’article original distant : {{ cache.title }}">original</a>)</li>
        <li><a href="/david/cache/2024/{{ cache.hash_url }}/" title="Accès à l’article dans le cache local : {{ cache.title }}">{{ cache.title }}</a> (<a href="{{ cache.url }}" title="Accès à l’article original distant : {{ cache.title }}">original</a>)</li>
      {% endfor %}
    </ul>
 </main>
--- a/templates/cache_article.html
+++ b/templates/cache_article.html
@@ -18,6 +18,8 @@
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="{{ cache.url }}" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le {{ cache.archive_date }}
    </p>
  </nav>
  <hr>
--- a/templates/cache_article.md
+++ b/templates/cache_article.md
@@ -1,5 +1,6 @@
 title: {{ title }}
 url: {{ url }}
 hash_url: {{ hash_url }}
 archive_date: {{ archive_date }}

 {{ content }}