yannick-kaz/lespiedsdanslecode
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

(re)construction des outils pour générer lespiedsdanslecode.org

Browse Source
This commit is contained in:
Yannick François
2026-01-23 23:09:06 +01:00
parent 7ffbce5cfc
commit 869ec805ee
14 changed files with 1070 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
Makefile Normal file
View File

@@ -0,0 +1,17 @@
PANDOC := $(shell command -v pandoc 2> /dev/null)
all:
ifndef PANDOC
$(error "pandoc is not available please install pandoc")
endif
build: ## Construit le site
./pana.sh
deploy: ## déploie le site
git push && rsync -avz content/ elsif@ssh-elsif.alwaysdata.net:www/
run: ## démarre un serveur local
python3 -m http.server 8000 --bind 127.0.0.1 --directory content/

18
README.md
View File

@@ -1,2 +1,18 @@
# lespiedsdanslecode
# lespiedsdanslecode.org
C'est mon repo où je note des choses, j'écrit des doutes et des questions, des découvertes...
## Fonctionnement
_Sans doute à revoir ?_
Pour construire le site
`make build`
Pour déployer le site sur AlwaysData
`make deploy`
Pour lancer le site localement
`make run`
Attention, le `make run` utilise [http-server](https://github.com/http-party/http-server#readme)

75
content/2025/47/index.html Normal file
View File

@@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title> - lespiedsdanslecode.org</title>
<meta name="DC.title" content="lespiedsdanslecode.org, site de Yannick François aka yaf (ou ya_f)."/>
<meta name="description" content="Le site de Yannick François. Développeur Senior, Responsable Produit, Pédagogue. Je travail chez Pix"/>
<meta name="keywords" content="code, développement, programmation, apprentissage, apprendre, lean, agile, logiciel, tdd, objet, refactoring, libre, creative commons, linux, unix"/>
<meta name="author" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="designer" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="geo.placename" content="Le Faouët, Pontivy, Morbihan, Bretagne, France métropolitaine, 56320, France"/>
<meta name="robots" content="index,follow" />
<meta name="language" content="French" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="index" title="Yannick François / Développeur / Pédagogue" href="index.html" />
<link rel="alternate" type="application/rss" href="/feed.xml" title="lespiedsdanslecode.org/feed" />
<style>
body {
font-size:16pt;
max-width:42rem;
min-width: 18rem;
margin: 1em;
color: black;
background: white;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
a { color: darkred; }
a:hover { background: gold; }
a:visited, a:active { color: dimgrey; }
nav { text-align:center; font-size:smaller; padding: 0; margin: 0; }
nav li { list-style-type: none; }
h2 > a, h2 > a:active, h2 > a:visited { color: lightgrey; text-decoration:none;}
h2 > a:hover { color: black; text-decoration:underline }
@media (max-width: 1000px) { #portrait {display:none;} }
</style>
</head>
<body>
<article>
<h1 id="semaine-47">Semaine 47</h1>
<p>Je reprends mon joural dans Vim. Obsidian, c’est bien, mais
finalement, c’est pas ce que je cherche.</p>
<p><a
href="https://fabi1cazenave.github.io/slides/2025-cdl-vim-nav">Présentation
à propos de Vim</a></p>
<blockquote>
<p>Après une semaine de test y a pas photo : ne pas utiliser h et
l c’est le pied !</p>
</blockquote>
<p>En voilà une idée intéressante pour me « forcer » à utiliser
les autres outils de déplacement. C’est vrai que je me déplace
souvent case par case.</p>
<blockquote>
<p>les déplacements Vim ne se limitent pas à hjkl</p>
</blockquote>
<blockquote>
<p>beaucoup de vimistes (et quasi tous les Bépoètes…) sont limités
aux déplacements case-à-case</p>
</blockquote>
<hr />
<p>Metacarte, un livre</p>
<p>https://framablog.org/2025/11/16/les-cartes-sont-le-nouveau-livre-un-nouvel-ouvrage-de-metacartes/</p>
<p>À lire ? « Les cartes sont le nouveau livre » de Mélanie et
Lilian</p>
<p>Et si je faisais des cartes pour l’apprentissage de la
programmation ? Et si je faisias des cartes pour Pix en interne
(culture agiliste et tech) ?</p>
<p>J’ai l’impression d’avoir des élémens de contenu à mettre dans
ce gene de format !</p>
</article>
</body>
</html>

48
content/2025/48/index.html Normal file
View File

@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title> - lespiedsdanslecode.org</title>
<meta name="DC.title" content="lespiedsdanslecode.org, site de Yannick François aka yaf (ou ya_f)."/>
<meta name="description" content="Le site de Yannick François. Développeur Senior, Responsable Produit, Pédagogue. Je travail chez Pix"/>
<meta name="keywords" content="code, développement, programmation, apprentissage, apprendre, lean, agile, logiciel, tdd, objet, refactoring, libre, creative commons, linux, unix"/>
<meta name="author" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="designer" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="geo.placename" content="Le Faouët, Pontivy, Morbihan, Bretagne, France métropolitaine, 56320, France"/>
<meta name="robots" content="index,follow" />
<meta name="language" content="French" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="index" title="Yannick François / Développeur / Pédagogue" href="index.html" />
<link rel="alternate" type="application/rss" href="/feed.xml" title="lespiedsdanslecode.org/feed" />
<style>
body {
font-size:16pt;
max-width:42rem;
min-width: 18rem;
margin: 1em;
color: black;
background: white;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
a { color: darkred; }
a:hover { background: gold; }
a:visited, a:active { color: dimgrey; }
nav { text-align:center; font-size:smaller; padding: 0; margin: 0; }
nav li { list-style-type: none; }
h2 > a, h2 > a:active, h2 > a:visited { color: lightgrey; text-decoration:none;}
h2 > a:hover { color: black; text-decoration:underline }
@media (max-width: 1000px) { #portrait {display:none;} }
</style>
</head>
<body>
<article>
<p>Si nous étions resté vivre à Poissy, peut-être qu’Aydan aurait
été dans ce clip ?</p>
<p>https://www.youtube.com/watch?v=wlv_okpFDrk&amp;feature=youtu.be</p>
</article>
</body>
</html>

217
content/2025/49/index.html Normal file
View File

@@ -0,0 +1,217 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title> - lespiedsdanslecode.org</title>
<meta name="DC.title" content="lespiedsdanslecode.org, site de Yannick François aka yaf (ou ya_f)."/>
<meta name="description" content="Le site de Yannick François. Développeur Senior, Responsable Produit, Pédagogue. Je travail chez Pix"/>
<meta name="keywords" content="code, développement, programmation, apprentissage, apprendre, lean, agile, logiciel, tdd, objet, refactoring, libre, creative commons, linux, unix"/>
<meta name="author" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="designer" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="geo.placename" content="Le Faouët, Pontivy, Morbihan, Bretagne, France métropolitaine, 56320, France"/>
<meta name="robots" content="index,follow" />
<meta name="language" content="French" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="index" title="Yannick François / Développeur / Pédagogue" href="index.html" />
<link rel="alternate" type="application/rss" href="/feed.xml" title="lespiedsdanslecode.org/feed" />
<style>
body {
font-size:16pt;
max-width:42rem;
min-width: 18rem;
margin: 1em;
color: black;
background: white;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
a { color: darkred; }
a:hover { background: gold; }
a:visited, a:active { color: dimgrey; }
nav { text-align:center; font-size:smaller; padding: 0; margin: 0; }
nav li { list-style-type: none; }
h2 > a, h2 > a:active, h2 > a:visited { color: lightgrey; text-decoration:none;}
h2 > a:hover { color: black; text-decoration:underline }
@media (max-width: 1000px) { #portrait {display:none;} }
</style>
</head>
<body>
<article>
<h1 id="semaine-49-2025">Semaine 49 2025</h1>
<blockquote>
<p>Anxiety related to deploys is the single largest source of
technical debt in many, many orgs. Technical debt, lest we forget,
is not the same as “bad code”. Tech debt hurts your people.</p>
</blockquote>
<blockquote>
<p>Deploys are the heartbeat of your company.</p>
</blockquote>
<blockquote>
<p>Deploy on every commit. Smaller, coherent changesets transform
into debuggable, understandable deploys. If we’ve learned anything
from recent research, it’s that velocity of deploys and lowered
error rates are not in tension with each other, they actually
reinforce each other. When one gets better, the other does
too.</p>
</blockquote>
<blockquote>
<p>Every deploy should be owned by the developer who made the
changes that are rolling out. Page the person who committed the
change that triggered the deploy, not whoever is oncall.</p>
</blockquote>
<blockquote>
<p>Each deploy should be owned by the developer who made the code
changes. But your deploy pipeline needs to have a team that owns
it too. I recommend putting your most experienced, senior
developers on this problem to signal its high value.</p>
</blockquote>
<blockquote>
<p>Remember: a team’s maturity and efficiency can be represented
by how long it takes to get their shit into users’ hands after
they write it. Ship it fast, while it’s still fresh in your
developers’ heads. Ship one change set at a time, so you can
swiftly debug and revert them. I promise your lives will be so
much better. Every step helps. &lt;3</p>
</blockquote>
<p>https://charity.wtf/2019/05/01/friday-deploy-freezes-are-exactly-like-murdering-puppies/</p>
<hr />
<blockquote>
<p>Faites avancer les choses rapidement avec OmniTools</p>
<p>Boostez votre productivité avec OmniTools, la boîte à outils
ultime pour accélérer vos tâches ! Accédez à des milliers
d’utilitaires conviviaux pour modifier des images, du texte, des
listes et des données, directement depuis votre navigateur.</p>
</blockquote>
<p>https://omnitools.framatoolbox.org/</p>
<hr />
<h2 id="writing-documentation-for-your-house">Writing
documentation for your house</h2>
<blockquote>
<p>While I can’t answer the questions in the past, I can at least
have a record of important changes during my ownership. On this
page, I log all major changes to the house, such as plumbing
repairs (and their costs), irrigation system upgrades/changes,
carpet installation, remodeling, etc.</p>
</blockquote>
<p>https://luke.hsiao.dev/blog/housing-documentation/</p>
<hr />
<p>TODO acheter un vêtement de protection pour la coupe de
bois</p>
<p>https://www.kox24.fr/sylviculture/vetements-et-protection-1?otpwebsalecat=true</p>
<hr />
<p>Faire une mej sur la tyrannie de l’absence de structure ?
https://infokiosques.net/spip.php?article2</p>
<p>https://infokiosques.net/</p>
<blockquote>
<p>Brochures subversives à lire, imprimer, propager</p>
</blockquote>
<hr />
<blockquote>
<p>« Il y a un vrai travail à faire pour légitimer d’autres façons
de docu­men­ter le monde. »</p>
</blockquote>
<blockquote>
<p>Occuper les espaces numé­riques, c’est crucial aujourd’hui.
Internet est devenu très réac­tion­naire, et Wikipédia, malgré ses
limites, reste un des rares lieux où l’on peut encore défendre une
certaine pluralité des savoirs. À titre personnel, ce projet a
changé ma vie. Il m’a permis de com­prendre les logiques des
discours numé­riques et de les inverser, bref : de gagner en
puissance. »</p>
</blockquote>
<p>https://revueladeferlante.fr/ivonne-gonzalez-feminiser-decoloniser-et-diversifier-wikipedia/</p>
<hr />
<p><a
href="https://www.24joursdeweb.fr/2025/ataraxie-numerique-repenser-notre-rapport-a-l-outil">Ataraxie
numérique : repenser notre rapport à l’outil</a></p>
<blockquote>
<p>L’ataraxie (du grec ἀταραξία, signifiant « absence de troubles
»), au sens épicurien, consiste en un état de profonde quiétude,
impliquant l’absence de tout trouble ou souffrance. (…) L’ataraxie
numérique serait alors, littéralement, l’absence de trouble par le
numérique.</p>
</blockquote>
<blockquote>
<p>Le plaisir n’est pas toujours une composante du bonheur.</p>
</blockquote>
<hr />
<p>À lire ? <a
href="https://www.editionslesliensquiliberent.fr/livre-Bifurquer-609-1-1-0-1.html">Bifurquer
du collectif internation</a></p>
<hr />
<p>Note de lecture du texte « La tyrannie de l’absence de
structure »</p>
<blockquote>
<p>Les problèmes ne commencèrent à surgir que lorsque les petits
groupes d’action épuisèrent les vertus de la conscientisation et
décidèrent qu’ils voulaient faire quelque chose de plus concret.
Face à cette décision, les groupes, en général, s’enlisèrent,
parce que la plupart d’entre eux ne voulaient pas changer leur
structure alors que leurs tâches changeaient. Les femmes avaient
pleinement accepté l’idée de « l’absence de structure », sans
percevoir des limites de son usage.</p>
</blockquote>
<blockquote>
<p>On essaya d’utiliser le groupe « sans structure » et les
discussions informelles pour des questions inadéquates, en se
basant sur la croyance aveugle que toutes les autres formes
d’organisation, quelles qu’elles soient, étaient oppressantes.</p>
</blockquote>
<blockquote>
<p>Un groupe laissé à lui-même est aussi réaliste qu’une société
laisse à elle-même : la notion de groupe sans structure se
transforme en un rideau de fumée qui favorise les puissants ou les
chanceux qui peuvent établir leur hégémonie indiscutable sur les
autres. Cette forme d’hégémonie peut s’établir très facilement,
parce que la notion « d’absence de structure » n’empêche pas la
formation de structures informelles : elle n’empêche que celle des
structures formelles.</p>
</blockquote>
<blockquote>
<p><strong>Pour que tout le monde puisse s’impliquer dans un
groupe donné et participer à ses activités, la structure doit être
explicite et non implicite. Les normes de prise de décisions
doivent être ouvertes et connues de toutes et tous, ce qui
n’arrivera que si elles sont formalisées.</strong></p>
</blockquote>
<blockquote>
<p>Une élite est un petit groupe de gens qui domine un autre
groupe plus grand, dont il fait partie, souvent sans avoir une
responsabilité directe sur ce plus grand groupe, et qui agit
fréquemment sans son consentement ou sa connaissance. Une personne
devient élitiste quand elle fait partie ou défend la domination de
ce petit groupe, indépendamment du fait qu’elle soit ou non connue
des autres.</p>
</blockquote>
<blockquote>
<p>Lorsqu’une personne perçoit avec qui il est important de parler
avant qu’une décision ne soit prise et quelle approbation est une
marque d’acceptation, alors illes peut savoir qui prend les
décisions.</p>
</blockquote>
<blockquote>
<p>les structures formelles pour les prises de décisions sont une
aubaine pour les personnes chargées de travail. Le fait de pouvoir
compter sur des procédés fixes de prise de décision garantit,
jusqu’à un certain point, la participation possible de toutes et
tous.</p>
</blockquote>
<blockquote>
<p>Le pouvoir qu’elles exercent ne leur a pas été confié, et donc
ne peut pas leur être arraché. Leur influence ne se base pas sur
ce qu’elles font pour le groupe, et donc elles ne peuvent être
directement influencées par celui-ci. Il ne faut pas
nécessairement déduire de ce qui précède que les structures
informelles donnent lieu à un comportement irresponsable face au
groupe, puisque les personnes qui souhaitent maintenir leur
influence sur le groupe essaieront en général de répondre à ses
attentes, mais le fait est que le groupe ne peut pas exiger cette
responsabilité, il dépend des intérêts de l’élite.</p>
</blockquote>
<p>https://infokiosques.net/spip.php?page=lire&amp;id_article=2</p>
</article>
</body>
</html>

53
content/2025/50/index.html Normal file
View File

@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title> - lespiedsdanslecode.org</title>
<meta name="DC.title" content="lespiedsdanslecode.org, site de Yannick François aka yaf (ou ya_f)."/>
<meta name="description" content="Le site de Yannick François. Développeur Senior, Responsable Produit, Pédagogue. Je travail chez Pix"/>
<meta name="keywords" content="code, développement, programmation, apprentissage, apprendre, lean, agile, logiciel, tdd, objet, refactoring, libre, creative commons, linux, unix"/>
<meta name="author" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="designer" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="geo.placename" content="Le Faouët, Pontivy, Morbihan, Bretagne, France métropolitaine, 56320, France"/>
<meta name="robots" content="index,follow" />
<meta name="language" content="French" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="index" title="Yannick François / Développeur / Pédagogue" href="index.html" />
<link rel="alternate" type="application/rss" href="/feed.xml" title="lespiedsdanslecode.org/feed" />
<style>
body {
font-size:16pt;
max-width:42rem;
min-width: 18rem;
margin: 1em;
color: black;
background: white;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
a { color: darkred; }
a:hover { background: gold; }
a:visited, a:active { color: dimgrey; }
nav { text-align:center; font-size:smaller; padding: 0; margin: 0; }
nav li { list-style-type: none; }
h2 > a, h2 > a:active, h2 > a:visited { color: lightgrey; text-decoration:none;}
h2 > a:hover { color: black; text-decoration:underline }
@media (max-width: 1000px) { #portrait {display:none;} }
</style>
</head>
<body>
<article>
<h1 id="semain-50-2025">Semain 50 / 2025</h1>
<p>À lire ? Juan Sebastián Carbonell. Un taylorisme augmenté.
Critique de l’intelligence artificielle,
https://www.contretemps.eu/taylorisme-augmente-intelligence-artificielle-carbonell/</p>
<hr />
<p><a
href="https://solidaires.org/sinformer-et-agir/actualites-et-mobilisations/nationales/lia-au-travail-une-question-syndicale/">L’IA
au travail, une question syndicale</a></p>
</article>
</body>
</html>

96
content/2025/51/index.html Normal file
View File

@@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title> - lespiedsdanslecode.org</title>
<meta name="DC.title" content="lespiedsdanslecode.org, site de Yannick François aka yaf (ou ya_f)."/>
<meta name="description" content="Le site de Yannick François. Développeur Senior, Responsable Produit, Pédagogue. Je travail chez Pix"/>
<meta name="keywords" content="code, développement, programmation, apprentissage, apprendre, lean, agile, logiciel, tdd, objet, refactoring, libre, creative commons, linux, unix"/>
<meta name="author" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="designer" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="geo.placename" content="Le Faouët, Pontivy, Morbihan, Bretagne, France métropolitaine, 56320, France"/>
<meta name="robots" content="index,follow" />
<meta name="language" content="French" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="index" title="Yannick François / Développeur / Pédagogue" href="index.html" />
<link rel="alternate" type="application/rss" href="/feed.xml" title="lespiedsdanslecode.org/feed" />
<style>
body {
font-size:16pt;
max-width:42rem;
min-width: 18rem;
margin: 1em;
color: black;
background: white;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
a { color: darkred; }
a:hover { background: gold; }
a:visited, a:active { color: dimgrey; }
nav { text-align:center; font-size:smaller; padding: 0; margin: 0; }
nav li { list-style-type: none; }
h2 > a, h2 > a:active, h2 > a:visited { color: lightgrey; text-decoration:none;}
h2 > a:hover { color: black; text-decoration:underline }
@media (max-width: 1000px) { #portrait {display:none;} }
</style>
</head>
<body>
<article>
<p># Semaine 51 de 2025</p>
<p><a href="https://execubot.fr/">Execubot</a> un jeu créé par une
prof pour apprendre à programmer (en Python).</p>
<hr />
<p>À lire ? <a
href="https://www.overlhand.com/au-dela-du-but/">Au-delà du
but</a></p>
<blockquote>
<p>À la manière d’un roman d’anticipation scientifique, ce récit
axé autour de la vie et de l’écosystème d’une joueuse
professionnelle, décrit le quotidien d’une athlète de haut niveau
et explore les leviers de la performance des 20 prochaines
années.</p>
</blockquote>
<p>À lire ? <a
href="https://www.tela-botanica.org/2025/12/lart-de-lherbier/">L’art
de l’herbier de Vanessa Valognes</a></p>
<hr />
<p><a
href="https://danslesalgorithmes.net/2025/12/09/vers-un-internet-post-alphabetique/">Vers
un internet post-alphabétique ?</a></p>
<blockquote>
<p>« La voix abolit la distance entre la pensée et l’expression.
C’est le registre idéal pour une époque qui valorise la présence
plus que la patience. Quand on parle à un appareil, ou qu’on
écoute quelqu’un parler dedans, on s’affranchit du délai
qu’imposait autrefois l’écriture. La pause entre l’idée et son
expression, cette pause qui rendait l’écriture possible, a
quasiment disparu ».</p>
</blockquote>
<blockquote>
<p>Un autre effet de la transition numérique est la diminution de
la capacité des individus à fournir des efforts soutenus. Le
cerveau n’est pas conditionné à fournir un effort soutenu et
prolongé lorsque la récompense se résume à un simple clic. Par
conséquent, le niveau d’éducation baisse, les carrières deviennent
plus difficiles à construire, la vie personnelle plus ardue, etc.
Globalement, l’anxiété sociale augmente.</p>
</blockquote>
<hr />
<p>The Shift Project, décarbonons le sport</p>
<p>https://theshiftproject.org/publications/decarboner-sport/</p>
<hr />
<p><a href="https://www.desescaladenumerique.org/">10 propositions
pour une désescalade numérique</a></p>
<hr />
<p><a href="https://typst.app/">Typst</a></p>
<p>https://videos.capitoledulibre.org/w/ckhaJabpYLZTcMGBnaQoHU</p>
<hr />
<p><a href="https://www.mushroomcoloratlas.com/">Mushroom Color
Atlas</a></p>
</article>
</body>
</html>

195
content/2025/52/index.html Normal file
View File

@@ -0,0 +1,195 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title> - lespiedsdanslecode.org</title>
<meta name="DC.title" content="lespiedsdanslecode.org, site de Yannick François aka yaf (ou ya_f)."/>
<meta name="description" content="Le site de Yannick François. Développeur Senior, Responsable Produit, Pédagogue. Je travail chez Pix"/>
<meta name="keywords" content="code, développement, programmation, apprentissage, apprendre, lean, agile, logiciel, tdd, objet, refactoring, libre, creative commons, linux, unix"/>
<meta name="author" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="designer" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="geo.placename" content="Le Faouët, Pontivy, Morbihan, Bretagne, France métropolitaine, 56320, France"/>
<meta name="robots" content="index,follow" />
<meta name="language" content="French" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="index" title="Yannick François / Développeur / Pédagogue" href="index.html" />
<link rel="alternate" type="application/rss" href="/feed.xml" title="lespiedsdanslecode.org/feed" />
<style>
body {
font-size:16pt;
max-width:42rem;
min-width: 18rem;
margin: 1em;
color: black;
background: white;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
a { color: darkred; }
a:hover { background: gold; }
a:visited, a:active { color: dimgrey; }
nav { text-align:center; font-size:smaller; padding: 0; margin: 0; }
nav li { list-style-type: none; }
h2 > a, h2 > a:active, h2 > a:visited { color: lightgrey; text-decoration:none;}
h2 > a:hover { color: black; text-decoration:underline }
@media (max-width: 1000px) { #portrait {display:none;} }
</style>
</head>
<body>
<article>
<h1 id="semaine-52-2025">Semaine 52 / 2025</h1>
<p>## Note de lecture</p>
<p>« Deep Green Resistance, un mouvement pour sauver la planète
» Tome 1 de Derrick Jensen, Lierre Keith et Aric McBay au éditions
libre.</p>
<blockquote>
<p>L’ouvrage « La lutte nonviolente » de Gene Sharp, le plus grand
spécialiste de l’action non violente, devrait être obligatoirement
lu par tous les activistes, car il constitue une source
d’information fondamentales sur la nature de la lutte
politique.</p>
</blockquote>
<blockquote>
<p>Pour les radicaux, la justice ne peut être aveugle ; pour que
les choses puissent changer, il est nécessaire d’identifier et de
résoudre des situations concrètes. Ainsi, la domination ne sera
démantelée qu’en confisquant les droits des puissants et en
redistribuant le pouvoir au reste de la population. On dit parfois
que le féminisme sera parvenu à ses ifns lorsque la moitié des PDG
seront des femmes. Or, il ne s’agit pas là de féminisme ; pour
citer Catharine MacKinnon, il s’agit du libéralisme appliqué aux
femmes. Le féminisme aura triomphé non pas lorsqu’autant de femmes
que d’hommes tireront profit d’une organisation sociale
oppressive, se nourrissant de la sueur de nos sœurs, mais lorsque
toutes les hiérarchies de domination, y compris économiques,
seront démentelées.</p>
</blockquote>
<blockquote>
<p>Il n’y a pas de meilleure définition de l’oppression que celle
de Marilyn Frye, tirée de son livre, <em>The Politics of
Reality</em>, « L’oppression est un système de contraintes et de
forces interdépendantes qui réduisent, immobilisent et façonnnent
les individus appartenant à un groupe social afin de les
subordonner à un autre groupe social. » Il s’agit d’une position
radicale exprimée avec élégance. L’oppression n’est pas une
attitude, elle résult de plusieurs systèmes de pouvoir.</p>
</blockquote>
<blockquote>
<p>Nous supportons l’oppression grâce à trois mécanismes
psychologiques : le dénu, l’adaptation et le consentement. Tous
les dominés apprennent très tôt qu’ils doivent choisir entre la
soumission et la répression. Il suffit aux puissants qu’iuls usent
de temps à autre de la répression afin d’influencer la psyché des
opprimés. Au sein des associations d’aide aux femmes victimes de
violences, par exemple, il est communément admis qu’une femme
battue une fois par an cesse de résister.</p>
</blockquote>
<blockquote>
<p>Lorsque le rôle du pouvoir est invisibilisé, la victimisation
paraît volontaire, ce qui dissimule le fait qu’il s’agit en
réalité d’une sobordination sociale. Ce que les libéraux ne
saisissent pas, c’est que 90 % des oppressions sont consensuelles.
Ainsi que l’a écrit Florynce Kennedy, « il ne peut y avoir de
système d’oppression véritablement généralisé sans consentement
des opprimés ».</p>
</blockquote>
<blockquote>
<p>Les débats autour de la surpopulation sont souvent teintés de
suppositions racistes qui rejettent la responsabilité sur les
personnes de couleur des pays du tiers monde. De plus, les
problèmes de malnutrition ou de famine dans les pays du tiers
monde sont souvent imputés à « l’arriération » et au manque
d’infrastructures industrielles et de connaissances techniques.
Bien entendu, le meilleur moyen de réduire les dégâts consiste à
diminuer la consommation et la capacité de la civilisation
industriel à épuiser les ressources …</p>
</blockquote>
<blockquote>
<p>En comparaison de l’échelle temporelle de la vie humaine, la
civilisation peut sembler ancienne, mais elle est en fait très
jeune si on la compare à celle de l’humanité, qui s’étend sur
plusieurs millions d’années, et à celle de l’histoire écologique
qui couvre plusieurs milliards d’années. Cependant, étant donné
qu’une grande partie du savoir traditionnel a été perdue ou
détruite par ceux qu idétiennent le pouvoir afin de glorifier la
civilisation, de banaliser l’oppression, et de rendre
inconcevables d’autres modes de vie, nous avons l’impression que
la civilisation est tout ce qu’il y a de plus naturel pour l’être
humain.</p>
</blockquote>
<blockquote>
<p>Essaie de te dire Que tu n’es pas responsable De la vie de ta
tribu Du souffle de ta planète – Adrienne Rich, poétesse féministe
et essayiste, extrait du poème North American Time</p>
</blockquote>
<blockquote>
<p>Cette culture doit être démantelée dans son intégralité. Il
s’agit d’une nécessité absolue. L’humanité a vécu sans
l’industrialisme pendant la majeure partie de son existence. Or
l’industrialisation est en train de tuer la planète, sans laquelle
les êtres humains ne peuvent pas exister. La planète, ainsi qu’une
existence humaine soutenable, sont plus importantes que
l’industrialisation.</p>
</blockquote>
<p><img src="editionslibre.jpg" alt="logo Éditions libre" /> <img
src="couverture-DGR-tome1.jpg" alt="couverture DGR tome 1" /></p>
<hr />
<p>À lire ? <a
href="https://wiklou.org/wiki/L%27Atelier_des_miracles">L’atelier
des Miracles est un livre de Benjamin Pichot-Garcia publié en 2023
aux éditions des Trois Canards</a>
https://lestroiscanards.ouvaton.org/latelier-des-miracles/</p>
<hr />
<p>Dans une exploration de « vous faites quoi pour ne pas utiliser
Spotify » (ou une question dans le genre), certaines personnes
m’ont répondu en parlant de radio. Alors j’utilisé pas mal
l’extension firefox de radioFrance, mais là, c’est amusant de
découvrir <a href="https://app.radiooooo.com/">Radiooooo</a>, ça
permet d’écouter de la musique d’un pays en particulier, d’une
époque spécifique… J’aime bien l’idée.</p>
<p>Plusieurs m’ont parlé de <a
href="https://www.qobuz.com/fr-fr/discover">Qobuz</a></p>
<p>Et un site qui répertoris radios, alternative à Spotify
https://alternatives-numeriques.fr/des-alternatives-aux-playlists-de-spotify-et-cie/</p>
<hr />
<p>Depuis un moment, j’ai envie d’essayer <a
href="https://helix-editor.com/">Helix</a>.</p>
<p>Je pensais trouver plein de truc super util dans l’article de
<a
href="https://jvns.ca/blog/2025/10/10/notes-on-switching-to-helix-from-vim/">Julia
Evant à propos de migration de Vim vers Helix</a> mais en fait, à
part évoqué le fait que c’est bien et qu’il ne faut pas chercher à
faire du Vim sous Helix, il n’y a pas grand chose. Comme pour
chaque éditeur, il faut apprendre les nouvelles façon de faire</p>
<p>Le fait d’utiliser <code>d</code> plutôt que <code>x</code>
pour supprimer un caractère est sans doute le truc qui me perturbe
le plus pour l’instant.</p>
<p>Et la complétion qui s’affiche pour les commandes, c’est
vraiment chouette !</p>
<figure>
<img src="capture-helix-auto-complete-command.png"
alt="auto complete avec helix" />
<figcaption aria-hidden="true">auto complete avec
helix</figcaption>
</figure>
<p>Pour l’essayer un peu, j’ai configuré mon raccourci de journal
pour lancer Helix</p>
<hr />
<p>Réception de la deuxième corde de bois.</p>
<p>C’est une personne de Daucy qui fait ça pour dépanner. Arrivé
en tracteur avec une remorque, il a vidé une grosse code, avec des
morceaux très irrégulier en longueur et très gros. Je recasse
avant de ranger.</p>
<p>Avec la livaison de la semaine avant les vacances (le 19
décembre), ça fait deux cordes acheter. Avec ce que j’ai récupéré
de la ferme de Rouzen et de Jean à Bannalec, je pense que nous
avons de quoi faire pour l’hiver 2025/2026.</p>
<hr />
<p>Carte des espèces menacées et disparues</p>
<p>https://www.tela-botanica.org/2025/11/des-cartes-pour-changer-les-representations-sur-les-plantes/</p>
</article>
</body>
</html>

68
content/2026/01/index.html Normal file
View File

@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title> - lespiedsdanslecode.org</title>
<meta name="DC.title" content="lespiedsdanslecode.org, site de Yannick François aka yaf (ou ya_f)."/>
<meta name="description" content="Le site de Yannick François. Développeur Senior, Responsable Produit, Pédagogue. Je travail chez Pix"/>
<meta name="keywords" content="code, développement, programmation, apprentissage, apprendre, lean, agile, logiciel, tdd, objet, refactoring, libre, creative commons, linux, unix"/>
<meta name="author" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="designer" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="geo.placename" content="Le Faouët, Pontivy, Morbihan, Bretagne, France métropolitaine, 56320, France"/>
<meta name="robots" content="index,follow" />
<meta name="language" content="French" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="index" title="Yannick François / Développeur / Pédagogue" href="index.html" />
<link rel="alternate" type="application/rss" href="/feed.xml" title="lespiedsdanslecode.org/feed" />
<style>
body {
font-size:16pt;
max-width:42rem;
min-width: 18rem;
margin: 1em;
color: black;
background: white;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
a { color: darkred; }
a:hover { background: gold; }
a:visited, a:active { color: dimgrey; }
nav { text-align:center; font-size:smaller; padding: 0; margin: 0; }
nav li { list-style-type: none; }
h2 > a, h2 > a:active, h2 > a:visited { color: lightgrey; text-decoration:none;}
h2 > a:hover { color: black; text-decoration:underline }
@media (max-width: 1000px) { #portrait {display:none;} }
</style>
</head>
<body>
<article>
<h1 id="semaine-1-2025-bis">Semaine 1 2025 (bis)</h1>
<p>À lire ? <a href="https://livres.onpk.net/?9782811202606">Les
Chants de la Terre lointaine</a> À lire ? <a
href="https://www.lalibrairie.com/livres/le-proces-des-etoiles--recit-de-la-prestigieuse-expedition-de-trois-savants-francais-en-amerique-du-sud-et-des-aventures-qui-s-ensuivirent--1735-1771_0-4318571_9782228918749.html?ctx=b5a878f331bd2cf1f3a6a18d6dd3190e">Le
procès des étoiles de Florence Trystram</a> À lire ? [Un psaume
pour les recyclés sauvages de Becky
Chambers](https://www.l-atalante.com/catalogue/la-dentelle-du-cygne/un-psaume-pour-les-recycles-sauvages-9791036001192/</p>
<p>Le journal pour poser une matière brute, et un temps pour
écrire à partir de celle-ci ? Faut-il maintenir le journal une
fois que c’est reformulé dans un article ?</p>
<p>## GrapheneOS pour les anarchistes</p>
<p>Je découvre, suite à un partage sur mastodon, l’existance de
cet OS pour ordiphone.</p>
<p><a
href="https://paris-luttes.info/grapheneos-pour-les-anarchistes-20275">GrapheneOS
pour les anarchistes</a> est un :</p>
<blockquote>
<p>Guide d’installation et de bonnes pratiques, traduit à partir
de GrapheneOS for Anarchists de anarsec.guide et modifié par nos
maigres connaissances d’utilisateurices.</p>
</blockquote>
<p>J’y découvre le <a href="https://www.anarsec.guide/">Tech
Guides for Anarchists</a></p>
</article>
</body>
</html>

75
content/2026/02/index.html Normal file
View File

@@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title> - lespiedsdanslecode.org</title>
<meta name="DC.title" content="lespiedsdanslecode.org, site de Yannick François aka yaf (ou ya_f)."/>
<meta name="description" content="Le site de Yannick François. Développeur Senior, Responsable Produit, Pédagogue. Je travail chez Pix"/>
<meta name="keywords" content="code, développement, programmation, apprentissage, apprendre, lean, agile, logiciel, tdd, objet, refactoring, libre, creative commons, linux, unix"/>
<meta name="author" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="designer" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="geo.placename" content="Le Faouët, Pontivy, Morbihan, Bretagne, France métropolitaine, 56320, France"/>
<meta name="robots" content="index,follow" />
<meta name="language" content="French" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="index" title="Yannick François / Développeur / Pédagogue" href="index.html" />
<link rel="alternate" type="application/rss" href="/feed.xml" title="lespiedsdanslecode.org/feed" />
<style>
body {
font-size:16pt;
max-width:42rem;
min-width: 18rem;
margin: 1em;
color: black;
background: white;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
a { color: darkred; }
a:hover { background: gold; }
a:visited, a:active { color: dimgrey; }
nav { text-align:center; font-size:smaller; padding: 0; margin: 0; }
nav li { list-style-type: none; }
h2 > a, h2 > a:active, h2 > a:visited { color: lightgrey; text-decoration:none;}
h2 > a:hover { color: black; text-decoration:underline }
@media (max-width: 1000px) { #portrait {display:none;} }
</style>
</head>
<body>
<article>
<h1 id="semaine-2-2026">Semaine 2 2026</h1>
<ul>
<li>À lire ? <a
href="https://www.unioncommunistelibertaire.org/?Livre-Ruralite-des-territoires-abandonnes-a-l-extreme-droite">«
Ces Gens-là. Plongée dans cette France qui pourrait tout faire
basculer » de Lumir Lapray</a></li>
<li>À lire ? <a
href="https://www.syllepse.net/l-autogestion-en-algerie-_r_76_i_879.html">L’autogestion
en Algérie de Mohammed Harbi</a>]</li>
<li>À lire ? <a
href="https://www.cheyne-editeur.com/livre/productidn/1769751/gographies-de-steppes-et-de-lisiresanna-milani">Géographies
de steppes et de lisières de Anna MILANI</a></li>
<li>À lire ? <a
href="https://www.tela-botanica.org/2025/10/lhomme-qui-plantait-des-arbres/">« L’homme
qui plantait des arbres » de Daniel Casanave, Jean Giono, Florence
Lebonvallet</a></li>
<li>À lire ? <a
href="https://www.babelio.com/livres/Baldree-Legendes-Lattes/1520449">Travis
Baldree Légendes &amp; Lattes</a></li>
<li>À lire ? <a
href="https://www.editionsdivergences.com/livre/apocalypse-nerds">«
Apocalypse Nerd » de Nastasia Hadjadji et Olibier Tesquet</a></li>
<li>À lire ? <a
href="https://www.unioncommunistelibertaire.org/?Lire-Martin-Thibault-Les-Tetes-hautes">«
Les Têtes hautes » de Martin Thibault</a></li>
</ul>
<hr />
<p>Amusant de voir le site OpenWeb refaire surface sur Mastodon.
Que j’ai pu en lire des articles sur ce site !
https://openweb.eu.org/</p>
</article>
</body>
</html>

55
content/2026/03/index.html Normal file
View File

@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title> - lespiedsdanslecode.org</title>
<meta name="DC.title" content="lespiedsdanslecode.org, site de Yannick François aka yaf (ou ya_f)."/>
<meta name="description" content="Le site de Yannick François. Développeur Senior, Responsable Produit, Pédagogue. Je travail chez Pix"/>
<meta name="keywords" content="code, développement, programmation, apprentissage, apprendre, lean, agile, logiciel, tdd, objet, refactoring, libre, creative commons, linux, unix"/>
<meta name="author" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="designer" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="geo.placename" content="Le Faouët, Pontivy, Morbihan, Bretagne, France métropolitaine, 56320, France"/>
<meta name="robots" content="index,follow" />
<meta name="language" content="French" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="index" title="Yannick François / Développeur / Pédagogue" href="index.html" />
<link rel="alternate" type="application/rss" href="/feed.xml" title="lespiedsdanslecode.org/feed" />
<style>
body {
font-size:16pt;
max-width:42rem;
min-width: 18rem;
margin: 1em;
color: black;
background: white;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
a { color: darkred; }
a:hover { background: gold; }
a:visited, a:active { color: dimgrey; }
nav { text-align:center; font-size:smaller; padding: 0; margin: 0; }
nav li { list-style-type: none; }
h2 > a, h2 > a:active, h2 > a:visited { color: lightgrey; text-decoration:none;}
h2 > a:hover { color: black; text-decoration:underline }
@media (max-width: 1000px) { #portrait {display:none;} }
</style>
</head>
<body>
<article>
<h1 id="semaine-3-2026">Semaine 3 / 2026</h1>
<p>À lire ? []“Travailler mieux”, paru aux Presses universitaires
de France (PUF), coordonné par l’économiste Christine Erhel (Cnam)
et le politiste Bruno Palier
(CNRS).](https://www.radiofrance.fr/franceculture/podcasts/le-journal-de-l-eco/travailler-mieux-des-propositions-pour-changer-2728784)</p>
<p>## Notes</p>
<p>Online unix terminal https://unixv4.dev/</p>
<p>Pandoc in the browser
https://pandoc.org/wasm-demo/convert.html</p>
<p>pandoc.wasm</p>
</article>
</body>
</html>

86
content/2026/04/index.html Normal file
View File

@@ -0,0 +1,86 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title> - lespiedsdanslecode.org</title>
<meta name="DC.title" content="lespiedsdanslecode.org, site de Yannick François aka yaf (ou ya_f)."/>
<meta name="description" content="Le site de Yannick François. Développeur Senior, Responsable Produit, Pédagogue. Je travail chez Pix"/>
<meta name="keywords" content="code, développement, programmation, apprentissage, apprendre, lean, agile, logiciel, tdd, objet, refactoring, libre, creative commons, linux, unix"/>
<meta name="author" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="designer" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="geo.placename" content="Le Faouët, Pontivy, Morbihan, Bretagne, France métropolitaine, 56320, France"/>
<meta name="robots" content="index,follow" />
<meta name="language" content="French" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="index" title="Yannick François / Développeur / Pédagogue" href="index.html" />
<link rel="alternate" type="application/rss" href="/feed.xml" title="lespiedsdanslecode.org/feed" />
<style>
body {
font-size:16pt;
max-width:42rem;
min-width: 18rem;
margin: 1em;
color: black;
background: white;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
a { color: darkred; }
a:hover { background: gold; }
a:visited, a:active { color: dimgrey; }
nav { text-align:center; font-size:smaller; padding: 0; margin: 0; }
nav li { list-style-type: none; }
h2 > a, h2 > a:active, h2 > a:visited { color: lightgrey; text-decoration:none;}
h2 > a:hover { color: black; text-decoration:underline }
@media (max-width: 1000px) { #portrait {display:none;} }
</style>
</head>
<body>
<article>
<h1 id="semaine-4-2026">Semaine 4 / 2026</h1>
<p>L’accacia envahissant ? Il y a des solutions il semblerait
https://reporterre.net/Star-des-jardins-le-mimosa-fragilise-des-ecosystemes-locaux</p>
<p>Mais moi, je crois que celui du jardin est un peu trop
envahissant. Il finira par être désouché je pense !</p>
<hr />
<p>J’ai du mal à me mettre à Helix.</p>
<p>Ma plus grosse difficulté est peut-être l’utilisation de la
touche <code>d</code> plutôt que <code>x</code> pour supprimer un
charactère. À moins que ce ne soit le fait qu’Helix mix l’usage du
mode visuel (selection d’un mot) pendant le déplacement dans le
document.</p>
<p>Mais c’est sans doute une histoire d’habitude.</p>
<p>J’hésite à faire un alias pour que la commande <code>vi</code>
ouvre Helix ! Mais je crains de perdre du temps au boulot. Aussi,
je vais sans doute continuer à m’en servir ici, sur mon ordinateur
personnel</p>
<p>(un peu plus tard)</p>
<p>Est-ce qu’il n’y a pas un endroit où je pourrais taper une
commande vim et voir son équivalent avec helix ? Si ça n’existe
pas, il faut l’inventer ?</p>
<p>Avec tout ces trucs visuel, Helix est sans doute plus sympa
quand on en connait pas vim…</p>
<p>Découverte du jour : <code>mi(c</code> pour supprimer ce qu’il
y a entre les <code>()</code> et se mettre en mode insertion.</p>
<hr />
<p>À lire ? <a
href="https://www.editionslesliensquiliberent.fr/livre-Vous_ne_d%C3%A9testez_pas_le_lundi...-770-1-1-0-1.html">«
Vous ne détestez pas le lundi Vous détestez la domination au
travail » de Nicolas Framont</a> À lire ? <a
href="https://www.editionsamsterdam.fr/un-taylorisme-augmente/">«
Un taylorisme augmenté - Critique de l’intelligence artificielle »
de Juan Sebastián Carbonell</a></p>
<hr />
<p>https://hckr.fr/fascismometre/</p>
<p>Pour créer un flux RSS avec Markdown, Pandoc et Make
https://www.arsouyes.org/articles/2026/2026-01-21_RSS_Pandoc_Make/</p>
<hr />
<p>Je n’avais pas suivi l’arrivé de <code>yield</code> en
Javascript !</p>
<p>https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Operators/yield</p>
</article>
</body>
</html>

47
lib/template.html Normal file
View File

@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>$if(title)$$title$$endif$ - lespiedsdanslecode.org</title>
<meta name="DC.title" content="lespiedsdanslecode.org, site de Yannick François aka yaf (ou ya_f)."/>
<meta name="description" content="Le site de Yannick François. Développeur Senior, Responsable Produit, Pédagogue. Je travail chez Pix"/>
<meta name="keywords" content="code, développement, programmation, apprentissage, apprendre, lean, agile, logiciel, tdd, objet, refactoring, libre, creative commons, linux, unix"/>
<meta name="author" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="designer" content="Yannick François, https://lespiedsdanslecode.org"/>
<meta name="geo.placename" content="Le Faouët, Pontivy, Morbihan, Bretagne, France métropolitaine, 56320, France"/>
<meta name="robots" content="index,follow" />
<meta name="language" content="French" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="index" title="Yannick François / Développeur / Pédagogue" href="index.html" />
<link rel="alternate" type="application/rss" href="/feed.xml" title="lespiedsdanslecode.org/feed" />
<style>
body {
font-size:16pt;
max-width:42rem;
min-width: 18rem;
margin: 1em;
color: black;
background: white;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
a { color: darkred; }
a:hover { background: gold; }
a:visited, a:active { color: dimgrey; }
nav { text-align:center; font-size:smaller; padding: 0; margin: 0; }
nav li { list-style-type: none; }
h2 > a, h2 > a:active, h2 > a:visited { color: lightgrey; text-decoration:none;}
h2 > a:hover { color: black; text-decoration:underline }
@media (max-width: 1000px) { #portrait {display:none;} }
</style>
</head>
<body>
<article>
$if(title)$<h1>$title$</h1>$endif$
$body$
</article>
</body>
</html>

21
pana.sh Executable file
View File

@@ -0,0 +1,21 @@
#!/bin/sh
# Ligne complète pour pandoc:
# pandoc --template=lib/template.html -c lib/pandoc.css -H lib/head.html -B lib/header.html -A lib/footer.html "$mdfile" -o "$htmlfile"
MARKDOWN_FILES=$(find content -name \*.md)
FEED_FILE=content/feed.xml
echo "## Generate HTML files for each markdown files"
for mdfile in $MARKDOWN_FILES; do
htmlfile="${mdfile%%.*}.html"
if [ ! -f "$htmlfile" ] || [ "$htmlfile" -ot "$mdfile" ]; then
echo "--> generate with pandoc '$htmlfile' from '$mdfile'"
pandoc --template=lib/template.html -c lib/pandoc.css "$mdfile" -o "$htmlfile"
fi
done
echo "## END"
exit 0