Browse Source

Publishing in 2023

master
David Larlet 1 year ago
parent
commit
91271b8ccb

+ 262
- 0
david/2023/01/01/index.html View File

@@ -0,0 +1,262 @@
<!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>Alleeez — David Larlet</title>
<meta name="description" content="Partons sur un rythme léger, au moins pour vérifier que la publication fonctionne pour 2023.">
<!-- 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>

<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>Alleeez</h1>
</header>
<nav>
<p class="center">
<a rel="prev" href="/david/2022/" title="Publication précédente : Publications 2022">← Précédent</a> •
<nobr>
<a href="/david/" title="Aller à l’accueil"
><svg class="icon icon-home">
<use
xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
></use>
</svg>
Accueil</a
>
</nobr>
<nobr>
<a href="/david/recherche/" title="Aller à la page de recherche"
><svg class="icon icon-search">
<use
xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-search"
></use>
</svg>
Recherche</a
>
</nobr>
</p>
</nav>
<hr>

<p>Partons sur un rythme léger, au moins pour vérifier que la publication fonctionne pour&nbsp;2023.</p>
<hr />

<blockquote>
<p>Nous voilà un an plus tard, à l’aube de 2023. Les questions de David sont toujours pertinentes. J’ai décidé de les mettre au&nbsp;travail.</p>
<p><cite><em><a href="https://d%C3%A9tour.studio/yearnotes/3/">Yearnotes #3 • détour.studio</a></em>&nbsp;(<a href="/david/cache/2023/63654b08ad9eda03b6bea8d1f82e2843/">cache</a>)</cite></p>
</blockquote>

<blockquote>
<p>Bisou&nbsp;bisou</p>
<p><cite><em><a href="http://etc-iste.blogspot.com/2022/12/bonne-annee.html">ETC-ISTE&nbsp;: Bonne année</a></em>&nbsp;(<a href="/david/cache/2023/42b4db67c4daf075941dc387d6be4aaf/">cache</a>)</cite></p>
</blockquote>


<nav>
<p>
<a href="/david/2023/amadou/"
title="Liste de tous les articles 2023 associés à cette étiquette"
>#amadou</a>
<a href="/david/2023/courage/"
title="Liste de tous les articles 2023 associés à cette étiquette"
>#courage</a>
<a href="/david/#tags-2023"
title="Liste de toutes les étiquettes 2023"
><svg class="icon icon-tags">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-tags"></use>
</svg>
tous ?</a
>
</p>
</nav>

<nav>
<p class="center">
<a rel="prev" href="/david/2022/" title="Publication précédente : Publications 2022">← Précédent</a> •
<a href="/david/2023/" title="Liste des publications récentes">↑ En 2023</a>
</p>
</nav>
</article>


<hr>

<footer>
<p>
<nobr>
<a href="/david/" title="Aller à l’accueil"
><svg class="icon icon-home">
<use
xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
></use>
</svg>
Accueil</a
>
</nobr>
<nobr>
<a href="/david/log/" title="Accès au flux RSS"
><svg class="icon icon-rss2">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
</svg>
Suivre</a
>
</nobr>
<nobr>
<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-2022-03.svg#icon-user-tie"></use>
</svg>
Pro</a
>
</nobr>
<nobr>
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
><svg class="icon icon-mail">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
</svg>
Email</a
>
</nobr>
<nobr>
<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-2022-03.svg#icon-hammer2"></use>
</svg>
Légal</abbr
>
</nobr>
</p>
<template id="theme-selector">
<form>
<fieldset>
<legend><svg class="icon icon-brightness-contrast">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.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>

+ 15
- 0
david/2023/_sources/2023-01-01 - Alleeez.md View File

@@ -0,0 +1,15 @@
# Alleeez

Partons sur un rythme léger, au moins pour vérifier que la publication fonctionne pour 2023.

---

