davidbgk
/
larlet-fr-david
Watch 1
Star 0
Fork 0
Code Releases 0 Activity
Browse Source

Article

master
David Larlet 1 year ago
parent
b4c8e562ca
commit
e24e65f3c5
10 changed files with 362 additions and 48 deletions
Split View Show Diff Stats
  1. 2
    2
      david/2023/02/12/index.html
  2. 262
    0
      david/2023/02/13/index.html
  3. 13
    0
      david/2023/_sources/2023-02-13 - Livre.md
  4. 19
    1
      david/2023/accompagnement/index.html
  5. 5
    4
      david/2023/index.html
  6. 15
    0
      david/2023/livre/index.html
  7. 19
    1
      david/2023/technique/index.html
  8. 4
    3
      david/index.html
  9. 17
    37
      david/log/index.xml
  10. 6
    0
      david/recherche/index.html

+ 2
- 2
david/2023/02/12/index.html View File

@@ -81,7 +81,7 @@
Recherche</a
>
</nobr>
• <a rel="next" href="/david/2023/02/13/" title="Publication suivante : Livre">Suivant →</a>
</p>
</nav>
<hr>
@@ -173,7 +173,7 @@
<p class="center">
<a rel="prev" href="/david/2023/02/11/" title="Publication précédente : Jour&nbsp;2">← Précédent</a> •
<a href="/david/2023/" title="Liste des publications récentes">↑ En 2023</a>
• <a rel="next" href="/david/2023/02/13/" title="Publication suivante : Livre">Suivant →</a>
</p>
</nav>
</article>

+ 262
- 0
david/2023/02/13/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>Livre — David Larlet</title>
<meta name="description" content="They both would have been ‘good enough’ for my purposes, but since I’m comfortable with Markdown, HTML, and CSS, using Pandoc made the most sense.">
<!-- 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>Livre</h1>
</header>
<nav>
<p class="center">
<a rel="prev" href="/david/2023/02/12/" title="Publication précédente : Jour&nbsp;3">← 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>


<blockquote lang="en">
<p>They both would have been ‘good enough’ for my purposes, but since I’m comfortable with Markdown, HTML, and CSS, using Pandoc made the most&nbsp;sense.</p>
<p>If you’re comfortable with Markdown then Pandoc is <em>amazing</em>. It integrates out of the box with both Weasyprint and paged.js. <mark>Either of them is a decent option for generating PDFs.</mark> Paged.js uses headless Chrome, which gives it access to a broader spectrum of CSS features and makes it a little bit&nbsp;flakier.</p>
<p><cite><em><a href="https://www.baldurbjarnason.com/2023/how-i-made-my-book/">Some thoughts on how to make a book, three months after I made one</a></em>&nbsp;(<a href="/david/cache/2023/8cb87dbe21c3f5a7a69735a70daf51c3/">cache</a>)</cite></p>
</blockquote>
<p>Je commence à avoir quelques expériences avec Pandoc si vous voulez que l’on produise un livre numérique ensemble. Pas forcément technique. Potentiellement sur le Web. Dans le meilleur des cas on apprendrait chacun·e des choses et on repartirait à la fois plus autonomes <em>et</em> paradoxalement plus lié·es&nbsp;aussi.</p>
<p>(Dé)livrez-vous.</p>


<nav>
<p>
<a href="/david/2023/accompagnement/"
title="Liste de tous les articles 2023 associés à cette étiquette"
>#accompagnement</a>
<a href="/david/2023/livre/"
title="Liste de tous les articles 2023 associés à cette étiquette"
>#livre</a>
<a href="/david/2023/technique/"
title="Liste de tous les articles 2023 associés à cette étiquette"
>#technique</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/2023/02/12/" title="Publication précédente : Jour&nbsp;3">← 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>

+ 13
- 0
david/2023/_sources/2023-02-13 - Livre.md View File

@@ -0,0 +1,13 @@
# Livre

