PageSourceSearch

https://pikselkraft.fr/jardin

html pikselkraft.fr collected 2026-10-04 13:26:40 UTC 61,759 bytes, 823 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="fr-FR">
3<head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width,initial-scale=1.0">
6  <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
8  <title>Jardin numérique | Publications de Pikselkraft</title>
9<meta name="description" content="Cet espace regroupe mes publications. Je l'organise en suivant les principes du digital garden." />
10<link rel="canonical" href="https://pikselkraft.fr/jardin" />
11<meta name="referrer" content="no-referrer">
12<meta name="generator" content="Kirby (5.4.3)">
13<link rel="author" type="text/plain" href="humans.txt" />
14    <link rel="alternate" type="application/rss+xml" title="S’abonner aux dernières publications" href="https://pikselkraft.fr/rss"/>
15 
16  
17    <meta name="color-scheme" content="light dark">
18  
18<script nonce="10bi9n+Te4aCQVrZZh9drA==">
19    let t = 'light dark';
20    try {
21      t = localStorage.getItem('theme') || 'light dark';
22    } catch (e) {}
23
24    const metas = document.head.getElementsByTagName('meta');
25    for (let i = 0; i < metas.length; i++) {
26      if (metas[i].name === 'color-scheme') {
27        metas[i].parentNode.removeChild(metas[i]);
28        break;
29      }
30    }
31
32    const meta = document.createElement('meta');
33    meta.name = 'color-scheme';
34    meta.content = t;
35    document.head.appendChild(meta);
36  </script>
36
37  <meta name="theme-color" content="#f5f1f1" media="(prefers-color-scheme: light)">
38<meta name="theme-color" content="#343e3D" media="(prefers-color-scheme: dark)" >
39  <link href="https://pikselkraft.fr/assets/css/style.7b50f1991eb6f2da9959795ca3347f16.min.css" rel="stylesheet">
40<link href="https://pikselkraft.fr/assets/css/print.css" media="print" rel="stylesheet">
41        <link rel="preload" as="font" href="/assets/fonts/paysage-regular.woff2" type="font/woff2" crossorigin="anonymous">
42        <link rel="preload" as="font" href="/assets/fonts/bonto.woff2" type="font/woff2" crossorigin="anonymous">
43  
44  <!-- Favicon -->
45<link rel="icon" type="image/png" href="https://pikselkraft.fr/assets/fav/favicon-96x96.png" sizes="96x96" />
46<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
47<link rel="shortcut icon" href="/favicon.ico" />
48<link rel="apple-touch-icon" sizes="180x180" href="https://pikselkraft.fr/assets/fav/apple-touch-icon.png" />
49<meta name="apple-mobile-web-app-title" content="Pikselkraft" />
50<link rel="manifest" href="/site.webmanifest" />
51  <!-- Social tags -->
52<link rel="me" href="https://mastodon.design/@pikselkraft"/>
53<meta property="og:type" content="website">
54<meta property="og:title" content="Jardin numérique | Publications de Pikselkraft">
55<meta property="og:description" content="Cet espace regroupe mes publications. Je l'organise en suivant les principes du digital garden.">
56<meta property="og:url" content="https://pikselkraft.fr/jardin">
57<meta property="og:site_name" content="Pikselkraft">
58<!-- I no longer use Twitter cards. X/Twitter is a fascist network, probably like all GAFAM companies in fact. -->
59
60  
61  <!-- Web2print feature -->
62
63  
63<script type="application/ld+json">
64{
65  "@context": "http://www.schema.org",
66  "@type": "WebSite",
67  "name": "Pikselkraft",
68  "url": "https://pikselkraft.fr"
69}
70</script>
70
71  
71<script type="application/ld+json">
72{
73	"@context": "http://schema.org",
74	"@type": "BreadcrumbList",
75	"itemListElement": [
76		{
77			"@type": "ListItem",
78			"position": 1,
79			"item": {
80				"@id": "https://pikselkraft.fr",
81				"name": "Pikselkraft"
82			}
83		},
84		{
85			"@type": "ListItem",
86			"position": 2,
87			"item": 
88			{
89				"@id": "https://pikselkraft.fr/jardin",
90				"name": "Jardin"
91			}
92		}]
93}
94</script>
94
95  </head>
96<body id="top" data-template="jardin" data-title="Jardin">  
97
98<nav class="nav-skiplinks" role="navigation" aria-label="Lien d'accès rapide" >
99  <ul class="flex | m0 list-none">
100    <li>
101      <a class="skiplink" href="#main">Aller directement au contenu</a>
102    </li>
103    <li>
104      <a class="skiplink" href="/plan-du-site">Plan du site</a>
105    </li>
106      </ul>
107</nav>
108<header id="header" class="header | mauto | relative" role="banner">
109<div id="header__nav" class="header__nav | m-flex m-flex-column gap-s | relative">
110  <div class="header__logo">
111  <div class="breadcrumb">
112<nav class="breadcrumb__container" aria-label="fil d'ariane" role="navigation">
113  <ol class="breadcrumb__list | m-flex m-gap-s | list-reset list-none"><span aria-hidden="true">⧊</span> 
114        <li class="breadcrumb__item"><a class="breadcrumb__link no-underline" href="https://pikselkraft.fr"  >Accueil</a></li>
115        <li class="breadcrumb__item"><a class="breadcrumb__link no-underline" href="https://pikselkraft.fr/jardin" aria-current="page" >Jardin</a></li>
116      </ol>
117</nav>
118</div>
119	  	<a href="https://pikselkraft.fr" class="logo logo-text | fit-content mauto-left | h3-like heading-like font-brand | no-underline" aria-label="Page d'accueil" title="Pikselkraft : retour à la page d'accueil"><span aria-hidden="true">▪</span> Pikselkraft</a>
120	  </div>
121   
122<nav class="header__menu menu" id="menu" role="navigation" aria-label="menu principal">
123  <ul id="menu-list" class="menu__list list-reset | m-flex m-flex-row flex-column m-flex-wrap gap-l | relative | list-none">
124         <li class="menu__item">
125    <a  class="menu__link | relative | no-underline font-bold tooltip" tooltip-data="Mes services" aria-label="Mes services" href="https://pikselkraft.fr/conciergerie">
126      Conciergerie    </a>
127   </li>
128       <li class="menu__item">
129    <a  class="menu__link | relative | no-underline font-bold tooltip" tooltip-data="Mes projets" aria-label="Mes projets" href="https://pikselkraft.fr/forge">
130      Forge    </a>
131   </li>
132       <li class="menu__item">
133    <a aria-current="page" class="menu__link | relative | no-underline font-bold "  aria-label="Mes publications" href="https://pikselkraft.fr/jardin">
134      Jardin    </a>
135   </li>
136       <li class="menu__item">
137    <a  class="menu__link | relative | no-underline font-bold tooltip" tooltip-data="Me contacter" aria-label="Me contacter" href="https://pikselkraft.fr/bavarder">
138      Bavarder    </a>
139   </li>
140      <div class="menu-mode | m-flex m-flex-row align-center gap-s">
141  <li class="menu__color">
142    <button id="btn-clair" class="color-mode font-monospace" title="Activer le mode clair" value="light">
143      <span id="light-mode__symbol" aria-hidden="true">&#9728;</span>
144      <span id="dark-mode__text" class="visually-hidden">Activer le mode sombre</span>
145    </button>
146  </li>
147  <li class="menu__color">
148    <button id="btn-sombre" aria-pressed="false" class="color-mode font-monospace" title="Activer le mode sombre" value="dark">
149      <span id="dark-mode__symbol" aria-hidden="true">&#9790;</span>
150      <span id="light-mode__text" class="visually-hidden">Activer le mode clair</span>
151    </button>
152  </li>
153  </div>
154  </ul>
155</nav>
156</div>
157  <div id="anchor-top" class="header-slot">
158    		<section class="hero | m-flex m-flex-column m-gap-base flex flex-row gap-l2">
159						    <img class="hero__illu" alt="illustration dans un style proche des vitraux. L'illustration représente une machine à écrire connectée avec une antenne entourée de motifs floraux" src="https://pikselkraft.fr/media/site/5eb0d3d233-1789561618/ecrire.svg">
160
161						<div class="hero__intro | m-flex m-flex-column">
162								<h1>Jardin <br> numérique</h1>
163												<div class="flow"><p>Cet espace regroupe mes publications. Je l'organise en suivant les principes du <a href="https://maggieappleton.com/garden-history">digital garden</a>. Les articles et les notes sont triés par tags, avancement (semis, jeune pousse, arbre) et contexte (usage, technique, réflexion).</p></div>
164												<aside class="garden-sidebar | mt-l">
165					<div class="relative | pa-base | flow square-hover border border-hover">
166				    				      <p><strong>Légende</strong><br />
167<span data-emoji=true role="img" aria-label="Emoji de chien guide">&#x1F9AE;</span>
167 Vous pouvez chercher un sujet avec « ctrl + F ». Cette page regroupe la liste complète des articles.<br />
168<span data-emoji=true role="img" aria-label="Emoji de journal">&#128240;</span> sujets / <span data-emoji=true role="img" aria-label="Emoji de jeune plante">&#127793;</span> avancement / <span data-emoji=true role="img" aria-label="Emoji de mégaphone">&#128226;</span> thématique</p>				    					</div>
169				</aside>
170												<a class="hero__arrow" href="#les-publications-bonne-lecture">
171					<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
172  <path fill="currentColor" d="M11 4h2v12h2v2h-2v2h-2v-2H9v-2h2zM7 14v2h2v-2zm0 0v-2H5v2zm10 0v2h-2v-2zm0 0v-2h2v2z"/>
173</svg>
174				</a>
175							</div>
176		</section>
177	  </div>
178</header>
179
180<main id="main" class="main mauto" data-template="jardin" role="main" tabindex="0">
181
182<section id="les-publications-bonne-lecture" class="articles__list yearlist | mt-l2 mw730 mauto | asterism">
183<h2 class="tc">Articles, guides & notes</h2>
184<div class="mt-l2">
185<div class="m-flex m-flex-column flex flex-row align-start mt-section">
186  <h3 class="h5-like lh font-brand">2026</h3>
187  <div class="articles-list__container | m-flex m-flex-column m-gap-base gap-base flex-1-1-0">
188    			      <article class="articles__article | flex flex-column m-gap-s3">
189        <a href="https://pikselkraft.fr/jardin/une-organisation-simple-fichiers-txt-dossiers-et-terminal">
190          <h4 class="h6-like">Tout en texte : mon organisation entre fichiers .txt, dossiers et terminal&#160;<span aria-hidden="true">↠</span></h4>
191        </a>
192				<div class="m-flex flex-wrap space-between">
193					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
194												<dt class="visually-hidden">Tags : </dt>
195						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
196						technique, TUI						</dd>
197																								<dt class="visually-hidden">Avancement : </dt>
198						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
199																								<dt class="visually-hidden">Thématique : </dt>
200						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> technique</dd>
201											</dl>
202				</div>
203      </article>
204    			      <article class="articles__article | flex flex-column m-gap-s3">
205        <a href="https://pikselkraft.fr/jardin/un-numerique-local-en-bourgogne">
206          <h4 class="h6-like">Devenir développeur local en Bourgogne&#160;<span aria-hidden="true">↠</span></h4>
207        </a>
208				<div class="m-flex flex-wrap space-between">
209					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
210												<dt class="visually-hidden">Tags : </dt>
211						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
212						biorégion, programmation						</dd>
213																								<dt class="visually-hidden">Avancement : </dt>
214						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127793;</span> semis</dd>
215																								<dt class="visually-hidden">Thématique : </dt>
216						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> réflexion</dd>
217											</dl>
218				</div>
219      </article>
220    			      <article class="articles__article | flex flex-column m-gap-s3">
221        <a href="https://pikselkraft.fr/jardin/un-futur-numerique-bioregional">
222          <h4 class="h6-like">Un futur numerique biorégional&#160;<span aria-hidden="true">↠</span></h4>
223        </a>
224				<div class="m-flex flex-wrap space-between">
225					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
226												<dt class="visually-hidden">Tags : </dt>
227						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
228						biorégion, permacomputing						</dd>
229																								<dt class="visually-hidden">Avancement : </dt>
230						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
231																								<dt class="visually-hidden">Thématique : </dt>
232						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> réflexion</dd>
233											</dl>
234				</div>
235      </article>
236    			      <article class="articles__article | flex flex-column m-gap-s3">
237        <a href="https://pikselkraft.fr/jardin/favoris-fonderies">
238          <h4 class="h6-like">Favoris : fonderies&#160;<span aria-hidden="true">↠</span></h4>
239        </a>
240				<div class="m-flex flex-wrap space-between">
241					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
242												<dt class="visually-hidden">Tags : </dt>
243						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
244						web						</dd>
245																								<dt class="visually-hidden">Avancement : </dt>
246						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
247																								<dt class="visually-hidden">Thématique : </dt>
248						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> technique</dd>
249											</dl>
250				</div>
251      </article>
252    			      <article class="articles__article | flex flex-column m-gap-s3">
253        <a href="https://pikselkraft.fr/jardin/favoris-moteurs-de-recherche">
254          <h4 class="h6-like">Favoris : moteurs de recherche&#160;<span aria-hidden="true">↠</span></h4>
255        </a>
256				<div class="m-flex flex-wrap space-between">
257					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
258												<dt class="visually-hidden">Tags : </dt>
259						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
260						web						</dd>
261																								<dt class="visually-hidden">Avancement : </dt>
262						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
263																								<dt class="visually-hidden">Thématique : </dt>
264						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> technique</dd>
265											</dl>
266				</div>
267      </article>
268    			      <article class="articles__article | flex flex-column m-gap-s3">
269        <a href="https://pikselkraft.fr/jardin/la-version-3-de-pikselkraft">
270          <h4 class="h6-like">La version 3 de Pikselkraft&#160;<span aria-hidden="true">↠</span></h4>
271        </a>
272				<div class="m-flex flex-wrap space-between">
273					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
274												<dt class="visually-hidden">Tags : </dt>
275						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
276						écoconception, kirby cms						</dd>
277																								<dt class="visually-hidden">Avancement : </dt>
278						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
279																								<dt class="visually-hidden">Thématique : </dt>
280						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> technique</dd>
281											</dl>
282				</div>
283      </article>
284    	</div>
285</div>
286<div class="m-flex m-flex-column flex flex-row align-start mt-section">
287  <h3 class="h5-like lh font-brand">2024</h3>
288  <div class="articles-list__container | m-flex m-flex-column m-gap-base gap-base flex-1-1-0">
289    			      <article class="articles__article | flex flex-column m-gap-s3">
290        <a href="https://pikselkraft.fr/jardin/configurer-authentification-multifacteur-2fa-guide">
291          <h4 class="h6-like">Configurer l'authentification multifacteur (2FA) [Guide]&#160;<span aria-hidden="true">↠</span></h4>
292        </a>
293				<div class="m-flex flex-wrap space-between">
294					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
295												<dt class="visually-hidden">Tags : </dt>
296						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
297						sécurité et vie privée, guide						</dd>
298																								<dt class="visually-hidden">Avancement : </dt>
299						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127793;</span> semis</dd>
300																								<dt class="visually-hidden">Thématique : </dt>
301						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> usage</dd>
302											</dl>
303				</div>
304      </article>
305    	</div>
306</div>
307<div class="m-flex m-flex-column flex flex-row align-start mt-section">
308  <h3 class="h5-like lh font-brand">2022</h3>
309  <div class="articles-list__container | m-flex m-flex-column m-gap-base gap-base flex-1-1-0">
310    			      <article class="articles__article | flex flex-column m-gap-s3">
311        <a href="https://pikselkraft.fr/jardin/conseil-pour-les-rapports-de-bug">
312          <h4 class="h6-like">Conseil pour les rapports de bug&#160;<span aria-hidden="true">↠</span></h4>
313        </a>
314				<div class="m-flex flex-wrap space-between">
315					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
316												<dt class="visually-hidden">Tags : </dt>
317						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
318						sécurité et vie privée, guide						</dd>
319																								<dt class="visually-hidden">Avancement : </dt>
320						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127793;</span> semis</dd>
321																								<dt class="visually-hidden">Thématique : </dt>
322						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> usage</dd>
323											</dl>
324				</div>
325      </article>
326    			      <article class="articles__article | flex flex-column m-gap-s3">
327        <a href="https://pikselkraft.fr/jardin/conseils-pour-la-creation-d-un-mot-de-passe-robuste">
328          <h4 class="h6-like">Conseils pour la création d’un mot de passe robuste&#160;<span aria-hidden="true">↠</span></h4>
329        </a>
330				<div class="m-flex flex-wrap space-between">
331					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
332												<dt class="visually-hidden">Tags : </dt>
333						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
334						sécurité et vie privée, guide						</dd>
335																								<dt class="visually-hidden">Avancement : </dt>
336						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
337																								<dt class="visually-hidden">Thématique : </dt>
338						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> usage</dd>
339											</dl>
340				</div>
341      </article>
342    			      <article class="articles__article | flex flex-column m-gap-s3">
343        <a href="https://pikselkraft.fr/jardin/optimisations-des-pdfs">
344          <h4 class="h6-like">Optimisations des PDFs&#160;<span aria-hidden="true">↠</span></h4>
345        </a>
346				<div class="m-flex flex-wrap space-between">
347					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
348												<dt class="visually-hidden">Tags : </dt>
349						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
350						écoconception, guide						</dd>
351																								<dt class="visually-hidden">Avancement : </dt>
352						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127793;</span> semis</dd>
353																								<dt class="visually-hidden">Thématique : </dt>
354						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> usage</dd>
355											</dl>
356				</div>
357      </article>
358    	</div>
359</div>
360<div class="m-flex m-flex-column flex flex-row align-start mt-section">
361  <h3 class="h5-like lh font-brand">2021</h3>
362  <div class="articles-list__container | m-flex m-flex-column m-gap-base gap-base flex-1-1-0">
363    			      <article class="articles__article | flex flex-column m-gap-s3">
364        <a href="https://pikselkraft.fr/jardin/npm-scripts-pourquoi-nous-avons-besoin-d-alternatives">
365          <h4 class="h6-like">NPM scripts, pourquoi nous avons besoin d'alternatives&#160;<span aria-hidden="true">↠</span></h4>
366        </a>
367				<div class="m-flex flex-wrap space-between">
368					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
369												<dt class="visually-hidden">Tags : </dt>
370						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
371						écoconception						</dd>
372																								<dt class="visually-hidden">Avancement : </dt>
373						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127795;</span> arbre</dd>
374																								<dt class="visually-hidden">Thématique : </dt>
375						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> technique</dd>
376											</dl>
377				</div>
378      </article>
379    			      <article class="articles__article | flex flex-column m-gap-s3">
380        <a href="https://pikselkraft.fr/jardin/pourquoi-le-cms-kirby-pour-nos-projets-ecoresponsables">
381          <h4 class="h6-like">Pourquoi le CMS Kirby pour nos projets écoresponsables ?&#160;<span aria-hidden="true">↠</span></h4>
382        </a>
383				<div class="m-flex flex-wrap space-between">
384					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
385												<dt class="visually-hidden">Tags : </dt>
386						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
387						écoconception, kirby cms						</dd>
388																								<dt class="visually-hidden">Avancement : </dt>
389						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127795;</span> arbre</dd>
390																								<dt class="visually-hidden">Thématique : </dt>
391						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> technique</dd>
392											</dl>
393				</div>
394      </article>
395    	</div>
396</div>
397<div class="m-flex m-flex-column flex flex-row align-start mt-section">
398  <h3 class="h5-like lh font-brand">2020</h3>
399  <div class="articles-list__container | m-flex m-flex-column m-gap-base gap-base flex-1-1-0">
400    			      <article class="articles__article | flex flex-column m-gap-s3">
401        <a href="https://pikselkraft.fr/jardin/la-sobriete-numerique-pour-un-usage-quotidien">
402          <h4 class="h6-like">La sobriété numérique pour un usage quotidien&#160;<span aria-hidden="true">↠</span></h4>
403        </a>
404				<div class="m-flex flex-wrap space-between">
405					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
406												<dt class="visually-hidden">Tags : </dt>
407						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
408						écoconception						</dd>
409																								<dt class="visually-hidden">Avancement : </dt>
410						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
411																								<dt class="visually-hidden">Thématique : </dt>
412						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> technique</dd>
413											</dl>
414				</div>
415      </article>
416    			      <article class="articles__article | flex flex-column m-gap-s3">
417        <a href="https://pikselkraft.fr/jardin/bhallot-etude-de-cas-optimisation-ecoconception-et-e-commerce">
418          <h4 class="h6-like">Bhallot, étude de cas : optimisation, écoconception et e-commerce&#160;<span aria-hidden="true">↠</span></h4>
419        </a>
420				<div class="m-flex flex-wrap space-between">
421					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
422												<dt class="visually-hidden">Tags : </dt>
423						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
424						écoconception, wordpress						</dd>
425																								<dt class="visually-hidden">Avancement : </dt>
426						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127795;</span> arbre</dd>
427																								<dt class="visually-hidden">Thématique : </dt>
428						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> technique</dd>
429											</dl>
430				</div>
431      </article>
432    			      <article class="articles__article | flex flex-column m-gap-s3">
433        <a href="https://pikselkraft.fr/jardin/repenser-nos-echanges-avec-les-utilisateurs-le-cafe-du-web">
434          <h4 class="h6-like">Repenser nos échanges avec les utilisateurs : le café du web&#160;<span aria-hidden="true">↠</span></h4>
435        </a>
436				<div class="m-flex flex-wrap space-between">
437					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
438												<dt class="visually-hidden">Tags : </dt>
439						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
440						écoconception						</dd>
441																								<dt class="visually-hidden">Avancement : </dt>
442						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
443																								<dt class="visually-hidden">Thématique : </dt>
444						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> réflexion</dd>
445											</dl>
446				</div>
447      </article>
448    			      <article class="articles__article | flex flex-column m-gap-s3">
449        <a href="https://pikselkraft.fr/jardin/les-livres-sur-l-ecoconception-web-et-les-sites-low-tech">
450          <h4 class="h6-like">Les livres sur l'écoconception web et les sites low-tech&#160;<span aria-hidden="true">↠</span></h4>
451        </a>
452				<div class="m-flex flex-wrap space-between">
453					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
454												<dt class="visually-hidden">Tags : </dt>
455						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
456						culture libre						</dd>
457																								<dt class="visually-hidden">Avancement : </dt>
458						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
459																								<dt class="visually-hidden">Thématique : </dt>
460						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> technique</dd>
461											</dl>
462				</div>
463      </article>
464    	</div>
465</div>
466<div class="m-flex m-flex-column flex flex-row align-start mt-section">
467  <h3 class="h5-like lh font-brand">2019</h3>
468  <div class="articles-list__container | m-flex m-flex-column m-gap-base gap-base flex-1-1-0">
469    			      <article class="articles__article | flex flex-column m-gap-s3">
470        <a href="https://pikselkraft.fr/jardin/publii-un-generateur-statique-accessible-et-local">
471          <h4 class="h6-like">Publii un générateur statique accessible et local&#160;<span aria-hidden="true">↠</span></h4>
472        </a>
473				<div class="m-flex flex-wrap space-between">
474					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
475												<dt class="visually-hidden">Tags : </dt>
476						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
477						écoconception, kirby cms						</dd>
478																								<dt class="visually-hidden">Avancement : </dt>
479						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
480																								<dt class="visually-hidden">Thématique : </dt>
481						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> technique</dd>
482											</dl>
483				</div>
484      </article>
485    			      <article class="articles__article | flex flex-column m-gap-s3">
486        <a href="https://pikselkraft.fr/jardin/integrer-une-demarche-ecologique-dans-sa-conception-et-sa-communication">
487          <h4 class="h6-like">Intégrer une démarche écologique dans sa conception et sa communication&#160;<span aria-hidden="true">↠</span></h4>
488        </a>
489				<div class="m-flex flex-wrap space-between">
490					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
491												<dt class="visually-hidden">Tags : </dt>
492						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
493						écoconception						</dd>
494																								<dt class="visually-hidden">Avancement : </dt>
495						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
496																								<dt class="visually-hidden">Thématique : </dt>
497						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> réflexion</dd>
498											</dl>
499				</div>
500      </article>
501    			      <article class="articles__article | flex flex-column m-gap-s3">
502        <a href="https://pikselkraft.fr/jardin/les-sites-statiques-simplicite-et-resilience">
503          <h4 class="h6-like">Les sites statiques : simplicité et résilience&#160;<span aria-hidden="true">↠</span></h4>
504        </a>
505				<div class="m-flex flex-wrap space-between">
506					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
507												<dt class="visually-hidden">Tags : </dt>
508						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
509						écoconception						</dd>
510																								<dt class="visually-hidden">Avancement : </dt>
511						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127793;</span> semis</dd>
512																								<dt class="visually-hidden">Thématique : </dt>
513						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> technique</dd>
514											</dl>
515				</div>
516      </article>
517    			      <article class="articles__article | flex flex-column m-gap-s3">
518        <a href="https://pikselkraft.fr/jardin/reduire-la-dette-technique-et-penser-sur-le-long-terme">
519          <h4 class="h6-like">Réduire la dette technique et penser sur le long-terme&#160;<span aria-hidden="true">↠</span></h4>
520        </a>
521				<div class="m-flex flex-wrap space-between">
522					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
523												<dt class="visually-hidden">Tags : </dt>
524						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
525						écoconception						</dd>
526																								<dt class="visually-hidden">Avancement : </dt>
527						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
528																								<dt class="visually-hidden">Thématique : </dt>
529						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> technique</dd>
530											</dl>
531				</div>
532      </article>
533    			      <article class="articles__article | flex flex-column m-gap-s3">
534        <a href="https://pikselkraft.fr/jardin/le-web-experimental-et-decentralise-un-peu-d-espoir">
535          <h4 class="h6-like">Le web expérimental et décentralisé : un peu d'espoir&#160;<span aria-hidden="true">↠</span></h4>
536        </a>
537				<div class="m-flex flex-wrap space-between">
538					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
539												<dt class="visually-hidden">Tags : </dt>
540						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
541						décentralisation, web						</dd>
542																								<dt class="visually-hidden">Avancement : </dt>
543						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
544																								<dt class="visually-hidden">Thématique : </dt>
545						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> technique</dd>
546											</dl>
547				</div>
548      </article>
549    			      <article class="articles__article | flex flex-column m-gap-s3">
550        <a href="https://pikselkraft.fr/jardin/slow-coffee-ou-cafe-filtre-un-bon-exemple-de-low-tech">
551          <h4 class="h6-like">Slow coffee ou café filtre : un bon exemple de low-tech&#160;<span aria-hidden="true">↠</span></h4>
552        </a>
553				<div class="m-flex flex-wrap space-between">
554					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
555												<dt class="visually-hidden">Tags : </dt>
556						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
557						low tech						</dd>
558																								<dt class="visually-hidden">Avancement : </dt>
559						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127795;</span> arbre</dd>
560																								<dt class="visually-hidden">Thématique : </dt>
561						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> réflexion</dd>
562											</dl>
563				</div>
564      </article>
565    			      <article class="articles__article | flex flex-column m-gap-s3">
566        <a href="https://pikselkraft.fr/jardin/ameliorer-la-securite-des-mots-de-passes-avec-du-libre">
567          <h4 class="h6-like">Améliorer la sécurité des mots de passes avec du libre.&#160;<span aria-hidden="true">↠</span></h4>
568        </a>
569				<div class="m-flex flex-wrap space-between">
570					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
571												<dt class="visually-hidden">Tags : </dt>
572						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
573						écoconception, kirby cms						</dd>
574																								<dt class="visually-hidden">Avancement : </dt>
575						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
576																								<dt class="visually-hidden">Thématique : </dt>
577						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> technique</dd>
578											</dl>
579				</div>
580      </article>
581    			      <article class="articles__article | flex flex-column m-gap-s3">
582        <a href="https://pikselkraft.fr/jardin/les-reseaux-sociaux-alternatifs">
583          <h4 class="h6-like">Les réseaux sociaux alternatifs&#160;<span aria-hidden="true">↠</span></h4>
584        </a>
585				<div class="m-flex flex-wrap space-between">
586					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
587												<dt class="visually-hidden">Tags : </dt>
588						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
589						décentralisation						</dd>
590																								<dt class="visually-hidden">Avancement : </dt>
591						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
592																								<dt class="visually-hidden">Thématique : </dt>
593						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> usage</dd>
594											</dl>
595				</div>
596      </article>
597    			      <article class="articles__article | flex flex-column m-gap-s3">
598        <a href="https://pikselkraft.fr/jardin/les-moteurs-de-recherche-alternatifs">
599          <h4 class="h6-like">Les moteurs de recherche alternatifs&#160;<span aria-hidden="true">↠</span></h4>
600        </a>
601				<div class="m-flex flex-wrap space-between">
602					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
603												<dt class="visually-hidden">Tags : </dt>
604						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
605						décentralisation, GAFAM						</dd>
606																								<dt class="visually-hidden">Avancement : </dt>
607						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
608																								<dt class="visually-hidden">Thématique : </dt>
609						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> usage</dd>
610											</dl>
611				</div>
612      </article>
613    			      <article class="articles__article | flex flex-column m-gap-s3">
614        <a href="https://pikselkraft.fr/jardin/le-domaine-public-et-les-licences-libres">
615          <h4 class="h6-like">Le domaine public et les licences libres&#160;<span aria-hidden="true">↠</span></h4>
616        </a>
617				<div class="m-flex flex-wrap space-between">
618					<dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3">
619												<dt class="visually-hidden">Tags : </dt>
620						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ℹ️</span>
621						culture libre						</dd>
622																								<dt class="visually-hidden">Avancement : </dt>
623						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">&#127807;</span> jeune pousse</dd>
624																								<dt class="visually-hidden">Thématique : </dt>
625						<dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">📢</span> usage</dd>
626											</dl>
627				</div>
628      </article>
629    	</div>
630</div>
631</section>
632<section class="articles__list | mt-l2 mw730 mauto | asterism">
633	<h3 class="h5-like lh font-brand tc">Publications et interviews</h3>
634	<div class="list-none | mt-content">
635			<ul>
636<li><a href="https://news.defricheurs.fr/comment-reduire-son-impact-ecologique-sur-internet/">Comment r&eacute;duire son impact &eacute;cologique sur internet</a>
636, Les Défricheurs, Journal éthique</li>
637<li><a href="https://www.bhallot.eu/vers-un-site-web-eco-concu-vers-un-site-lowtech/">Vers un site web &eacute;co-con&ccedil;u, vers un site lowtech !</a>, Bhallot</li>
638<li><a href="https://lowtechlab.org/fr/actualites-blog/faire-un-site-low-tech">Faire un site low-tech ?</a>, Low-tech Lab, co-écrit avec <a href="https://gauthierroussilhe.com/index.html" rel="noopener noreferrer" target="_blank">Gauthier Roussilhe</a> et <a href="https://sylvain-jule.fr/" rel="noopener noreferrer" target="_blank">Sylvain Jul&eacute;</a></li>
639<li><a href="https://boutique.kaizen-magazine.com/hors-series/645-numero-special-numerique-responsable.html">Un site web &eacute;co-con&ccedil;u : &ccedil;a donne quoi ?</a>, Kaizen Magazine, numéro spécial sur le numérique responsable</li>
640<li><a href="https://www.thegreenroom.fr/actualites/creer-un-site-ecoconcu">Cr&eacute;er un site &eacute;cocon&ccedil;u</a>, The Green Room</li>
641<li>WE DEMAIN n° 37, Sophie Kloetzli, <a href="https://wedemain.aboshop.fr/common/product-article/128">article : Low-tech le web au r&eacute;gime minceur</a></li>
642<li>Climate Action Tech, <a href="https://climateaction.tech/actions/create-low-carbon-images/" rel="noopener noreferrer" target="_blank">Create Low-Carbon Images</a></li>
643<li>Supermab, <a href="https://supermab.org/actualites/un-site-eco-concu-pour-supermab" rel="noopener noreferrer" target="_blank">Un site &eacute;co-con&ccedil;u pour Supermab</a></li>
644<li>La scène N°112, mars 2024, <a href="https://boutique.lascene.com/common/product-article/550" rel="noopener noreferrer" target="_blank">Interview sur le Fediverse</a></li>
645</ul>		</div>
646</section>
647
648<a href="#anchor-top" id="back-to-top" aria-labelledby="back-up" class="back-to-top | h3-like no-underline">
649  <span id="back-up" hidden="">Retour en haut de la page</span>
650  <span>⇧</span>
651</a>
652</main>
653<footer id="footer" class="footer | relative mt-section | asterism border-top border-top-hover" role="contentinfo">
654
655  <div class="footer__container | relative m-flex m-flex-column flex flex-row flex-wrap gap-l mw100 | mauto">	
656 
657    <aside class="metadata | flex50 pa-encart | font-small square-hover border border-hover">
658  <h2 class="h5-like miw100">Colophon / Métadata</h2>
659  <div class="footer__mention | mt-base | flow font-small">
660  	<p>Ce site a été réalisé en suivant les principes de l'écoconception et de l'accessibilité web, sans outils provenant des GAFAM.</p>  </div>
661  <div class="metadata__container | fit-content flex flex-wrap relative">
662    <ul class="mt-base | list-none list-square font-italic font-small">
663      <li>Par Pikselkraft <span aria-hidden="true">☙</span> Bourgogne, fait avec <a href="https://getkirby.com/">Kirby CMS</a> et édité dans <a href="https://www.vim.org/">VIM</a>.</li>
664      <li>Dernière modification : <time datetime="2026-09-16" pubdate="pubdate">16/09/2026</time></li> 
665            <li>Première mise en ligne : <time datetime="1771372800">18/02/2026</time></li>
666                  <li>Permalien : https://pikselkraft.fr/jardin</li>
667            <li><p>Typographies : Bonto par <a href="https://blazetype.eu/typefaces/bonto">Victor Montet (Blaze Type)</a> et Paysage par <a href="https://www.tunera.xyz/fonts/paysage/">Anton Moglia (Tunera)</a>. Icônes par Pixelarticons ou fait-maison.</p></li>
668                                <li><a href="mailto:&#x63;&#x6f;&#x6e;&#x74;&#x61;&#x63;&#x74;&#x40;&#x70;&#x69;&#x6b;&#x73;&#x65;&#x6c;&#x6b;&#x72;&#x61;&#x66;&#x74;&#x2e;&#x66;&#x72;">Me contacter</a></li>
669            <li lang="en">English version: please contact me to ask</li>
670    </ul>
671  </div>
672</aside>
673
674
675    <div class="footer__links | flex50 flex-column pa-encart | border-solid border-hover">
676      <h2 class="h5-like miw100">Liens utiles</h2>
677            <nav class="footer__nav | mt-base" aria-label="Liens du pied de page" role="navigation">
678      	<ul class="m-flex m-flex-wrap m-gap-base gap-s | list-none">
679          <li class="footer-nav__page"><a class="font-small no-underline" href="/plan-du-site">Plan du site</a></li><li class="footer-nav__page"><a class="font-small no-underline" href="/mentions-legales">Mentions legales</a></li><li class="footer-nav__page"><a class="font-small no-underline" href="/accessibilite">Accessibilite</a></li><li class="footer-nav__page"><a class="font-small no-underline" href="/ecoconception">Ecoconception</a></li><li class="footer-nav__page"><a class="font-small no-underline" href="/en-ce-moment">En ce moment</a></li><li class="footer-nav__page"><a class="font-small no-underline" href="/colophon">Colophon</a></li><li class="footer-nav__page"><a class="font-small no-underline" href="/meshtastic">Meshtastic</a></li> 
680      	</ul>
681      </nav>
682  	        <h2 class="h5-like | miw100 mt-section">Me suivre</h2>
683      <nav class="footer__nav | mt-base" role="navigation" aria-label="Réseaux sociaux et RSS">
684      	<ul class="m-flex m-flex-wrap gap-base | list-none">
685          <li class="fit-content">
686            <a class="no-underline" title="suivre le flux RSS" href="https://pikselkraft.fr/rss"><svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke-width="1.5" viewB
686ox="0 0 23.558 23.558">
687  <g style="fill:currentColor" transform="translate(1668.924 9081.934)scale(.42833)">
688    <rect width="55" height="5.5" x="-3896.353" y="-21203.135" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/>
689    <rect width="55" height="5.5" x="-3896.353" y="-21153.635" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/>
690    <rect width="5.5" height="44" x="-3846.853" y="-21197.635" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/>
691    <rect width="5.5" height="44" x="-3896.353" y="-21197.635" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/>
692    <rect width="5.5" height="5.5" x="-3882.603" y="-21167.385" class="fills" rx="0" ry="0" style="fill:#c8553d;fill-opacity:1"/>
693    <rect width="11" height="5.5" x="-3882.603" y="-21178.385" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/>
694    <rect width="16.5" height="5.5" x="-3882.603" y="-21189.385" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/>
695    <rect width="5.5" height="11" x="-3871.603" y="-21172.885" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/>
696    <rect width="5.5" height="16.5" x="-3860.603" y="-21178.385" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/>
697    <rect width="5.5" height="5.5" x="-3866.103" y="-21183.885" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/>
698  </g>
699</svg>
700</a>
701          </li>
702          <li class="fit-content">
703            <a class="no-underline" title="me suivre sur mastodon" href="https://mastodon.design/@pikselkraft"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M7 2v2h10V2zm10 2v2h2V4zm2 2v8h2V6zm0 8h-8v2h8zm-8 2H9v2h2zm0 2v2h2v-2zm0 2H7v2h4zm-4 0v-2H5v2zm-2-2V6H3v12zM5 6h2V4H5zm4 0v2h2V6zm2 2v2h2V8zm2 0h2V6h-2zm2 0v4h2V8zM9 8H7v4h2z"/></svg></a>
704          </li>
705          <li class="facist-network fit-content relative">
706            <p class="relative tooltip" title="J'ai supprimé Twitter/X, facisme et climatoscepticisme, je ne le sentais pas trop" href="https://mastodon.design/@pikselkraft"><svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke-width="1.5" viewBox="0 0 23.735 23.735">
707  <rect width="6.9" height="6.875" x="-4150.1" y="-21203.135" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
708  <rect width="6.9" height="6.875" x="-4150.1" y="-21196.26" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
709  <rect width="6.9" height="6.875" x="-4143.2" y="-21189.385" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
710  <rect width="6.9" height="6.875" x="-4136.3" y="-21182.51" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
711  <rect width="6.9" height="6.875" x="-4129.4" y="-21175.635" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
712  <rect width="6.9" height="6.875" x="-4136.3" y="-21168.76" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
713  <rect width="6.9" height="6.875" x="-4143.2" y="-21161.885" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
714  <rect width="6.9" height="6.875" x="-4150.1" y="-21155.01" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
715  <rect width="6.9" height="6.875" x="-4122.5" y="-21168.76" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
716  <rect width="6.9" height="6.875" x="-4115.6" y="-21161.885" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
717  <rect width="6.9" height="6.875" x="-4108.7" y="-21155.01" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
718  <rect width="6.9" height="6.875" x="-4101.8" y="-21155.01" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
719  <rect width="6.9" height="6.875" x="-4101.8" y="-21161.885" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
720  <rect width="6.9" height="6.875" x="-4108.7" y="-21168.76" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
721  <rect width="6.9" height="6.875" x="-4115.6" y="-21175.635" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
722  <rect width="6.9" height="6.875" x="-4122.5" y="-21182.51" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
723  <rect width="6.9" height="6.875" x="-4115.6" y="-21189.385" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
724  <rect width="6.9" height="6.875" x="-4115.6" y="-21189.385" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
725  <rect width="6.9" height="6.875" x="-4108.7" y="-21196.26" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
726  <rect width="6.9" height="6.875" x="-4101.8" y="-21203.135" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
727  <rect width="6.9" height="6.875" x="-4129.4" y="-21189.385" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
728  <rect width="6.9" height="6.875" x="-4136.3" y="-21196.26" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
729  <rect width="6.9" height="6.875" x="-4143.2" y="-21203.135" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/>
730  <path d="m5.605 5.47 12.472 12.472.05-.052" style="fill:currentColor;fill-opacity:1;stroke:#c8553d;stroke-width:2.78982;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/>
731  <path d="M18.128 5.47 5.656 17.943l-.05-.052" style="fill:currentColor;fill-opacity:1;stroke:#c8553d;stroke-width:2.78982;stroke-dasharray:none;stroke-opacity:1"/>
732</svg>
733</p>
734          </li>
735          <li class="facist-network fit-content relative">
736            <p class="relative tooltip" title="J'ai supprimé LinkedIn, le développement personnel a ses limites" href="https://mastodon.design/@pikselkraft"><svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke-width="1.5" viewB
736ox="0 0 23.735 23.735">
737  <rect width="2.607" height="2.607" x="7.966" y=".177" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
738  <rect width="2.607" height="2.607" x="5.359" y=".177" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
739  <rect width="2.607" height="2.607" x="13.18" y=".177" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
740  <rect width="2.607" height="2.607" x="15.787" y=".177" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
741  <rect width="2.607" height="2.607" x="18.394" y=".177" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
742  <rect width="2.607" height="2.607" x="21.001" y="2.784" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
743  <rect width="2.607" height="2.607" x="18.394" y="21.033" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
744  <rect width="2.607" height="2.607" x="21.001" y="5.39" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
745  <rect width="2.607" height="2.607" x=".144" y="5.39" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
746  <rect width="2.607" height="2.607" x=".144" y="2.784" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
747  <rect width="2.607" height="2.607" x="2.751" y=".177" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
748  <rect width="2.607" height="2.607" x=".144" y="7.997" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
749  <rect width="2.607" height="2.607" x=".144" y="10.605" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
750  <rect width="2.607" height="2.607" x=".144" y="13.212" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
751  <rect width="2.607" height="2.607" x=".144" y="15.819" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
752  <rect width="2.607" height="2.607" x=".144" y="18.426" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
753  <rect width="2.607" height="2.607" x="2.751" y="21.033" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
754  <rect width="2.607" height="2.607" x="5.359" y="21.033" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
755  <rect width="2.607" height="2.607" x="7.966" y="21.033" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
756  <rect width="2.607" height="2.607" x="10.573" y="21.033" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
757  <rect width="2.607" height="2.607" x="13.18" y="21.033" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
758  <rect width="2.607" height="2.607" x="15.787" y="21.033" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
759  <rect width="2.607" height="2.607" x="21.001" y="18.426" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
760  <rect width="2.607" height="2.607" x="21.001" y="15.819" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
761  <rect width="2.607" height="2.607" x="21.001" y="13.212" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
762  <rect width="2.607" height="2.607" x="21.001" y="10.605" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
763  <rect width="2.607" height="2.607" x="21.001" y="7.997" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
764  <rect width="2.607" height="2.607" x="5.359" y="13.212" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
765  <rect width="2.607" height="2.607" x="5.359" y="10.605" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
766  <rect width="2.607" height="2.607" x="5.359" y="5.39" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
767  <rect width="2.607" height="2.607" x="10.573" y="15.819" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
768  <rect width="2.607" height="2.607" x="10.573" y="13.212" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
769  <rect width="2.607" height="2.607" x="15.787" y="13.212" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
770  <rect width="2.607" height="2.607" x="10.573" y="10.605" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
771  <rect width="2.607" height="2.607" x="13.18" y="10.605" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
772  <rect width="2.607" height="2.607" x="15.787" y="15.819" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
773  <rect width="2.607" height="2.607" x="5.359" y="15.819" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
774  <rect width="2.607" height="2.607" x="10.573" y=".177" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
775  <rect width="2.607" height="2.607" x="2.751" y=".177" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
776  <path d="M4.459 4.773 19.23 19.544l.06-.06" style="fill:currentColor;fill-opacity:1;stroke:#c8553d;stroke-width:2.36597263;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/>
777  <path d="M19.29 4.773 4.52 19.544l-.06-.06" style="fill:currentColor;fill-opacity:1;stroke:#c8553d;stroke-width:2.36597263;stroke-dasharray:none;stroke-opacity:1"/>
778</svg>
779</p>
780          </li>
781        </ul>
782      </nav>
783    </div>
784  </div>
785
786<pre class="footer__ascii ascii" aria-hidden="true">
787                                                                                                                              ,--. 
788 ,'-.                                                                                      ,'-.         ,'-.                 (    )
789(____".                                                        ,'-.                       (____".      (____".'-.             `--' 
790              ⏞⏞             ,'-.                             (____".      ⏞⏞                               (____".                
791                            (____".                                                                                                               
792      ⏞  ⏞                                 ⏞⏞  ⏞                            
793                   ,-.                                           __                            __     ⏞⏞                                     
794        _______⋒__/___\                   ____________    ___⋒__/__\   ~~~~~~                _/__\_____                               ~~~~~~  
795       /  ~~~~~~~~~~~~~\   ~~~~~~        / `    `     \  /~~~~~~~~~~\ /  ~^  \              /~~~~~~~~~~\                 ~~~~~~      /  ~^  \             
796      /  ❦❦❦❦❦❦❦❦❦❦❦❦❦  \ /  ~^  \      /    `     `   \/ ❦❦❦❦❦❦❦❦❦❦ \^ ~~^`  \            / ❦❦❦❦❦❦❦❦❦❦ \               /  ~^  \    / ^ ~~^` \   
797,'`-./'`❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦  \ ^ ~~^` \___~^` ^^^~) ~  ~~^^/. ❦❦❦❦❦❦❦❦❦❦  \^- ~ ^ ~~~^` ^^^~) /. ❦❦❦❦❦❦❦❦❦❦  \~  ~~^^^- ~ ^/ ^ ~~^` \ ~~     ~    \             
798-  ~/  ❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦  \   `  `        `               ❦❦❦❦❦❦❦❦❦❦                         ❦❦❦❦❦❦❦❦❦❦        ; - _                    `   `      
799                           `        `_       ^     ·       ~ ^ -.   ~ `  .  '^^~~^  ; - _                   :      ; _   ` "'    -  : .       
800_ `  ^ ¨  ·  _ -  "      ^      ` *     -     ; - _                                :      ; _   ` "'    -  : \      ` ^^^  ^^    ^^      ^~.  `  
801                                                     ; - _                              ; - _              :      ; _   ` "'    -  : .            
802     `-`^ -      " ;  +-----------------------+    :      ; _   ` "'    -  : .        :  `   ; _   ` "'    \      ` ^^^  ^^    ^^      ^~-  : .   
803 -       . /)       ; | Merci de votre visite |    \      ` ^^^  ^^    ^^      ^~     \      ` ^^^  ^^    ^^  ; - _                             ^~
804   ^           '      +-----------------------+             `       _Q             `       `        _Q      :      ; _   ` "'    -  : .   
805         |         `  `    |               |          `    `       /_\)      `        `      `     /_\)     \      ` ^^^  ^^    ^^      ^~
806._ `  ^ ¨  ·  _ -  "       |, \,,,;/. ;.;, |,,,,;                __O|/O_                 `       __O|/O_
807 ._ `  ^ ¨  ·  _ -     `` - _   -              :      ; _   ` "'    -  : .       ,.      _      ,.    ,.     .-__ ¨¨          
808</pre>
809<nav aria-label="Webring katzele" class="katzele tc mt-l">
810  <a href="http://bebou.netlib.re/cgi-bin/webring.cgi?prev&amp;from=https://www.pikselkraft.com" rel="prev" title="Précédant">←</a>
811  <a href="http://bebou.netlib.re/webring.txt">webring katzele</a>
812  <a href="http://bebou.netlib.re/cgi-bin/webring.cgi?random" title="Aléatoire">⤨</a>
813  <a href="http://bebou.netlib.re/cgi-bin/webring.cgi?next&amp;from=https://www.pikselkraft.com" rel="next" title="Suivant">→</a>
814</nav>
815<script type="text/javascript" src="https://encemoment.site/script.js" defer></script>
815
816<now-webring><a href="https://encemoment.site">Webring “En ce moment”</a></now-webring>
817<nav aria-label="Liens vers l'indieweb" class="m-flex justify-content-center tc mt-base">
818<a href="https://powrss.com/feeds/493"><img class="grayscale" src="https://pikselkraft.fr/assets/illus/ecosysteme/powrss-88-31.gif" alt="Logo de powRSS un agrégateur de flux RSS" loading="lazy"></a>
819<a href="http://validator.w3.org/feed/check.cgi?url=https%3A//pikselkraft.fr/rss" title="Lien vers le checker RSS du W3C"><img class="grayscale" src="https://pikselkraft.fr/assets/illus/ecosysteme/w3c-rss.png" alt="Logo du W3C pour valider un RSS" /></a>
820</nav>
821</footer>
822<script defer src="https://pikselkraft.fr/assets/js/index.js"></script>
822</body>
823</html> 

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.