> Nous voilà un an plus tard, à l’aube de 2023. Les questions de David sont toujours pertinentes. J’ai décidé de les mettre au travail.
>
> <cite>*[Yearnotes #3 • détour.studio](https://détour.studio/yearnotes/3/)* ([cache](/david/cache/2023/63654b08ad9eda03b6bea8d1f82e2843/))</cite>

> Bisou bisou
>
> <cite>*[ETC-ISTE : Bonne année](http://etc-iste.blogspot.com/2022/12/bonne-annee.html)* ([cache](/david/cache/2023/42b4db67c4daf075941dc387d6be4aaf/))</cite>

#amadou #courage

+ 229
- 0
david/2023/amadou/index.html View File

@@ -0,0 +1,229 @@
<!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>Tag #amadou — David Larlet</title>
<meta name="description" content="Publications relatives au tag #amadou">
<!-- 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>

<style type="text/css">
details[open] summary {
display: none;
}
</style>

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


<header>
<h1>Publications relatives au tag #amadou</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 rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
</svg> Étiquettes</a>
</p>
</nav>
<hr>
<main>
<p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
<h2><a href="/david/2023/01/01/" title="Lien permanent vers cet article">Alleeez</a> (2023-01-01)</h2>
<p>Partons sur un rythme léger, au moins pour vérifier que la publication fonctionne pour&nbsp;2023.</p>
<hr />

<blockquote>
<p>Nous voilà un an plus tard, à l’aube de 2023. Les questions de David sont toujours pertinentes. J’ai décidé de les mettre au&nbsp;travail.</p>
<p><cite><em><a href="https://d%C3%A9tour.studio/yearnotes/3/">Yearnotes #3 • détour.studio</a></em>&nbsp;(<a href="/david/cache/2023/63654b08ad9eda03b6bea8d1f82e2843/">cache</a>)</cite></p>
</blockquote>

<blockquote>
<p>Bisou&nbsp;bisou</p>
<p><cite><em><a href="http://etc-iste.blogspot.com/2022/12/bonne-annee.html">ETC-ISTE&nbsp;: Bonne année</a></em>&nbsp;(<a href="/david/cache/2023/42b4db67c4daf075941dc387d6be4aaf/">cache</a>)</cite></p>
</blockquote>


</main>


<hr>

<footer>
<p>
<nobr>
<a href="/david/" title="Aller à l’accueil"
><svg class="icon icon-home">
<use
xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
></use>
</svg>
Accueil</a
>
</nobr>
<nobr>
<a href="/david/log/" title="Accès au flux RSS"
><svg class="icon icon-rss2">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
</svg>
Suivre</a
>
</nobr>
<nobr>
<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-2022-03.svg#icon-user-tie"></use>
</svg>
Pro</a
>
</nobr>
<nobr>
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
><svg class="icon icon-mail">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
</svg>
Email</a
>
</nobr>
<nobr>
<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-2022-03.svg#icon-hammer2"></use>
</svg>
Légal</abbr
>
</nobr>
</p>
<template id="theme-selector">
<form>
<fieldset>
<legend><svg class="icon icon-brightness-contrast">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.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>

+ 229
- 0
david/2023/courage/index.html View File

@@ -0,0 +1,229 @@
<!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>Tag #courage — David Larlet</title>
<meta name="description" content="Publications relatives au tag #courage">
<!-- 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>

<style type="text/css">
details[open] summary {
display: none;
}
</style>

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


<header>
<h1>Publications relatives au tag #courage</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 rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
</svg> Étiquettes</a>
</p>
</nav>
<hr>
<main>
<p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
<h2><a href="/david/2023/01/01/" title="Lien permanent vers cet article">Alleeez</a> (2023-01-01)</h2>
<p>Partons sur un rythme léger, au moins pour vérifier que la publication fonctionne pour&nbsp;2023.</p>
<hr />

<blockquote>
<p>Nous voilà un an plus tard, à l’aube de 2023. Les questions de David sont toujours pertinentes. J’ai décidé de les mettre au&nbsp;travail.</p>
<p><cite><em><a href="https://d%C3%A9tour.studio/yearnotes/3/">Yearnotes #3 • détour.studio</a></em>&nbsp;(<a href="/david/cache/2023/63654b08ad9eda03b6bea8d1f82e2843/">cache</a>)</cite></p>
</blockquote>

<blockquote>
<p>Bisou&nbsp;bisou</p>
<p><cite><em><a href="http://etc-iste.blogspot.com/2022/12/bonne-annee.html">ETC-ISTE&nbsp;: Bonne année</a></em>&nbsp;(<a href="/david/cache/2023/42b4db67c4daf075941dc387d6be4aaf/">cache</a>)</cite></p>
</blockquote>


</main>


<hr>

<footer>
<p>
<nobr>
<a href="/david/" title="Aller à l’accueil"
><svg class="icon icon-home">
<use
xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
></use>
</svg>
Accueil</a
>
</nobr>
<nobr>
<a href="/david/log/" title="Accès au flux RSS"
><svg class="icon icon-rss2">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
</svg>
Suivre</a
>
</nobr>
<nobr>
<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-2022-03.svg#icon-user-tie"></use>
</svg>
Pro</a
>
</nobr>
<nobr>
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
><svg class="icon icon-mail">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
</svg>
Email</a
>
</nobr>
<nobr>
<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-2022-03.svg#icon-hammer2"></use>
</svg>
Légal</abbr
>
</nobr>
</p>
<template id="theme-selector">
<form>
<fieldset>
<legend><svg class="icon icon-brightness-contrast">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.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>

+ 236
- 0
david/2023/index.html View File

@@ -0,0 +1,236 @@
<!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>Publications sporadiques 2022 — David Larlet</title>
<meta name="description" content="Archives 2021 des publications de David Larlet">
<!-- 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>

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


<header>
<h1>Publications sporadiques 2022</h1>
</header>
<nav>
<p class="center">
<nobr>
<a href="/david/" title="Aller à l’accueil"
><svg class="icon icon-home">
<use
xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
></use>
</svg>
Accueil</a
>
</nobr>
<nobr>
<a href="/david/recherche/" title="Aller à la page de recherche"
><svg class="icon icon-search">
<use
xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-search"
></use>
</svg>
Recherche</a
>
</nobr>
</p>
</nav>
<hr>
<main>
<h3>Janvier 2023</h3>
<p>
<a href="/david/2023/01/01/">Alleeez</a>.
</p>
<h3 id="tags">
Par tags <svg class="icon icon-tags">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-tags"></use>
</svg>
</h3>
<p>
<a href="/david/2021/amadou/">#amadou (1)</a>
<a href="/david/2021/courage/">#courage (1)</a>
</p>
</main>


<hr>

<footer>
<p>
<nobr>
<a href="/david/" title="Aller à l’accueil"
><svg class="icon icon-home">
<use
xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
></use>
</svg>
Accueil</a
>
</nobr>
<nobr>
<a href="/david/log/" title="Accès au flux RSS"
><svg class="icon icon-rss2">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
</svg>
Suivre</a
>
</nobr>
<nobr>
<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-2022-03.svg#icon-user-tie"></use>
</svg>
Pro</a
>
</nobr>
<nobr>
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
><svg class="icon icon-mail">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
</svg>
Email</a
>
</nobr>
<nobr>
<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-2022-03.svg#icon-hammer2"></use>
</svg>
Légal</abbr
>
</nobr>
</p>
<template id="theme-selector">
<form>
<fieldset>
<legend><svg class="icon icon-brightness-contrast">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.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>

+ 49
- 29
david/index.html View File

@@ -70,45 +70,65 @@
<a href="http://larlet.com" data-instant>this page 🇨🇦</a>.
</p>

<h2>Publications sporadiques 2022</h2>
<h2>Publications 2023</h2>

<p>Liste des publications récentes en ordre anté-chronologique :</p>

<nav>
<p>
<a href="/david/2022/12/22/">Marcher</a>,
<a href="/david/2022/12/19/">Traces</a>,
<a href="/david/2022/11/27/">Neuf</a>,
<a href="/david/2022/11/12/">Mastodon</a>,
<a href="/david/2022/10/18/">Esclavage</a>,
<a href="/david/2022/09/03/">Bifurquer</a>,
<a href="/david/2022/08/24/">Silence</a>,
<a href="/david/2022/07/23/">Origines</a>,
<a href="/david/2022/07/14/">Vingt</a>,
<a href="/david/2022/07/08/">LudoviCovid</a>,
<a href="/david/2022/07/06/">Regard</a>,
<a href="/david/2022/06/30/">Valeur(s)</a>,
<a href="/david/2022/06/24/">Bouddhisme</a>,
<a href="/david/2022/06/06/">Hommes</a>,
<a href="/david/2022/05/30/">Méditation</a>,
<a href="/david/2022/05/17/">Outils</a>,
<a href="/david/2022/05/15/">Rédemption</a>,
<a href="/david/2022/05/13/">Aurore</a>,
<a href="/david/2022/04/26/">R&amp;Day</a>,
<a href="/david/2022/04/23/">Quarantaine</a>,
<a href="/david/2022/04/14/">Ressenti</a>,
<a href="/david/2022/04/02/">Recherche</a>,
<a href="/david/2022/03/23/">Open-source</a>,
<a href="/david/2022/03/18/">Temps</a>,
<a href="/david/2022/03/04/">Régime</a>,
<a href="/david/2022/02/17/">Envie</a>,
<a href="/david/2022/01/19/">Négatif</a>.
<a href="/david/2023/01/01/">Alleeez</a>.
</p>
</nav>

<p id="tags-2023">Ou par étiquettes :</p>

<nav>
<p>
<a href="/david/2023/amadou/">#amadou (1)</a>,
<a href="/david/2023/courage/">#courage (1)</a>.
</p>
</nav>

<h2>Publications sporadiques 2022</h2>

<p>Liste des publications en ordre chronologique :</p>

<nav>
<p>
<a href="/david/2022/01/19/">Négatif</a>,
<a href="/david/2022/02/17/">Envie</a>,
<a href="/david/2022/03/04/">Régime</a>,
<a href="/david/2022/03/18/">Temps</a>,
<a href="/david/2022/03/23/">Open-source</a>,
<a href="/david/2022/04/02/">Recherche</a>,
<a href="/david/2022/04/14/">Ressenti</a>,
<a href="/david/2022/04/23/">Quarantaine</a>,
<a href="/david/2022/04/26/">R&amp;Day</a>,
<a href="/david/2022/05/13/">Aurore</a>,
<a href="/david/2022/05/15/">Rédemption</a>,
<a href="/david/2022/05/17/">Outils</a>,
<a href="/david/2022/05/30/">Méditation</a>,
<a href="/david/2022/06/06/">Hommes</a>,
<a href="/david/2022/06/24/">Bouddhisme</a>,
<a href="/david/2022/06/30/">Valeur(s)</a>,
<a href="/david/2022/07/06/">Regard</a>,
<a href="/david/2022/07/08/">LudoviCovid</a>,
<a href="/david/2022/07/14/">Vingt</a>,
<a href="/david/2022/07/23/">Origines</a>,
<a href="/david/2022/08/24/">Silence</a>,
<a href="/david/2022/09/03/">Bifurquer</a>,
<a href="/david/2022/10/18/">Esclavage</a>,
<a href="/david/2022/11/12/">Mastodon</a>,
<a href="/david/2022/11/27/">Neuf</a>,
<a href="/david/2022/12/19/">Traces</a>,
<a href="/david/2022/12/22/">Marcher</a>.
</p>
</nav>

<p>
J’ai aussi ouvert trois nouveaux espaces cette année :
J’ai aussi ouvert trois nouveaux espaces en 2022 :
</p>
<ul>
<li><a href="https://media.larlet.fr/">Des photos/media plus ou moins récents</a></li>

+ 51
- 29
david/log/index.xml View File

@@ -6,13 +6,35 @@
<link href="https://larlet.fr/david/" rel="alternate" type="text/html" />
<link href="https://larlet.fr/david/log/" rel="self" />
<id>https://larlet.fr/david/</id>
<updated>2022-12-22T12:00:00+01:00</updated>
<updated>2023-01-01T12:00:00+01:00</updated>
<author>
<name>David Larlet</name>
<uri>https://larlet.fr/david/</uri>
</author>
<rights>Copyright (c) 2004-2022, David Larlet</rights>
<rights>Copyright (c) 2004-2023, David Larlet</rights>
<entry xml:lang="fr">
<title type="html">Alleeez</title>
<link href="https://larlet.fr/david/2023/01/01/" rel="alternate" type="text/html" />
<updated>2023-01-01T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2023/01/01/</id>
<summary type="html">
&lt;p&gt;Partons sur un rythme léger, au moins pour vérifier que la publication fonctionne pour&amp;nbsp;2023.&lt;/p&gt;
&lt;hr /&gt;

&lt;blockquote&gt;
&lt;p&gt;Nous voilà un an plus tard, à l’aube de 2023. Les questions de David sont toujours pertinentes. J’ai décidé de les mettre au&amp;nbsp;travail.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://d%C3%A9tour.studio/yearnotes/3/&quot;&gt;Yearnotes #3 • détour.studio&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/63654b08ad9eda03b6bea8d1f82e2843/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote&gt;
&lt;p&gt;Bisou&amp;nbsp;bisou&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;http://etc-iste.blogspot.com/2022/12/bonne-annee.html&quot;&gt;ETC-ISTE&amp;nbsp;: Bonne année&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/42b4db67c4daf075941dc387d6be4aaf/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/amadou/&quot;&gt;#amadou&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/courage/&quot;&gt;#courage&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>

<entry xml:lang="fr">
<title type="html">Marcher</title>
<link href="https://larlet.fr/david/2022/12/22/" rel="alternate" type="text/html" />
@@ -127,7 +149,7 @@
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Traces</title>
<link href="https://larlet.fr/david/2022/12/19/" rel="alternate" type="text/html" />
@@ -241,7 +263,7 @@
&lt;p&gt;&lt;em&gt;Merci à Émilie et Roch pour leurs relectures attentives et&amp;nbsp;enthousiastes.&lt;/em&gt;&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Neuf</title>
<link href="https://larlet.fr/david/2022/11/27/" rel="alternate" type="text/html" />
@@ -263,7 +285,7 @@
&lt;p&gt;Tu as l’air plus vivant que&amp;nbsp;jamais.&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Mastodon</title>
<link href="https://larlet.fr/david/2022/11/12/" rel="alternate" type="text/html" />
@@ -312,7 +334,7 @@
&lt;/ul&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Esclavage</title>
<link href="https://larlet.fr/david/2022/10/18/" rel="alternate" type="text/html" />
@@ -405,7 +427,7 @@ Du potentiel jaillit un battement de&amp;nbsp;cœur.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Bifurquer</title>
<link href="https://larlet.fr/david/2022/09/03/" rel="alternate" type="text/html" />
@@ -470,7 +492,7 @@ Du potentiel jaillit un battement de&amp;nbsp;cœur.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Silence</title>
<link href="https://larlet.fr/david/2022/08/24/" rel="alternate" type="text/html" />
@@ -556,7 +578,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Origines</title>
<link href="https://larlet.fr/david/2022/07/23/" rel="alternate" type="text/html" />
@@ -627,7 +649,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Vingt</title>
<link href="https://larlet.fr/david/2022/07/14/" rel="alternate" type="text/html" />
@@ -665,7 +687,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;p&gt;(Et de blagues pas&amp;nbsp;drôles.)&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">LudoviCovid</title>
<link href="https://larlet.fr/david/2022/07/08/" rel="alternate" type="text/html" />
@@ -728,7 +750,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Regard</title>
<link href="https://larlet.fr/david/2022/07/06/" rel="alternate" type="text/html" />
@@ -775,7 +797,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Valeur(s)</title>
<link href="https://larlet.fr/david/2022/06/30/" rel="alternate" type="text/html" />
@@ -802,7 +824,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Dans les &lt;a href=&quot;https://larlet.fr/david/2021/01/25/&quot;&gt;épisodes&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/blog/2019/valeurs-etoiles/&quot;&gt;précédents&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Bouddhisme</title>
<link href="https://larlet.fr/david/2022/06/24/" rel="alternate" type="text/html" />
@@ -862,7 +884,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;/ul&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Hommes</title>
<link href="https://larlet.fr/david/2022/06/06/" rel="alternate" type="text/html" />
@@ -898,7 +920,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;p&gt;PS&amp;nbsp;: j’ai trouvé très distrayante la ligature entre le «&amp;nbsp;s&amp;nbsp;» et le «&amp;nbsp;t&amp;nbsp;» sur l’édition par le &lt;em&gt;monstrograph&lt;/em&gt;. Un exemple des ligatures discrètes dans les photos &lt;a href=&quot;https://www.monstrograph.com/product/moi-les-hommes-je-les-deteste-pauline-harmange/&quot;&gt;par ici&lt;/a&gt; (merci emmanuelc pour la&amp;nbsp;référence).&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Méditation</title>
<link href="https://larlet.fr/david/2022/05/30/" rel="alternate" type="text/html" />
@@ -1033,7 +1055,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;p&gt;J’observe ma main et je respire. Je suis à l’aise et détendu. Je ne prends pas ce jeu trop au sérieux. J’éprouve de la&amp;nbsp;satisfaction.&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Outils</title>
<link href="https://larlet.fr/david/2022/05/17/" rel="alternate" type="text/html" />
@@ -1088,7 +1110,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Rédemption</title>
<link href="https://larlet.fr/david/2022/05/15/" rel="alternate" type="text/html" />
@@ -1125,7 +1147,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Aurore</title>
<link href="https://larlet.fr/david/2022/05/13/" rel="alternate" type="text/html" />
@@ -1146,7 +1168,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">R&amp;amp;Day</title>
<link href="https://larlet.fr/david/2022/04/26/" rel="alternate" type="text/html" />
@@ -1209,7 +1231,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Quarantaine</title>
<link href="https://larlet.fr/david/2022/04/23/" rel="alternate" type="text/html" />
@@ -1301,7 +1323,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Ressenti</title>
<link href="https://larlet.fr/david/2022/04/14/" rel="alternate" type="text/html" />
@@ -1395,7 +1417,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Recherche</title>
<link href="https://larlet.fr/david/2022/04/02/" rel="alternate" type="text/html" />
@@ -1523,7 +1545,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Open-source</title>
<link href="https://larlet.fr/david/2022/03/23/" rel="alternate" type="text/html" />
@@ -1601,7 +1623,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Temps</title>
<link href="https://larlet.fr/david/2022/03/18/" rel="alternate" type="text/html" />
@@ -1672,7 +1694,7 @@ Avec le ciel et sans les&amp;nbsp;dieux.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Régime</title>
<link href="https://larlet.fr/david/2022/03/04/" rel="alternate" type="text/html" />
@@ -1835,7 +1857,7 @@ We feared and hated what is&amp;nbsp;here.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Envie</title>
<link href="https://larlet.fr/david/2022/02/17/" rel="alternate" type="text/html" />
@@ -1977,7 +1999,7 @@ We feared and hated what is&amp;nbsp;here.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Négatif</title>
<link href="https://larlet.fr/david/2022/01/19/" rel="alternate" type="text/html" />
@@ -2038,7 +2060,7 @@ We feared and hated what is&amp;nbsp;here.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Battements</title>
<link href="https://larlet.fr/david/2021/12/30/" rel="alternate" type="text/html" />

+ 6
- 0
david/recherche/index.html View File

@@ -230,6 +230,12 @@
</template>
<script id="search-index" type="application/json">
[
{
"title": "Alleeez",
"url": "/david/2023/01/01/",
"date": "2023-01-01",
"content": "Partons sur un rythme l\u00e9ger, au moins pour v\u00e9rifier que la publication fonctionne pour\u00a02023. Nous voil\u00e0 un an plus tard, \u00e0 l\u2019aube de 2023. Les questions de David sont toujours pertinentes. J\u2019ai d\u00e9cid\u00e9 de les mettre au\u00a0travail. Yearnotes #3 \u2022 d\u00e9tour.studio Bisou\u00a0bisou ETC-ISTE\u00a0: Bonne ann\u00e9e "
},
{
"title": "Marcher",
"url": "/david/2022/12/22/",

+ 5
- 5
david/templates/article_2020.html View File

@@ -40,12 +40,12 @@
<nav>
<p>
{% for tag in page.tags %}
<a href="/david/2021/{{ slugify(tag) }}/"
title="Liste de tous les articles associés à cette étiquette"
<a href="/david/2023/{{ slugify(tag) }}/"
title="Liste de tous les articles 2023 associés à cette étiquette"
>#{{ tag }}</a>
{% endfor %}
<a href="/david/#tags"
title="Liste de toutes les étiquettes existantes"
<a href="/david/#tags-2023"
title="Liste de toutes les étiquettes 2023"
><svg class="icon icon-tags">
<use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-tags"></use>
</svg>
@@ -57,7 +57,7 @@
<nav>
<p class="center">
{% if prev and not prev.is_draft %}<a rel="prev" href="{{ prev.url }}" title="Publication précédente : {{ prev.title }}">← Précédent</a> •{% endif %}
<a href="/david/2022/" title="Liste des publications récentes">↑ En 2022</a>
<a href="/david/2023/" title="Liste des publications récentes">↑ En 2023</a>
{% if next and not next.is_draft %} • <a rel="next" href="{{ next.url }}" title="Publication suivante : {{ next.title }}">Suivant →</a>{% endif %}
</p>
</nav>

+ 2028
- 1
david/templates/feed.xml
File diff suppressed because it is too large
View File


+ 49
- 2
david/templates/profil.html View File

@@ -20,7 +20,7 @@
<a href="http://larlet.com" data-instant>this page 🇨🇦</a>.
</p>

<h2>Publications sporadiques 2022</h2>
<h2>Publications 2023</h2>

<p>Liste des publications récentes en ordre anté-chronologique :</p>

@@ -33,8 +33,55 @@
</p>
</nav>

<p id="tags-2023">Ou par étiquettes :</p>

<nav>
<p>
{% for slug, title, count in tags -%}
<a href="/david/2023/{{ slug }}/">#{{ title }} ({{ count }})</a>
{%- if not loop.last %}, {% else %}.{% endif %}
{% endfor %}
</p>
</nav>

<h2>Publications sporadiques 2022</h2>

<p>Liste des publications en ordre chronologique :</p>

<nav>
<p>
<a href="/david/2022/01/19/">Négatif</a>,
<a href="/david/2022/02/17/">Envie</a>,
<a href="/david/2022/03/04/">Régime</a>,
<a href="/david/2022/03/18/">Temps</a>,
<a href="/david/2022/03/23/">Open-source</a>,
<a href="/david/2022/04/02/">Recherche</a>,
<a href="/david/2022/04/14/">Ressenti</a>,
<a href="/david/2022/04/23/">Quarantaine</a>,
<a href="/david/2022/04/26/">R&amp;Day</a>,
<a href="/david/2022/05/13/">Aurore</a>,
<a href="/david/2022/05/15/">Rédemption</a>,
<a href="/david/2022/05/17/">Outils</a>,
<a href="/david/2022/05/30/">Méditation</a>,
<a href="/david/2022/06/06/">Hommes</a>,
<a href="/david/2022/06/24/">Bouddhisme</a>,
<a href="/david/2022/06/30/">Valeur(s)</a>,
<a href="/david/2022/07/06/">Regard</a>,
<a href="/david/2022/07/08/">LudoviCovid</a>,
<a href="/david/2022/07/14/">Vingt</a>,
<a href="/david/2022/07/23/">Origines</a>,
<a href="/david/2022/08/24/">Silence</a>,
<a href="/david/2022/09/03/">Bifurquer</a>,
<a href="/david/2022/10/18/">Esclavage</a>,
<a href="/david/2022/11/12/">Mastodon</a>,
<a href="/david/2022/11/27/">Neuf</a>,
<a href="/david/2022/12/19/">Traces</a>,
<a href="/david/2022/12/22/">Marcher</a>.
</p>
</nav>

<p>
J’ai aussi ouvert trois nouveaux espaces cette année :
J’ai aussi ouvert trois nouveaux espaces en 2022 :
</p>
<ul>
<li><a href="https://media.larlet.fr/">Des photos/media plus ou moins récents</a></li>

+ 16
- 11
site.py View File

@@ -36,7 +36,7 @@ NORMALIZED_STRFTIME = "%Y-%m-%dT12:00:00+01:00"
TODAY = datetime.today() + timedelta(hours=6)
PUBLICATION_BUFFER = TODAY - timedelta(days=0)
NB_ITEMS_IN_FEED = 30
SOURCES_PATH = DAVID / "2022" / "_sources"
SOURCES_PATH = DAVID / "2023" / "_sources"

all_tags = set()
pages_by_tags = defaultdict(list)
@@ -73,7 +73,7 @@ class TagsRenderer(mistune.HTMLRenderer):
def paragraph(self, text):
if text.startswith("#"):
tags = " ".join(
f'<a href="/david/2022/{slugify(tag.strip())}/">#{tag.strip()}</a>'
f'<a href="/david/2023/{slugify(tag.strip())}/">#{tag.strip()}</a>'
for tag in text.split("#")
if tag.strip()
)
@@ -100,7 +100,7 @@ class InternalLinkTitleRenderer(mistune.HTMLRenderer):

s = '<a href="' + self._safe_url(link) + '"'

if not title and link.startswith("/david/2022/"):
if not title and link.startswith("/david/2023/"):
# It will not work for internal links referencing the future.
page = pages_by_url.get(link)
if page:
@@ -280,7 +280,7 @@ class Page:
self.normalized_date = self.date.strftime(NORMALIZED_STRFTIME)
self.escaped_title = escape(self.title)
tag_template = Template(
f'<a href="{DOMAIN}/david/2022/$tag_slug/">#$tag_name</a>'
f'<a href="{DOMAIN}/david/2023/$tag_slug/">#$tag_name</a>'
)
tag_links = " ".join(
tag_template.substitute(tag_slug=slugify(tag), tag_name=tag)
@@ -366,12 +366,12 @@ class Page:
@cli
def pages():
"""Build article pages."""
root_path = DAVID / "2022"
root_path = DAVID / "2023"
for previous, page, next_ in neighborhood(
reversed(Page.all(source=SOURCES_PATH, only_published=False)),
first={
"url": "/david/2021/",
"title": "Publications 2021",
"url": "/david/2022/",
"title": "Publications 2022",
"is_draft": False,
},
):
@@ -406,7 +406,7 @@ def tags():
page_list=sorted(pages_by_tags[tag], reverse=True),
tag_name=tag,
)
target_path = DAVID / "2022" / slugify(tag)
target_path = DAVID / "2023" / slugify(tag)
target_path.mkdir(parents=True, exist_ok=True)
open(target_path / "index.html", "w").write(content)

@@ -416,7 +416,8 @@ def home():
"""Build the home page with last published items."""
template = environment.get_template("profil.html")
page_list = Page.all(source=SOURCES_PATH, only_published=True)
content = template.render(page_list=page_list)
tags = sorted((slugify(tag), tag, len(pages_by_tags[tag])) for tag in all_tags)
content = template.render(page_list=page_list, tags=tags)
open(DAVID / "index.html", "w").write(content)


@@ -424,9 +425,12 @@ def home():
def search():
"""Build the static search page with custom index."""
template = environment.get_template("recherche.html")
page_list_2022 = Page.all(
page_list_2023 = Page.all(
source=SOURCES_PATH, only_published=True, with_h2_anchors=False
)
page_list_2022 = Page.all(
source=DAVID / "2022" / "_sources", only_published=True, with_h2_anchors=False
)
page_list_2021 = Page.all(
source=DAVID / "2021" / "sources", only_published=True, with_h2_anchors=False
)
@@ -439,7 +443,8 @@ def search():
stream_page_list_2019 = StreamPage.all(source=DAVID / "stream" / "2019")
stream_page_list_2018 = StreamPage.all(source=DAVID / "stream" / "2018")
page_list = (
page_list_2022
page_list_2023
+ page_list_2022
+ page_list_2021
+ page_list_2020
+ blog_page_list_2019

Loading…
Cancel
Save