> [en] They both would have been ‘good enough’ for my purposes, but since I’m comfortable with Markdown, HTML, and CSS, using Pandoc made the most sense.
>
> If you’re comfortable with Markdown then Pandoc is *amazing*. It integrates out of the box with both Weasyprint and paged.js. ==Either of them is a decent option for generating PDFs.== Paged.js uses headless Chrome, which gives it access to a broader spectrum of CSS features and makes it a little bit flakier.
>
> <cite>*[Some thoughts on how to make a book, three months after I made one](https://www.baldurbjarnason.com/2023/how-i-made-my-book/)* ([cache](/david/cache/2023/8cb87dbe21c3f5a7a69735a70daf51c3/))</cite>

Je commence à avoir quelques expériences avec Pandoc si vous voulez que l’on produise un livre numérique ensemble. Pas forcément technique. Potentiellement sur le Web. Dans le meilleur des cas on apprendrait chacun·e des choses et on repartirait à la fois plus autonomes _et_ paradoxalement plus lié·es aussi.

(Dé)livrez-vous.

#accompagnement #livre #technique

+ 19
- 1
david/2023/accompagnement/index.html View File

@@ -76,6 +76,21 @@
<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/02/13/" title="Lien permanent vers cet article">Livre</a> (2023-02-13)</h2>

<blockquote lang="en">
<p>They both would have been ‘good enough’ for my purposes, but since I’m comfortable with Markdown, HTML, and CSS, using Pandoc made the most&nbsp;sense.</p>
<p>If you’re comfortable with Markdown then Pandoc is <em>amazing</em>. It integrates out of the box with both Weasyprint and paged.js. <mark>Either of them is a decent option for generating PDFs.</mark> Paged.js uses headless Chrome, which gives it access to a broader spectrum of CSS features and makes it a little bit&nbsp;flakier.</p>
<p><cite><em><a href="https://www.baldurbjarnason.com/2023/how-i-made-my-book/">Some thoughts on how to make a book, three months after I made one</a></em>&nbsp;(<a href="/david/cache/2023/8cb87dbe21c3f5a7a69735a70daf51c3/">cache</a>)</cite></p>
</blockquote>
<p>Je commence à avoir quelques expériences avec Pandoc si vous voulez que l’on produise un livre numérique ensemble. Pas forcément technique. Potentiellement sur le Web. Dans le meilleur des cas on apprendrait chacun·e des choses et on repartirait à la fois plus autonomes <em>et</em> paradoxalement plus lié·es&nbsp;aussi.</p>
<p>(Dé)livrez-vous.</p>


<h2><a href="/david/2023/01/31/" title="Lien permanent vers cet article">Ennui</a> (2023-01-31)</h2>
@@ -139,7 +154,9 @@ Mais il est terminé, et c’est le plus&nbsp;important.</p>
<h2><a href="/david/2023/01/24/" title="Lien permanent vers cet article">Capot</a> (2023-01-24)</h2>
<details>
<summary>Déplier pour lire le contenu de la publication</summary>

<blockquote>
<p>En tant que premier projet public depuis mon arrivée chez Gandi, je suis content d’avoir pu tester tant de nouvelles chose—nouvelles pour moi, nouvelles pour l’équipe… <mark>la possibilité d’apprendre des nouveaux concepts et des nouvelles pratiques,</mark> c’est l’une des principales raisons pour laquelle je pratique ce métier. L’autre raison c’est que ça me permet de réaliser des choses pratiques et utiles dans le respect des personnes qui les&nbsp;utiliseront.</p>
@@ -150,6 +167,7 @@ Mais il est terminé, et c’est le plus&nbsp;important.</p>
<p>Peut-être que ce serait aussi l’occasion de publier davantage d’outils et de pratiques que nous avons et qui ne sont pas documentées et/ou pas&nbsp;publiques.</p>
<p>Tellement de choses peuvent se passer en&nbsp;2&nbsp;ans…</p>

</details>


+ 5
- 4
david/2023/index.html View File

@@ -126,7 +126,8 @@
<a href="/david/2023/02/09/">Allumage</a>,
<a href="/david/2023/02/10/">Jour&nbsp;1</a>,
<a href="/david/2023/02/11/">Jour&nbsp;2</a>,
<a href="/david/2023/02/12/">Jour&nbsp;3</a>.
<a href="/david/2023/02/12/">Jour&nbsp;3</a>,
<a href="/david/2023/02/13/">Livre</a>.
</p>
@@ -137,7 +138,7 @@
</svg>
</h3>
<p>
<a href="/david/2021/accompagnement/">#accompagnement (4)</a>
<a href="/david/2021/accompagnement/">#accompagnement (5)</a>
<a href="/david/2021/amadou/">#amadou (1)</a>
<a href="/david/2021/aventure/">#aventure (9)</a>
<a href="/david/2021/complexite/">#complexité (4)</a>
@@ -153,7 +154,7 @@
<a href="/david/2021/gratitude/">#gratitude (5)</a>
<a href="/david/2021/incompetence/">#incompétence (1)</a>
<a href="/david/2021/intimite/">#intimité (1)</a>
<a href="/david/2021/livre/">#livre (2)</a>
<a href="/david/2021/livre/">#livre (3)</a>
<a href="/david/2021/masque/">#masque (1)</a>
<a href="/david/2021/mastodon/">#mastodon (1)</a>
<a href="/david/2021/nostalgie/">#nostalgie (1)</a>
@@ -170,7 +171,7 @@
<a href="/david/2021/simplicite/">#simplicité (1)</a>
<a href="/david/2021/sociologie/">#sociologie (4)</a>
<a href="/david/2021/sport/">#sport (3)</a>
<a href="/david/2021/technique/">#technique (6)</a>
<a href="/david/2021/technique/">#technique (7)</a>
<a href="/david/2021/traces/">#traces (3)</a>
<a href="/david/2021/tristesse/">#tristesse (2)</a>
<a href="/david/2021/viande/">#viande (1)</a>

+ 15
- 0
david/2023/livre/index.html View File

@@ -76,6 +76,21 @@
<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/02/13/" title="Lien permanent vers cet article">Livre</a> (2023-02-13)</h2>

<blockquote lang="en">
<p>They both would have been ‘good enough’ for my purposes, but since I’m comfortable with Markdown, HTML, and CSS, using Pandoc made the most&nbsp;sense.</p>
<p>If you’re comfortable with Markdown then Pandoc is <em>amazing</em>. It integrates out of the box with both Weasyprint and paged.js. <mark>Either of them is a decent option for generating PDFs.</mark> Paged.js uses headless Chrome, which gives it access to a broader spectrum of CSS features and makes it a little bit&nbsp;flakier.</p>
<p><cite><em><a href="https://www.baldurbjarnason.com/2023/how-i-made-my-book/">Some thoughts on how to make a book, three months after I made one</a></em>&nbsp;(<a href="/david/cache/2023/8cb87dbe21c3f5a7a69735a70daf51c3/">cache</a>)</cite></p>
</blockquote>
<p>Je commence à avoir quelques expériences avec Pandoc si vous voulez que l’on produise un livre numérique ensemble. Pas forcément technique. Potentiellement sur le Web. Dans le meilleur des cas on apprendrait chacun·e des choses et on repartirait à la fois plus autonomes <em>et</em> paradoxalement plus lié·es&nbsp;aussi.</p>
<p>(Dé)livrez-vous.</p>


<h2><a href="/david/2023/02/02/" title="Lien permanent vers cet article">Moment</a> (2023-02-02)</h2>

+ 19
- 1
david/2023/technique/index.html View File

@@ -76,6 +76,21 @@
<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/02/13/" title="Lien permanent vers cet article">Livre</a> (2023-02-13)</h2>

<blockquote lang="en">
<p>They both would have been ‘good enough’ for my purposes, but since I’m comfortable with Markdown, HTML, and CSS, using Pandoc made the most&nbsp;sense.</p>
<p>If you’re comfortable with Markdown then Pandoc is <em>amazing</em>. It integrates out of the box with both Weasyprint and paged.js. <mark>Either of them is a decent option for generating PDFs.</mark> Paged.js uses headless Chrome, which gives it access to a broader spectrum of CSS features and makes it a little bit&nbsp;flakier.</p>
<p><cite><em><a href="https://www.baldurbjarnason.com/2023/how-i-made-my-book/">Some thoughts on how to make a book, three months after I made one</a></em>&nbsp;(<a href="/david/cache/2023/8cb87dbe21c3f5a7a69735a70daf51c3/">cache</a>)</cite></p>
</blockquote>
<p>Je commence à avoir quelques expériences avec Pandoc si vous voulez que l’on produise un livre numérique ensemble. Pas forcément technique. Potentiellement sur le Web. Dans le meilleur des cas on apprendrait chacun·e des choses et on repartirait à la fois plus autonomes <em>et</em> paradoxalement plus lié·es&nbsp;aussi.</p>
<p>(Dé)livrez-vous.</p>


<h2><a href="/david/2023/02/09/" title="Lien permanent vers cet article">Allumage</a> (2023-02-09)</h2>
@@ -121,7 +136,9 @@
<h2><a href="/david/2023/01/14/" title="Lien permanent vers cet article">Dépendances</a> (2023-01-14)</h2>
<details>
<summary>Déplier pour lire le contenu de la publication</summary>

<blockquote lang="en">
<p>I suspect one of the reasons for this is that Pinafore is written in Svelte v2 and Sapper – both of which are deprecated in favor of Svelte v3 and SvelteKit. Not only is there no migration path from Svelte v2 to v3, but there isn’t one from Sapper to SvelteKit either. (And on top of that, I had to fork Sapper pretty heavily.) Anyone making a bet on learning Pinafore’s tech stack is investing in a dead framework, so <mark>it’s not very attractive for new&nbsp;maintainers.</mark></p>
@@ -156,6 +173,7 @@
<p><cite><em><a href="https://www.zachleat.com/web/javascript-community/">JavaScript, Community</a></em>&nbsp;(<a href="/david/cache/2023/7ff62009f21336b8eb54ea18261bcfb7/">cache</a>)</cite></p>
</blockquote>

</details>


+ 4
- 3
david/index.html View File

@@ -76,6 +76,7 @@

<nav>
<p>
<a href="/david/2023/02/13/">Livre</a>,
<a href="/david/2023/02/12/">Jour&nbsp;3</a>,
<a href="/david/2023/02/11/">Jour&nbsp;2</a>,
<a href="/david/2023/02/10/">Jour&nbsp;1</a>,
@@ -120,7 +121,7 @@

<nav>
<p>
<a href="/david/2023/accompagnement/">#accompagnement (4)</a>,
<a href="/david/2023/accompagnement/">#accompagnement (5)</a>,
<a href="/david/2023/amadou/">#amadou (1)</a>,
<a href="/david/2023/aventure/">#aventure (9)</a>,
<a href="/david/2023/complexite/">#complexité (4)</a>,
@@ -136,7 +137,7 @@
<a href="/david/2023/gratitude/">#gratitude (5)</a>,
<a href="/david/2023/incompetence/">#incompétence (1)</a>,
<a href="/david/2023/intimite/">#intimité (1)</a>,
<a href="/david/2023/livre/">#livre (2)</a>,
<a href="/david/2023/livre/">#livre (3)</a>,
<a href="/david/2023/masque/">#masque (1)</a>,
<a href="/david/2023/mastodon/">#mastodon (1)</a>,
<a href="/david/2023/nostalgie/">#nostalgie (1)</a>,
@@ -153,7 +154,7 @@
<a href="/david/2023/simplicite/">#simplicité (1)</a>,
<a href="/david/2023/sociologie/">#sociologie (4)</a>,
<a href="/david/2023/sport/">#sport (3)</a>,
<a href="/david/2023/technique/">#technique (6)</a>,
<a href="/david/2023/technique/">#technique (7)</a>,
<a href="/david/2023/traces/">#traces (3)</a>,
<a href="/david/2023/tristesse/">#tristesse (2)</a>,
<a href="/david/2023/viande/">#viande (1)</a>,

+ 17
- 37
david/log/index.xml View File

@@ -13,6 +13,23 @@
</author>
<rights>Copyright (c) 2004-2023, David Larlet</rights>
<entry xml:lang="fr">
<title type="html">Livre</title>
<link href="https://larlet.fr/david/2023/02/13/" rel="alternate" type="text/html" />
<updated>2023-02-13T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2023/02/13/</id>
<summary type="html">

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;They both would have been ‘good enough’ for my purposes, but since I’m comfortable with Markdown, HTML, and CSS, using Pandoc made the most&amp;nbsp;sense.&lt;/p&gt;
&lt;p&gt;If you’re comfortable with Markdown then Pandoc is &lt;em&gt;amazing&lt;/em&gt;. It integrates out of the box with both Weasyprint and paged.js. &lt;mark&gt;Either of them is a decent option for generating PDFs.&lt;/mark&gt; Paged.js uses headless Chrome, which gives it access to a broader spectrum of CSS features and makes it a little bit&amp;nbsp;flakier.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.baldurbjarnason.com/2023/how-i-made-my-book/&quot;&gt;Some thoughts on how to make a book, three months after I made one&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/8cb87dbe21c3f5a7a69735a70daf51c3/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Je commence à avoir quelques expériences avec Pandoc si vous voulez que l’on produise un livre numérique ensemble. Pas forcément technique. Potentiellement sur le Web. Dans le meilleur des cas on apprendrait chacun·e des choses et on repartirait à la fois plus autonomes &lt;em&gt;et&lt;/em&gt; paradoxalement plus lié·es&amp;nbsp;aussi.&lt;/p&gt;
&lt;p&gt;(Dé)livrez-vous.&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/accompagnement/&quot;&gt;#accompagnement&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/livre/&quot;&gt;#livre&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/technique/&quot;&gt;#technique&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">Jour&amp;nbsp;3</title>
<link href="https://larlet.fr/david/2023/02/12/" rel="alternate" type="text/html" />
@@ -972,43 +989,6 @@ Mais il est terminé, et c’est le plus&amp;nbsp;important.&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/confidentialite/&quot;&gt;#confidentialité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/reponse/&quot;&gt;#réponse&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/traces/&quot;&gt;#traces&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">Dette</title>
<link href="https://larlet.fr/david/2023/01/07/" rel="alternate" type="text/html" />
<updated>2023-01-07T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2023/01/07/</id>
<summary type="html">

&lt;blockquote&gt;
&lt;p&gt;La dette c’est un problème de riche. Ça arrive après, quand on a trouvé le bon produit, qu’on a trouvé sa cible, qu’on a prouvé qu’on était capable d’ac­qué­rir des clients. Là on aura aussi le finan­ce­ment qui va avec pour embau­cher des ingé­nieurs qui vont &lt;mark&gt;refaire ce qui doit l’être,&lt;/mark&gt; et élimi­ner une bonne partie des travaux qu’on avait remis à plus&amp;nbsp;tard.&lt;/p&gt;
&lt;p&gt;L’enjeu c’est d’ar­ri­ver jusque&amp;nbsp;là.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://n.survol.fr/n/la-dette-technique&quot;&gt;La dette technique - Carnet de notes&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/934ed9f96be582e35b3c8cf8fc0859e5/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;La seule fois dans ma carrière (ouais ça fait tout de suite vieux là…) où on a réussi à éponger une dette technique initiale a été sur &lt;a href=&quot;https://mesconseilscovid.sante.gouv.fr&quot;&gt;MesConseilsCovid&lt;/a&gt; lorsqu’on a dû partir &lt;a href=&quot;https://larlet.fr/david/2020/05/26/&quot;&gt;comme des fusées&lt;/a&gt; avec &lt;a href=&quot;https://ronan.amicel.net/&quot;&gt;Ronan&lt;/a&gt; parce que le gouvernement français ne pouvait pas se douter qu’on allait déconfiner la population à un moment&amp;nbsp;🤷.&lt;/p&gt;
&lt;p&gt;Les conditions qui ont rendu possible cela sont&amp;nbsp;multiples&amp;nbsp;:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;développeurs expérimentés qui se connaissent et qui se sont déjà pincé les doigts plusieurs fois sur du code non testé/à l’arrache à moyen&amp;nbsp;terme&amp;#8239;;&lt;/li&gt;
&lt;li&gt;équipe compréhensive qui a pris en compte nos retours et notre endettement volontaire des premières semaines, effort de pédagogie de notre&amp;nbsp;côté&amp;#8239;;&lt;/li&gt;
&lt;li&gt;outil relativement simple qui a consisté au début à une preuve de concept permettant de mesurer les usages et attentes, on n’était pas dans une course à la&amp;nbsp;fonctionnalité&amp;#8239;;&lt;/li&gt;
&lt;li&gt;budget suffisant pour savoir qu’il serait possible de financer cette dette à moyen terme («&amp;nbsp;Quoi qu’il en coûte&amp;nbsp;», etc&amp;nbsp;#haha).&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Il faut une sacré conjonction pour que toutes ces conditions soient réunies. De plus, ça a demandé pas mal de rigueur alors que la dette n’était finalement que d’un mois, peut-être&amp;nbsp;moins.&lt;/p&gt;
&lt;p&gt;Dans une précédente expérience &lt;em&gt;startup&lt;/em&gt;, on avait trop mis l’accent sur la technique/le produit et pas assez sur son adoption/communication, ça peut arriver aussi. J’ai beaucoup appris de cet échec sur l’importance de ce qui est &lt;em&gt;hors&lt;/em&gt; du&amp;nbsp;code.&lt;/p&gt;
&lt;hr /&gt;

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;😔 The most obvious way an online community is like a bar is that bars serve alcohol, and alcohol makes people loud and stupid. It actually depresses your hearing, so you can’t hear yourself talk as well, &lt;mark&gt;so you speak louder.&lt;/mark&gt; And a room full of people speaking louder means a very boisterous room. And of course, alcohol reduces inhibition, so you say things you might not usually&amp;nbsp;say.&lt;/p&gt;
&lt;p&gt;The parallels to online behavior are easy to see. Online, people are much more willing to type things that they’d never say in&amp;nbsp;person.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://powazek.com/posts/3571&quot;&gt;A community isn’t a garden, it’s a bar.&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/fb08217a583922fd319fabb55f34a4f3/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;🔙 It can be uncomfortable, that clearing away. It can be deeply unpleasant. But it’s also useful. It’s a sign of what you need to change. What I found was that &lt;mark&gt;when I gave myself permission to really feel that unpleasantness,&lt;/mark&gt; when I didn’t try to get comfortable with it or avoid it, I opened some space to move: towards a reconfiguration or revision or reimagining of what my work&amp;nbsp;was.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://aworkinglibrary.com/writing/reentry&quot;&gt;Reentry | A Working Library&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/7258248bb534fddb277bf6148cd3ffbf/&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/courage/&quot;&gt;#courage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/reponse/&quot;&gt;#réponse&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/technique/&quot;&gt;#technique&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>

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

@@ -231,6 +231,12 @@
</template>
<script id="search-index" type="application/json">
[
{
"title": "Livre",
"url": "/david/2023/02/13/",
"date": "2023-02-13",
"content": "They both would have been \u2018good enough\u2019 for my purposes, but since I\u2019m comfortable with Markdown, HTML, and CSS, using Pandoc made the most\u00a0sense. If you\u2019re comfortable with Markdown then Pandoc is amazing. It integrates out of the box with both Weasyprint and paged.js. Either of them is a decent option for generating PDFs. Paged.js uses headless Chrome, which gives it access to a broader spectrum of CSS features and makes it a little bit\u00a0flakier. Some thoughts on how to make a book, three months after I made one Je commence \u00e0 avoir quelques exp\u00e9riences avec Pandoc si vous voulez que l\u2019on produise un livre num\u00e9rique ensemble. Pas forc\u00e9ment technique. Potentiellement sur le Web. Dans le meilleur des cas on apprendrait chacun\u00b7e des choses et on repartirait \u00e0 la fois plus autonomes et paradoxalement plus li\u00e9\u00b7es\u00a0aussi. (D\u00e9)livrez-vous."
},
{
"title": "Jour&nbsp;3",
"url": "/david/2023/02/12/",

Write Preview
Loading…
Cancel
Save