davidbgk
/
larlet-fr-david-cache
Obserwuj 1
Gwiazdka 0
Forkuj 0
Kod Wydania 0 Aktywność
Przeglądaj źródła

Links

master
David Larlet 1 rok temu
rodzic
32dcd43bf0
commit
b6470dc7ad
Podpisane przez: David Larlet <david@larlet.fr> ID klucza GPG: 3E2953A359E7E7BD
7 zmienionych plików z 498 dodań i 10 usunięć
Widok podzielony Pokaż statystyki zmian
  1. 208
    0
      cache/2023/462022ad2f27ff57387e9d0f49e96bad/index.html
  2. 31
    0
      cache/2023/462022ad2f27ff57387e9d0f49e96bad/index.md
  3. 196
    0
      cache/2023/543d854b54593b8bf1adc2c491468bca/index.html
  4. 55
    0
      cache/2023/543d854b54593b8bf1adc2c491468bca/index.md
  5. 1
    5
      cache/2023/977dc3c51f364f41db786f881d2c3fd2/index.html
  6. 1
    5
      cache/2023/d40295a6495f934934436470ad425cac/index.html
  7. 6
    0
      cache/2023/index.html

+ 208
- 0
cache/2023/462022ad2f27ff57387e9d0f49e96bad/index.html Wyświetl plik

@@ -0,0 +1,208 @@
<!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>Work by Giles Turnbull (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)">
<!-- 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://gilest.org/shoebox.html">

<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>Work by Giles Turnbull</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://gilest.org/shoebox.html" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<body id="readabilityBody">

<p class="headar"><a href="index.html">gilest.org</a></p>

<h1>Shoebox</h1>

<p>I have a habit of using old shoeboxes to keep things in. Old photos, bits of paper, odds-and-ends that don’t have another place to live. </p>

<p>This is my digital shoebox: a bit of website where for the odds-and-ends. I put things here so that I can delete them from other places. </p>


<ul>
<li><a href="shoebox/sweet-film/index.html">Sweet Film</a>, an album of photos made using <a href="https://sweetfilm.app">Sweet Film</a> for iOS; I thought about using it for a project, but I never did</li>
<li><a href="https://twitter.gilest.org">An archive of my Twitter account</a>, 2006-2023. RIP.</li>
<li><a href="greetings-cards.html">Designs for greetings cards</a></li>
<li><a href="anti-growth-coalition.html">Anti-growth coalition</a></li>
<li><a href="breathing-is-an-exchange-of-gases.html">Breathing is an exchange of gases</a></li>
<li><a href="lockdown-quizzes.html">Some quizzes I made for lockdown socialising</a></li>
<li><a href="shoebox/oja-certificate.jpg">Online Journalism Awards certificate</a> - for being a finalist in the 2012 awards, for <a href="https://themorningnews.org/article/twitter-by-post">Twitter by post</a>
</li><li><a href="shoebox/giles-in-dot-net.png">That time I got interviewed in .net magazine</a> (about <a href="https://themorningnews.org/article/twitter-by-post">Twitter by post</a>)</li>
<li><a href="shoebox/singing-thing.html">Singing thing</a> - a draft of a piece I started for <a href="https://themorningnews.com"><em>The Morning News</em></a> but never finished</li>
<li><a href="pretend-office-tweets.html">Pretend Office tweets</a>, draft tweets from the team at the company that's almost certainly among the best in the field that it's in (<a href="https://www.pretendoffice.co.uk">see also</a>)</li>
<li><a href="shoebox/sf.html">Science fiction I grew up with</a>, a draft of a blog post I never finished</li>
<li><a href="shoebox/future-of-social-networking.txt">The future of social networking</a>, a piece I wrote for The Daily Telegraph (I think) in about 2010-ish (I think)</li>
<li><a href="shoebox/i-couldnt-take-this-photo.html">I couldn't take this photo</a></li>
<li><a href="scanned-furniture.html">Scanned sleeve art for Furniture albums</a></li>
<li><a href="shoebox/jobs.html">Nightmare jobs from hell</a>, a note about some of the terrible jobs I did as a youth</li>
<li><a href="shoebox/start-thing.html">Start thing</a>, a home-made internet start page from the late 1990s. We used to make these ourselves, you know.</li>
<li><a href="shoebox/kleinrock.txt">The birth of the internet</a>, a brief email exchange with Leonard Kleinrock, from back when I was a fresh young internet correspondent</li>
<li><a href="shoebox/journolinks.html">Internet links for UK journalists</a>, another hand-made page from the 90s, when people made "lists" of "links" </li>
<li><a href="shoebox/index_20001222.html">This web site's home page</a> from 22nd December, 2000</li>
<li><a href="shoebox/pilot.html">Palm stuff</a> and <a href="shoebox/palm.html">palmpilot stuff</a>, two versions of an ancient web page about my Palm Pilot</li>
</ul>



