CINXE.COM
404 Page not found - Nicolas Friedli
<!doctype html><html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>404 Page not found - Nicolas Friedli</title> <meta name="description" content> <style>html{font-family:ui-sans-serif,fira sans,roboto,inter,system-ui,sans-serif;line-height:1.6;font-variant-numeric:oldstyle-nums proportional-nums}code,pre{font-family:ui-monospace,jetbrains mono,roboto mono,hack,menlo,consolas,cascadia code,monospace;font-variant-ligatures:none}code,pre,table{font-variant-numeric:lining-nums tabular-nums}h1,h2,h3,h4{line-height:1.1;text-wrap:balance}a{font-variant-numeric:lining-nums proportional-nums}</style> <style media="screen">:root{--dark:#000;--light:#FFF;--lightgray:#EEE}*{scrollbar-color:var(--dark)var(--light);scrollbar-width:thin}*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}img,picture{max-width:100%;display:block}html{font-size:clamp(1rem,.9565rem + .2174vw,1.125rem)}html,body{margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100vh;background:var(--light);color:var(--dark)}header,footer{background:var(--dark);color:var(--light);font-size:90%}footer{margin-top:auto}h1,h2,h3,h4{margin-block:2rem 1rem}h1{font-size:2.2rem;font-weight:600}h2{font-size:1.7rem;font-weight:700}h3{font-size:1.3rem;font-weight:800}h4{font-size:1rem;font-weight:900;text-transform:uppercase}a{color:inherit;text-decoration-thickness:.1em;text-underline-offset:.1em}del{background:var(--lightgray);text-decoration-thickness:.1em}p{margin-block:1rem}ol,ul{padding-left:1rem}::marker{font-weight:700}li{padding-top:.5rem}li p{margin-top:0}dt{font-weight:900}dd+dt{margin-top:1rem}dd{margin-inline-start:2rem}code,pre{background:var(--lightgray)}:not(pre)>code{font-size:90%}pre{font-size:85%;overflow-x:auto;margin-block:1rem 2rem;padding:.5rem 1rem}hr{border:0;border-top:.5rem solid var(--lightgray);margin-block:2rem}.time{margin-block:2rem;font-size:90%}main :is(p,blockquote,ul :not(grid),ol,dl){width:min(45rem,100%)}.wrapper{margin-inline:auto;width:min(60rem,100%)}.padding{padding:1rem}blockquote{border-inline-start:.2rem solid var(--dark);padding-inline:1rem;margin-inline-start:0;font-style:italic}blockquote em{font-style:normal}.flex{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.grid{list-style-type:none}ul.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(25ch,1fr));gap:1rem;margin:0;margin-block:1rem;padding:0}.grid li{background:var(--lightgray);border-radius:.2rem;margin:0;padding:1rem}li.article{display:flex;gap:.5rem;flex-direction:column;justify-content:space-between;text-wrap:balance}.article a{font-weight:600}.article time{font-size:.9rem}.nf{font-weight:900}</style> <style media="print">@page{margin:2cm}header,footer{display:none}pre{white-space:pre-wrap}a::after{content:" [" attr(href)"] "}</style> <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <meta name="apple-mobile-web-app-title" content="NFriedli"> <link rel="manifest" href="/site.webmanifest"> <link rel="alternate" type="application/rss+xml" href="/index.xml" title="Nicolas Friedli"> <link rel="canonical" href="https://nicolasfriedli.ch/404.html"> <script defer data-domain="nicolasfriedli.ch" src="https://plausible.io/js/script.outbound-links.tagged-events.js"></script> <link rel="webmention" href="https://webmention.io/nicolasfriedli.ch/webmention"> <link rel="pingback" href="https://webmention.io/nicolasfriedli.ch/xmlrpc"> <link rel="me" href="https://mastodon.social/@nicolasfriedli"> <meta name="fediverse:creator" content="@nicolasfriedli@mastodon.social"> <meta name="robots" content="noindex"> <script>window.plausible=window.plausible||function(){(window.plausible.q=window.plausible.q||[]).push(arguments)}</script> <script>document.addEventListener("DOMContentLoaded",function(){plausible("404",{props:{path:document.location.pathname}})})</script> <meta property="og:url" content="https://nicolasfriedli.ch/404.html"> <meta property="og:site_name" content="Nicolas Friedli"> <meta property="og:title" content="404 Page not found"> <meta property="og:locale" content="fr"> <meta property="og:type" content="website"> <meta property="og:image" content="https://nicolasfriedli.ch/images/opengraph.jpg"> </head> <body> <header> <div class="wrapper"> <div class="padding"> <div class="flex"> <a href="/" class="nf">Nicolas Friedli</a> <nav class="flex"> <a href="/blog/">Blog</a> <a href="/blogroll/">Liens</a> <a href="/search/">Recherche</a> <a href="/contact/">Contact</a> </nav> </div> </div> </div> </header> <div class="wrapper"> <main class="padding" data-pagefind-body> <h1>Erreur 404</h1> <p>Cette page n鈥檈xiste pas ou plus 脿 cette adresse.</p> <p>En principe, toutes les pages du site sont index茅es chez Google:</p> <form action="https://www.google.com/search"> <input type="hidden" name="q" id="site" value="site:nicolasfriedli.ch"> <input name="q" id="search"> <input type="submit" value="Rechercher"> </form> <p>Des archives de ce site sont disponibles dans la <a href="https://web.archive.org/web/20240000000000*/nicolasfriedli.ch" rel="noopener noreferrer" target="_blank">Wayback Marchine</a>.</p> </main> </div> <footer> <div class="wrapper"> <div class="padding"> Abonnement: <a href="/index.xml">flux聽RSS</a>. Commentaires: <a href="mailto:hello+2025@nicolasfriedli.ch">hello+2025@nicolasfriedli.ch</a>. Licence: Creative Commons聽BY-SA. </div> </div> </footer> </body> </html>