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>Les services numériques de Pikselkraft | Bourgogne</title> 9<meta name="description" content="Projets web engagés autour de l'écoconception, l'accessibilité et le respect de la vie privée." /> 10<link rel="canonical" href="https://pikselkraft.fr/conciergerie" /> 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="Les services numériques de Pikselkraft | Bourgogne"> 55<meta property="og:description" content="Projets web engagés autour de l'écoconception, l'accessibilité et le respect de la vie privée."> 56<meta property="og:url" content="https://pikselkraft.fr/conciergerie"> 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/conciergerie", 90 "name": "Conciergerie" 91 } 92 }] 93} 94</script>
94 95 </head> 96<body id="top" data-template="default" data-title="Conciergerie"> 97<nav class="nav-skiplinks" role="navigation" aria-label="Lien d'accès rapide" > 98 <ul class="flex | m0 list-none"> 99 <li> 100 <a class="skiplink" href="#main">Aller directement au contenu</a> 101 </li> 102 <li> 103 <a class="skiplink" href="/plan-du-site">Plan du site</a> 104 </li> 105 </ul> 106</nav> 107<header id="header" class="header | mauto | relative" role="banner"> 108<div id="header__nav" class="header__nav | m-flex m-flex-column gap-s | relative"> 109 <div class="header__logo"> 110 <div class="breadcrumb"> 111<nav class="breadcrumb__container" aria-label="fil d'ariane" role="navigation"> 112 <ol class="breadcrumb__list | m-flex m-gap-s | list-reset list-none"><span aria-hidden="true">â§</span> 113 <li class="breadcrumb__item"><a class="breadcrumb__link no-underline" href="https://pikselkraft.fr" >Accueil</a></li> 114 <li class="breadcrumb__item"><a class="breadcrumb__link no-underline" href="https://pikselkraft.fr/conciergerie" aria-current="page" >Conciergerie</a></li> 115 </ol> 116</nav> 117</div> 118 <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> 119 </div> 120 121<nav class="header__menu menu" id="menu" role="navigation" aria-label="menu principal"> 122 <ul id="menu-list" class="menu__list list-reset | m-flex m-flex-row flex-column m-flex-wrap gap-l | relative | list-none"> 123 <li class="menu__item"> 124 <a aria-current="page" class="menu__link | relative | no-underline font-bold " aria-label="Mes services" href="https://pikselkraft.fr/conciergerie"> 125 Conciergerie </a> 126 </li> 127 <li class="menu__item"> 128 <a class="menu__link | relative | no-underline font-bold tooltip" tooltip-data="Mes projets" aria-label="Mes projets" href="https://pikselkraft.fr/forge"> 129 Forge </a> 130 </li> 131 <li class="menu__item"> 132 <a class="menu__link | relative | no-underline font-bold tooltip" tooltip-data="Mes publications" aria-label="Mes publications" href="https://pikselkraft.fr/jardin"> 133 Jardin </a> 134 </li> 135 <li class="menu__item"> 136 <a class="menu__link | relative | no-underline font-bold tooltip" tooltip-data="Me contacter" aria-label="Me contacter" href="https://pikselkraft.fr/bavarder"> 137 Bavarder </a> 138 </li> 139 <div class="menu-mode | m-flex m-flex-row align-center gap-s"> 140 <li class="menu__color"> 141 <button id="btn-clair" class="color-mode font-monospace" title="Activer le mode clair" value="light"> 142 <span id="light-mode__symbol" aria-hidden="true">☀</span> 143 <span id="dark-mode__text" class="visually-hidden">Activer le mode sombre</span> 144 </button> 145 </li> 146 <li class="menu__color"> 147 <button id="btn-sombre" aria-pressed="false" class="color-mode font-monospace" title="Activer le mode sombre" value="dark"> 148 <span id="dark-mode__symbol" aria-hidden="true">☾</span> 149 <span id="light-mode__text" class="visually-hidden">Activer le mode clair</span> 150 </button> 151 </li> 152 </div> 153 </ul> 154</nav> 155</div> 156 <div id="anchor-top" class="header-slot"> 157 <section class="hero | flex mt-base"> 158 <div class="hero__intro"> 159 <h1 class="mt-0 mw1000">La conciergerie <br> les services numériques</h1> 160 <div class="mt-base flow"><p>Je travaille pour des projets web en tant qu'indépendant depuis plus de 8 ans. Vous trouverez sur cette page les différents services que je propose ainsi que les questions fréquentes que l'on me pose. Tous mes projets incluent un triptyque autour de sujets complémentaires que sont l'écoconception, l'accessibilité et le respect de la vie privée. Je ne me contente pas de livrer un site : je le fais durer et j'en prends soin dans le temps, avec un suivi et une maintenance qui l'accompagnent bien après sa mise en ligne.</p></div> 161 <nav class="default__toc | mt-base flex flex-wrap | bg-secondary" role="navigation" aria-label="Sommaire de la page" > 162 <ul class="list-none lh-confort flex flex-wrap gap-base">â 163 <li><a href="#d-veloppement-web-web-design">Développement web & web design</a></li> 164 <li><a href="#accompagnements">Accompagnements</a></li> 165 <li><a href="#audits">Audits</a></li> 166 <li><a href="#formations">Formations</a></li> 167 <li><a href="#recherches-tests">Recherches & tests</a></li> 168 <li><a href="#faq">Faq</a></li> 169 </ul> 170 </nav> 171 </div> 172 </section> 173 </div> 174</header> 175 176<main id="main" class="main mauto" data-template="default" role="main" tabindex="0"> 177 178 <section class="default__content | mt-section | relative"> 179 <div class="pres m-flex m-flex-column"> 180 181 <div id="d-veloppement-web-br-web-design" class="pres-item accent-1 | mt-block relative"> 182 <h2 class="pres-item__title"><span class="pres-item__lede">Développement</span> web <br>& web design</h2> 183 <div class="flow mt-base mw70ch"><p>Entre web design et développement, mon activité s'inscrit dans un cadre d'écoconception, d'accessibilité et de respect de la vie privée. Cette logique de conception se concentre uniquement sur les besoins utiles, dans le but de créer un site adapté uniquement aux besoins sans surplus technologique ou de fonctionnalités. Ce principe sert de nombreux autres objectifs : robustesse, durabilité, accessibilité et sécurité tout en proposant des solutions élégantes pour y arr
183iver.</p> 184<p>Ce procédé demande de bien comprendre les coeurs de métier pour proposer des solutions adaptées. Il est primordial d'échanger et de discuter pour bien cadrer le besoin (atelier de recherche en design, UX design) pour traduire visuellement une identité (recherche graphique, web design), et prototyper (développement web). Pour éviter de tomber uniquement dans un solutionnisme technique, il est important que les projets soient aussi engagés dans leurs secteurs. Chaque projet comporte un accompagnement pour la prise en main (formation, guide) et un suivi pour le faire durer et évoluer (maintenance et recherches).</p></div> 185 </div> 186 187 188 189 <div id="accompagnements" class="pres-item accent-2 | mt-block relative"> 190 <h2 class="pres-item__title"><span class="pres-item__lede">Accompagnements</span></h2> 191 <div class="flow mt-base mw70ch"><p>Mes accompagnements permettent de dépasser le cadre d'un site web pour repenser des systèmes numériques dans leur ensemble (stockage, échange, rédaction, sécurité). L'accompagnement démarre par une cartographie du système existant en identifiant les points de frictions dans le but de proposer des alternatives plus adaptées et plus éthiques.</p> 192<p>Cette réflexion entraîne des usages d'outils alternatifs plus sobres et respectueux de la vie privée. L'objectif est d'offrir des outils plus adaptés aux besoins, réduisant les dépendances nocives aux géants du web. Les alternatives peuvent concerner tous les usages du web : stockage (Nextcloud), courriels, gestion de mot de passe (Keepass, Bitwarden), partage de fichiers (Nextcloud), passage à des formats plus résilients (markdown, txt), analyse de trafic (Matomo, Plausible), cartographie (Open Street Map).</p></div> 193 </div> 194 195 <a href="mailto:contact@pikselkraft.fr" class="pres-cta pa-encart border-solid | mt-block relative tc | no-underline mw860 mauto-left"> 196 <span class="pres-cta__text uc font-heading">Un projet en tête ? Parlons-en <span class="pres-cta__arrow" aria-hidden="true">â</span></span> 197</a> 198 199 200 <div id="audits" class="pres-item accent-3 | mt-block relative"> 201 <h2 class="pres-item__title"><span class="pres-item__lede">Audits</span></h2> 202 <div class="flow mt-base mw70ch"><p>Des audits d'écoconception (RGESN), d'accessibilité (RGAA) et de qualité web (bonnes pratiques, performances, référencement) font aussi partie de mes prestations. Ces différents audits présentent des critères qui se croisent, il est possible de les regrouper. Les différents audits permettent de prévoir des phases de corrections et d'améliorations. Pour chaque projet, la démarche sera documentée et des déclarations seront mises en place sur le site (page d'accessibilité, d'écoconception, article).</p></div> 203 </div> 204 205 206 207 <div id="formations" class="pres-item accent-4 | mt-block relative"> 208 <h2 class="pres-item__title"><span class="pres-item__lede">Formations</span></h2> 209 <div class="flow mt-base mw70ch"><p>Peu de gens envisagent encore les impacts du numérique, tout comme la dépendance technologique qu'il engendre. La pédagogie a un rôle central pour comprendre les enjeux du numérique et mettre en avant des alternatives plus vertueuses offrant une autonomie et un contrôle sur les usages et données.</p> 210<p>Les sujets peuvent être grand public (le numérique responsable, la pollution numérique, etc.) ou spécifiques (atelier sur un outil précis, le numérique autour d'un secteur, développement web et web design, etc.). Je parle aussi de sujets plus expérimentaux (convivialisme numérique, biorégionalisme et numérique, permacomputing et réseau mesh). Les formations peuvent être sous forme de conférences, ateliers ou cours.</p></div> 211 </div> 212 213 214 215 <div id="recherches-tests" class="pres-item accent-1 | mt-block relative"> 216 <h2 class="pres-item__title"><span class="pres-item__lede">Recherches</span> & tests</h2> 217 <div class="flow mt-base mw70ch"><p>Rechercher et tester occupent une place centrale dans l'évolution et l'amélioration de mes pratiques. Cette démarche me permet de réduire la consommation de mes projets, d'offrir plus d'alternatives ainsi qu'une durée de vie plus longue des services. Mon approche est avant tout multidisciplinaire. Bien que la réduction de l'impact énergétique et l'accessibilité des sites web soient la priorité, je prends en compte l'éthique et les valeurs du projet.</p></div> 218 </div> 219 220 221 </div> 222 <a href="mailto:contact@pikselkraft.fr" class="pres-cta pa-encart border-solid | mt-block relative tc | no-underline mw860 mauto-left"> 223 <span class="pres-cta__text uc font-heading">Un projet en tête ? Parlons-en <span class="pres-cta__arrow" aria-hidden="true">â</span></span> 224</a> 225 <div id="faq" class="faq encart | mt-section | relative | bg-primary quadrant"> 226 <h2 class="tc">FAQ</h2> 227 <div class="faq__container | m-flex m-flex-column gap-base mauto mt-content w100 mw730 fit-content"> 228 <details class="faq__details" name="faq__details"> 229 <summary>Est-ce que j'accepte tous les projets ?</summary> 230 <p>Je travaille uniquement avec des entreprises dont l'engagement se rapproche de mes valeurs dans leurs services ou produits. Sans chercher une perfection qui est difficile à atteindre au vu des contraintes actuelles, c'est surtout la volonté de faire mieux qui est recherchée, les possibilités sont nombreuses.</p> </details> 231 <details class="faq__details" name="faq__details"> 232 <summary>Est-ce que je travaille avec les outils provenant des GAFAM ?</summary> 233 <p>Je n'installe pas d'outils qui dépendent des GAFAM (Google, Apple, Facebook/Meta, Amazon, Microsoft) sur mes sites et je ne permets aucune dépendance au GAFAM dans mon code. Aussi bien pour des raisons éthiques que de résilience (changement de conditions, prix fluctuants, risque juridique et politique). Il existe de nombreuses alternatives éthiques souvent plus adaptées et qui respectent le RGPD (règlement général sur la protection des données). Ma liste s'étend à tous les services qui ne respectent pas la vie privée des usagers ou qui présentent des problèmes éthiques importants comme l'IA (exploitation de travailleurs du clic, sur-exploitation de ressources, non respect du droit d'auteur, etc.). J'ai appliqué ce principe depuis plusieurs années et l'évolution du contexte politique me donne plutôt raison sur ce point.</p> </details> 234 <details class="faq__details" name="faq__details"> 235 <summary>Est-ce que je suis seul ?</summary> 236 <p>Je suis un travailleur indépendant, mais je réalise rarement des projets seul. Au fil des années, j'ai eu la chance de collaborer avec des profils et structures variés pour répondre aux différents besoins d'un projet. En fonction des besoins fonctionnels ou délais, je peux rapidement vous recommander ou proposer une équipe pour le bon déroulement de la mission.</p> </details> 237 <details class="faq__details" name="faq__details"> 238 <summary>Quel est votre contrôle sur le projet ?</summary> 239 <p>Vous avez les droits sur la création finale, le design et le code font partie des livrables pour que vous puissiez garder le contrôle sur le projet. De même, je recommande toujours d'acheter votre nom de domaine directement, il s'agit de votre adresse sur le web.</p> </details> 240 <details class="faq__details" name="faq__details"> 241 <summary>Quelle est la durée et le prix d'un projet ?</summary> 242 <p>Il peut y avoir des variations importantes pour chaque site. Les projets peuvent avoir des besoins très différents. Je démarre toujours les projets avec un rendez-vous avant la réalisation d'un devis pour estimer au mieux les besoins et le temps. Selon votre situation (association, entreprise) et la complexité du besoin, les offres peuvent varier, l'estimation après un premier échange sera toujours plus parlante. Cette estimation est gratuite.</p> </details> 243 <details class="faq__details" name="faq__details"> 244 <summary>Comment se passe la maintenance ?</summary> 245 <p>Mes sites web sont toujours proposés avec une maintenance, un suivi et des améliorations (accessibilité, écoconception, performances). Un des objectifs de l'écoconception est de pouvoir faire durer un site web avec la même base technologique pendant au moins 10 ans. Des évolutions sont possibles, mais sans avoir à reconstruire un site de zéro. De nombreuses techniques dans la conception et l'hébergement font que la maintenance des projets est simplifiée ce qui permet de faciliter le suivi.</p> </details> 246 </div> 247 </div> 248 <a href="#anchor-top" id="back-to-top" aria-labelledby="back-up" class="back-to-top | h3-like no-underline"> 249 <span id="back-up" hidden="">Retour en haut de la page</span> 250 <span>â§</span> 251</a> 252</main> 253<footer id="footer" class="footer | relative mt-section | asterism border-top border-top-hover" role="contentinfo"> 254
255 <div class="footer__container | relative m-flex m-flex-column flex flex-row flex-wrap gap-l mw100 | mauto"> 256 257 <aside class="metadata | flex50 pa-encart | font-small square-hover border border-hover"> 258 <h2 class="h5-like miw100">Colophon / Métadata</h2> 259 <div class="footer__mention | mt-base | flow font-small"> 260 <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> 261 <div class="metadata__container | fit-content flex flex-wrap relative"> 262 <ul class="mt-base | list-none list-square font-italic font-small"> 263 <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> 264 <li>Dernière modification : <time datetime="2026-09-16" pubdate="pubdate">16/09/2026</time></li> 265 <li>Première mise en ligne : <time datetime="1774708200">28/03/2026</time></li> 266 <li>Permalien : https://pikselkraft.fr/conciergerie</li> 267 <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> 268 <li><a href="mailto:contact@pikselkraft.fr">Me contacter</a></li> 269 <li lang="en">English version: please contact me to ask</li> 270 </ul> 271 </div> 272</aside> 273 274 275 <div class="footer__links | flex50 flex-column pa-encart | border-solid border-hover"> 276 <h2 class="h5-like miw100">Liens utiles</h2> 277 <nav class="footer__nav | mt-base" aria-label="Liens du pied de page" role="navigation"> 278 <ul class="m-flex m-flex-wrap m-gap-base gap-s | list-none"> 279 <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> 280 </ul> 281 </nav> 282 <h2 class="h5-like | miw100 mt-section">Me suivre</h2> 283 <nav class="footer__nav | mt-base" role="navigation" aria-label="Réseaux sociaux et RSS"> 284 <ul class="m-flex m-flex-wrap gap-base | list-none"> 285 <li class="fit-content"> 286 <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" viewBox="0 0 23.558 23.558"> 287 <g style="fill:currentColor" transform="translate(1668.924 9081.934)scale(.42833)"> 288 <rect width="55" height="5.5" x="-3896.353" y="-21203.135" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/> 289 <rect width="55" height="5.5" x="-3896.353" y="-21153.635" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/> 290 <rect width="5.5" height="44" x="-3846.853" y="-21197.635" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/> 291 <rect width="5.5" height="44" x="-3896.353" y="-21197.635" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/> 292 <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"/> 293 <rect width="11" height="5.5" x="-3882.603" y="-21178.385" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/> 294 <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"/> 295 <rect width="5.5" height="11" x="-3871.603" y="-21172.885" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/> 296 <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"/> 297 <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"/> 298 </g> 299</svg> 300</a> 301 </li> 302 <li class="fit-content"> 303 <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">
303<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> 304 </li> 305 <li class="facist-network fit-content relative"> 306 <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"> 307 <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)"/> 308 <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)"/> 309 <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)"/> 310 <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)"/> 311 <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)"/> 312 <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)"/> 313 <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)"/> 314 <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)"/> 315 <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)"/> 316 <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)"/> 317 <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)"/> 318 <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)"/> 319 <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)"/> 320 <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)"/> 321 <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)"/> 322 <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)"/> 323 <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)"/> 324 <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)"/> 325 <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)"/> 326 <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)"/> 327 <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)"/> 328 <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)"/> 329 <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)"/> 330 <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"/> 331 <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"/> 332</svg> 333</p> 334 </li> 335 <li class="facist-network fit-content relative"> 336 <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
336ox="0 0 23.735 23.735"> 337 <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"/> 338 <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"/> 339 <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"/> 340 <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"/> 341 <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"/> 342 <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"/> 343 <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"/> 344 <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"/> 345 <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"/> 346 <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"/> 347 <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"/> 348 <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"/> 349 <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"/> 350 <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"/> 351 <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"/> 352 <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"/> 353 <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"/> 354 <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"/> 355 <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"/> 356 <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"/> 357 <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"/> 358 <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"/> 359 <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"/> 360 <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"/> 361 <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"/> 362 <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"/> 363 <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"/> 364 <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"/> 365 <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"/> 366 <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"/> 367 <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"/> 368 <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"/> 369 <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"/> 370 <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"/> 371 <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"/> 372 <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"/> 373 <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"/> 374 <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"/> 375 <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"/>
376 <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"/> 377 <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"/> 378</svg> 379</p> 380 </li> 381 </ul> 382 </nav> 383 </div> 384 </div> 385 386<pre class="footer__ascii ascii" aria-hidden="true"> 387 ,--. 388 ,'-. ,'-. ,'-. ( ) 389(____". ,'-. (____". (____".'-. `--' 390 ââ ,'-. (____". ââ (____". 391 (____". 392 â â ââ â 393 ,-. __ __ ââ 394 _______â__/___\ ____________ ___â__/__\ ~~~~~~ _/__\_____ ~~~~~~ 395 / ~~~~~~~~~~~~~\ ~~~~~~ / ` ` \ /~~~~~~~~~~\ / ~^ \ /~~~~~~~~~~\ ~~~~~~ / ~^ \ 396 / â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ \ / ~^ \ / ` ` \/ â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ \^ ~~^` \ / â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ \ / ~^ \ / ^ ~~^` \ 397,'`-./'`â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ \ ^ ~~^` \___~^` ^^^~) ~ ~~^^/. â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ \^- ~ ^ ~~~^` ^^^~) /. â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ \~ ~~^^^- ~ ^/ ^ ~~^` \ ~~ ~ \ 398- ~/ â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ \ ` ` ` â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ ; - _ ` ` 399 ` `_ ^ · ~ ^ -. ~ ` . '^^~~^ ; - _ : ; _ ` "' - : . 400_ ` ^ ¨ · _ - " ^ ` * - ; - _ : ; _ ` "' - : \ ` ^^^ ^^ ^^ ^~. ` 401 ; - _ ; - _ : ; _ ` "' - : . 402 `-`^ - " ; +-----------------------+ : ; _ ` "' - : . : ` ; _ ` "' \ ` ^^^ ^^ ^^ ^~- : . 403 - . /) ; | Merci de votre visite | \ ` ^^^ ^^ ^^ ^~ \ ` ^^^ ^^ ^^ ; - _ ^~ 404 ^ ' +-----------------------+ ` _Q ` ` _Q : ; _ ` "' - : . 405 | ` ` | | ` ` /_\) ` ` ` /_\) \ ` ^^^ ^^ ^^ ^~ 406._ ` ^ ¨ · _ - " |, \,,,;/. ;.;, |,,,,; __O|/O_ ` __O|/O_ 407 ._ ` ^ ¨ · _ - `` - _ - : ; _ ` "' - : . ,. _ ,. ,. .-__ ¨¨ 408</pre> 409<nav aria-label="Webring katzele" class="katzele tc mt-l"> 410 <a href="http://bebou.netlib.re/cgi-bin/webring.cgi?prev&from=https://www.pikselkraft.com" rel="prev" title="Précédant">â</a> 411 <a href="http://bebou.netlib.re/webring.txt">webring katzele</a> 412 <a href="http://bebou.netlib.re/cgi-bin/webring.cgi?random" title="Aléatoire">⤨</a> 413 <a href="http://bebou.netlib.re/cgi-bin/webring.cgi?next&from=https://www.pikselkraft.com" rel="next" title="Suivant">â</a> 414</nav>
415<script type="text/javascript" src="https://encemoment.site/script.js" defer></script>
415 416<now-webring><a href="https://encemoment.site">Webring âEn ce momentâ</a></now-webring> 417<nav aria-label="Liens vers l'indieweb" class="m-flex justify-content-center tc mt-base"> 418<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> 419<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> 420</nav> 421</footer>
422<script defer src="https://pikselkraft.fr/assets/js/index.js"></script>
422</body> 423</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.