</body>
</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>

+ 31
- 0
cache/2023/462022ad2f27ff57387e9d0f49e96bad/index.md Wyświetl plik

@@ -0,0 +1,31 @@
title: Shoebox — Work by Giles Turnbull
url: https://gilest.org/shoebox.html
hash_url: 462022ad2f27ff57387e9d0f49e96bad

<p>I have a habit of using old shoeboxes to keep things in. Old photos, bits of paper, odds-and-ends that don’t have another place to live. </p>

<p>This is my digital shoebox: a bit of website where for the odds-and-ends. I put things here so that I can delete them from other places. </p>


<ul>
<li><a href="https://gilest.org/shoebox/sweet-film/index.html">Sweet Film</a>, an album of photos made using <a href="https://sweetfilm.app">Sweet Film</a> for iOS; I thought about using it for a project, but I never did</li>
<li><a href="https://twitter.gilest.org">An archive of my Twitter account</a>, 2006-2023. RIP.</li>
<li><a href="https://gilest.org/greetings-cards.html">Designs for greetings cards</a></li>
<li><a href="https://gilest.org/anti-growth-coalition.html">Anti-growth coalition</a></li>
<li><a href="https://gilest.org/breathing-is-an-exchange-of-gases.html">Breathing is an exchange of gases</a></li>
<li><a href="https://gilest.org/lockdown-quizzes.html">Some quizzes I made for lockdown socialising</a></li>
<li><a href="https://gilest.org/shoebox/oja-certificate.jpg">Online Journalism Awards certificate</a> - for being a finalist in the 2012 awards, for <a href="https://themorningnews.org/article/twitter-by-post">Twitter by post</a>
</li><li><a href="https://gilest.org/shoebox/giles-in-dot-net.png">That time I got interviewed in .net magazine</a> (about <a href="https://themorningnews.org/article/twitter-by-post">Twitter by post</a>)</li>
<li><a href="https://gilest.org/shoebox/singing-thing.html">Singing thing</a> - a draft of a piece I started for <a href="https://themorningnews.com"><em>The Morning News</em></a> but never finished</li>
<li><a href="pretend-office-tweets.html">Pretend Office tweets</a>, draft tweets from the team at the company that's almost certainly among the best in the field that it's in (<a href="https://www.pretendoffice.co.uk">see also</a>)</li>
<li><a href="https://gilest.org/shoebox/sf.html">Science fiction I grew up with</a>, a draft of a blog post I never finished</li>
<li><a href="https://gilest.org/shoebox/future-of-social-networking.txt">The future of social networking</a>, a piece I wrote for The Daily Telegraph (I think) in about 2010-ish (I think)</li>
<li><a href="https://gilest.org/shoebox/i-couldnt-take-this-photo.html">I couldn't take this photo</a></li>
<li><a href="https://gilest.org/scanned-furniture.html">Scanned sleeve art for Furniture albums</a></li>
<li><a href="https://gilest.org/shoebox/jobs.html">Nightmare jobs from hell</a>, a note about some of the terrible jobs I did as a youth</li>
<li><a href="https://gilest.org/shoebox/start-thing.html">Start thing</a>, a home-made internet start page from the late 1990s. We used to make these ourselves, you know.</li>
<li><a href="https://gilest.org/shoebox/kleinrock.txt">The birth of the internet</a>, a brief email exchange with Leonard Kleinrock, from back when I was a fresh young internet correspondent</li>
<li><a href="https://gilest.org/shoebox/journolinks.html">Internet links for UK journalists</a>, another hand-made page from the 90s, when people made "lists" of "links" </li>
<li><a href="https://gilest.org/shoebox/index_20001222.html">This web site's home page</a> from 22nd December, 2000</li>
<li><a href="https://gilest.org/shoebox/pilot.html">Palm stuff</a> and <a href="shoebox/palm.html">palmpilot stuff</a>, two versions of an ancient web page about my Palm Pilot</li>
</ul>

+ 196
- 0
cache/2023/543d854b54593b8bf1adc2c491468bca/index.html Wyświetl plik

@@ -0,0 +1,196 @@
<!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>La blogchain - Carnet de 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)">
<!-- 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://n.survol.fr/n/la-blogchain">

<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>La blogchain - Carnet de 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://n.survol.fr/n/la-blogchain" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<p>Avec les réseaux sociaux, les petits espaces person­nels inter­con­nec­tés qu’é­taient les blogs ont peu à peu disparu du paysage. Il en reste, mais les liens ne sont plus aussi forts.</p>

<p>À la grande époque il était fréquent d’avoir des <a href="https://fr.wiktionary.org/wiki/blogroll">blogroll</a>. sur un coin de chaque page. J’ai­me­rais relan­cer ça d’une façon ou d’une autre.</p>

<p>Je vous propose ce qui suit :</p>

<p>Je lie cinq blogs person­nels, choi­sis arbi­trai­re­ment et sans hiérar­chie, avec une phrase sur pourquoi ils me sont impor­tants, en choi­sis­sant un billet précis que j’ai aimé y trou­ver :</p>

<ul>
<li><a href="https://larlet.fr/david/" data-type="URL" data-id="https://larlet.fr/david/">David</a>, qui me donne à réflé­chir dans mon agré­ga­teur depuis proba­ble­ment pas loin de 20 ans, initia­le­ment sur des sujets tech­niques et aujourd’­hui plus via ses réflexions sur lui-même et son trajet de vie : <a href="https://larlet.fr/david/2023/03/04/">Jour 3</a>.</li>
</ul>

<ul>
<li><a href="https://www.la-grange.net/" data-type="URL" data-id="https://www.la-grange.net/">La Grange</a>, entre poésie, tech­nique et dépay­se­ment au Japon, quand je serai grand j’es­père être comme lui (je regrette juste l’ab­sence de recherche sur le blog parce que je n’ai pas réussi à retrou­ver le billet que j’au­rais aimé lier ici) : <a href="https://www.la-grange.net/2023/01/27/encens">Encens</a>.</li>
</ul>

<ul>
<li><a href="https://libelilou.github.io/" data-type="URL" data-id="https://libelilou.github.io/">Prin­cesse RH</a>, pour mettre quelque chose de très diffé­rent des quatre premiers, avec des morceaux de règles admi­nis­tra­tives dedans mais racon­tées d’une façon qui me donne envie de les lire : <a href="https://libelilou.github.io/2023/08/10/montant-net-social.html" data-type="URL" data-id="https://libelilou.github.io/2023/08/10/montant-net-social.html">Le montant net social</a>.</li>
</ul>

<p>J’ai écrit à ces cinq là. Je les incite à faire eux aussi une liste de cinq liens à parta­ger, sur le même format et avec les mêmes règles. S’ils le font, j’ajou­te­rai aussi les liens vers leur propre <em>blog­chain</em>. </p>

<p>Si la chaîne revient vers moi avec un chemin assez long, je recom­men­ce­rai avec cinq autres billets, de cinq blogs person­nels diffé­rents de ceux déjà cités (mais qui ont tous un flux RSS). J’es­père que ça arri­vera parce que me limi­ter à cinq est un exer­cice diffi­cile telle­ment il y a de personnes et d’écrits que j’ap­pré­cie.</p>

<p>Si vous faites vous-même un billet simi­laire, venez en parler en commen­taire.</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>

+ 55
- 0
cache/2023/543d854b54593b8bf1adc2c491468bca/index.md Wyświetl plik

@@ -0,0 +1,55 @@
title: La blogchain - Carnet de notes
url: https://n.survol.fr/n/la-blogchain
hash_url: 543d854b54593b8bf1adc2c491468bca

<p>Avec les réseaux sociaux, les petits espaces person­nels inter­con­nec­tés qu’é­taient les blogs ont peu à peu disparu du paysage. Il en reste, mais les liens ne sont plus aussi forts.</p>



<p>À la grande époque il était fréquent d’avoir des <a href="https://fr.wiktionary.org/wiki/blogroll">blogroll</a>. sur un coin de chaque page. J’ai­me­rais relan­cer ça d’une façon ou d’une autre.</p>



<p>Je vous propose ce qui suit :</p>



<p>Je lie cinq blogs person­nels, choi­sis arbi­trai­re­ment et sans hiérar­chie, avec une phrase sur pourquoi ils me sont impor­tants, en choi­sis­sant un billet précis que j’ai aimé y trou­ver :</p>



<ul>
<li><a href="https://larlet.fr/david/" data-type="URL" data-id="https://larlet.fr/david/">David</a>, qui me donne à réflé­chir dans mon agré­ga­teur depuis proba­ble­ment pas loin de 20 ans, initia­le­ment sur des sujets tech­niques et aujourd’­hui plus via ses réflexions sur lui-même et son trajet de vie : <a href="https://larlet.fr/david/2023/03/04/">Jour 3</a>.</li>
</ul>







<ul>
<li><a href="https://www.la-grange.net/" data-type="URL" data-id="https://www.la-grange.net/">La Grange</a>, entre poésie, tech­nique et dépay­se­ment au Japon, quand je serai grand j’es­père être comme lui (je regrette juste l’ab­sence de recherche sur le blog parce que je n’ai pas réussi à retrou­ver le billet que j’au­rais aimé lier ici) : <a href="https://www.la-grange.net/2023/01/27/encens">Encens</a>.</li>
</ul>







<ul>
<li><a href="https://libelilou.github.io/" data-type="URL" data-id="https://libelilou.github.io/">Prin­cesse RH</a>, pour mettre quelque chose de très diffé­rent des quatre premiers, avec des morceaux de règles admi­nis­tra­tives dedans mais racon­tées d’une façon qui me donne envie de les lire : <a href="https://libelilou.github.io/2023/08/10/montant-net-social.html" data-type="URL" data-id="https://libelilou.github.io/2023/08/10/montant-net-social.html">Le montant net social</a>.</li>
</ul>



<p>J’ai écrit à ces cinq là. Je les incite à faire eux aussi une liste de cinq liens à parta­ger, sur le même format et avec les mêmes règles. S’ils le font, j’ajou­te­rai aussi les liens vers leur propre <em>blog­chain</em>. </p>



<p>Si la chaîne revient vers moi avec un chemin assez long, je recom­men­ce­rai avec cinq autres billets, de cinq blogs person­nels diffé­rents de ceux déjà cités (mais qui ont tous un flux RSS). J’es­père que ça arri­vera parce que me limi­ter à cinq est un exer­cice diffi­cile telle­ment il y a de personnes et d’écrits que j’ap­pré­cie.</p>



<p>Si vous faites vous-même un billet simi­laire, venez en parler en commen­taire.</p>

+ 1
- 5
cache/2023/977dc3c51f364f41db786f881d2c3fd2/index.html Wyświetl plik

@@ -71,8 +71,7 @@
</p>
</nav>
<hr>
<article class="post tag-social-health tag-climate-health tag-public-health featured content post-access-public no-overflow">
<p>There's this play by Eugene Ionesco called, "Rhinoceros."</p>
<p>There's this play by Eugene Ionesco called, "Rhinoceros."</p>
<p>You should read it sometime.</p>
<p>It's about an ordinary dude named Berenger, a Lebowski type who drinks too much and never shows up anywhere on time. Things get interesting when he meets up with a friend for coffee, but their conversation gets interrupted when...yep... a rhinoceros charges through the town square. Over the course of three acts, Berenger watches everyone he cares about, including the woman he loves, transform into a rhinoceros.</p>
<p>Nobody believes him.</p>
@@ -108,9 +107,6 @@
<p>We're not miserable because of viruses or heat indexes. We're miserable because this system forces us to participate in our own destruction. We're miserable because we know deep down that we're in trouble, that we have to adapt, but we're still expected to sling lattes for assholes, all the way up until the moment a wildfire or a flood engulfs our neighborhood.</p>
<p>We're miserable because we're forced to watch the world burn on our phones, and then we're accused of doomscrolling.</p>
<p>Isn't that something?</p>

<p></p>
</article>
</article>



+ 1
- 5
cache/2023/d40295a6495f934934436470ad425cac/index.html Wyświetl plik

@@ -71,9 +71,7 @@
</p>
</nav>
<hr>
<div class="copy e-content">

<p><a href="https://chriscoyier.net/2023/08/25/what-if-you-did-x-every-single-day/">Chris</a>:</p>
<p><a href="https://chriscoyier.net/2023/08/25/what-if-you-did-x-every-single-day/">Chris</a>:</p>
<blockquote>
<p>My grandpa used to say that if you climb a rope every day, you’ll never not be able to do it.</p>
</blockquote>
@@ -87,8 +85,6 @@
<li>“If everybody threw their problems in a pile, once we saw everyone else’s we’d grab ours back fast.” — Grandpa</li>
</ul>
<p>Do you have some quotes from family members you always think about? Blog ‘em and <a href="https://www.jim-nielsen.com/#contact">send me a link</a>.</p>

</div>
</article>



+ 6
- 0
cache/2023/index.html Wyświetl plik

@@ -95,8 +95,12 @@
<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/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/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/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/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/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>
@@ -253,6 +257,8 @@
<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/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/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/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>

Napisz Podgląd
Ładowanie…
Anuluj
Zapisz