<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="alternate" type="application/rss+xml" title="" href="https://xtof-marquises-project.netlify.com//feed.xml" />
<link rel="icon" href="https://hankchizljaw.imgix.net/hylia-favicon.png" type="image/png" />
<link rel="preload" as="font" type="font/woff2" crossorigin href="/fonts/lora-v13-latin-700.woff2" />
<title>Identité pour le Web Décentralisé avec IndieAuth - ⚓ Marquises Project</title>
<meta property="og:site_name" content="⚓ Marquises Project" />
<meta property="og:title" content="Identité pour le Web Décentralisé avec IndieAuth - ⚓ Marquises Project" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://xtof-marquises-project.netlify.com//identite-web-avec-indieauth" />
<meta name="twitter:creator" content="@xtof_party" />
<style>*{box-sizing:border-box}*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,p,ul,ol,li,dd,figure,figcaption,dl,dd,dt{margin:0px;padding:0px}body{-ms-overflow-style:-ms-autohiding-scrollbar;scroll-behavior:smooth;font-size:1rem;min-height:100vh}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration:underline;text-decoration-skip-ink:auto;cursor:pointer}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{line-height:normal}img{max-width:100%}@media(prefers-reduced-motion: reduce){*{-webkit-animation:none !important;animation:none !important;transition:none !important;scroll-behavior:auto !important}}.sf-flow{--flow-space: 1em}.sf-flow>*+*{margin-top:1em;margin-top:var(--flow-space)}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.bg-primary{background:#083f42}.bg-primary-shade{background:#063133}.bg-primary-glare{background:#0c5c60}.bg-highlight{background:#f7bcd9}.bg-light{background:#ffffff}.bg-mid{background:#cccccc}.bg-dark{background:#333333}.bg-slate{background:#404040}.color-primary{color:#083f42}.color-primary-shade{color:#063133}.color-primary-glare{color:#0c5c60}.color-highlight{color:#f7bcd9}.color-light{color:#ffffff}.color-mid{color:#cccccc}.color-dark{color:#333333}.color-slate{color:#404040}.box-block{display:block}.box-flex{display:flex}.box-inline-flex{display:inline-flex}.box-hide{display:none}.font-base{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'}.font-serif{font-family:'Lora', serif}.gap-top-300{margin-top:0.8rem}.gap-top-500{margin-top:1.25rem}.gap-top-600{margin-top:1.56rem}.gap-top-700{margin-top:1.95rem}.gap-top-800{margin-top:2.44rem}.gap-top-900{margin-top:3.05rem}.gap-top-base{margin-top:1rem}.gap-top-max{margin-top:4rem}.gap-bottom-300{margin-bottom:0.8rem}.gap-bottom-500{margin-bottom:1.25rem}.gap-bottom-600{margin-bottom:1.56rem}.gap-bottom-700{margin-bottom:1.95rem}.gap-bottom-800{margin-bottom:2.44rem}.gap-bottom-900{margin-bottom:3.05rem}.gap-bottom-base{margin-bottom:1rem}.gap-bottom-max{margin-bottom:4rem}.leading-tight{line-height:1.2}.leading-mid{line-height:1.5}.measure-long{max-width:75ch}.measure-short{max-width:60ch}.measure-compact{max-width:40ch}.pad-top-300{padding-top:0.8rem}.pad-top-500{padding-top:1.25rem}.pad-top-600{padding-top:1.56rem}.pad-top-700{padding-top:1.95rem}.pad-top-800{padding-top:2.44rem}.pad-top-900{padding-top:3.05rem}.pad-top-base{padding-top:1rem}.pad-top-max{padding-top:4rem}.pad-bottom-300{padding-bottom:0.8rem}.pad-bottom-500{padding-bottom:1.25rem}.pad-bottom-600{padding-bottom:1.56rem}.pad-bottom-700{padding-bottom:1.95rem}.pad-bottom-800{padding-bottom:2.44rem}.pad-bottom-900{padding-bottom:3.05rem}.pad-bottom-base{padding-bottom:1rem}.pad-bottom-max{padding-bottom:4rem}.pad-left-300{padding-left:0.8rem}.pad-left-500{padding-left:1.25rem}.pad-left-600{padding-left:1.56rem}.pad-left-700{padding-left:1.95rem}.pad-left-800{padding-left:2.44rem}.pad-left-900{padding-left:3.05rem}.pad-left-base{padding-left:1rem}.pad-left-max{padding-left:4rem}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.space-before{justify-content:flex-end}.stack-300{z-index:0}.stack-400{z-index:10}.stack-500{z-index:20}.stack-600{z-index:30}.stack-700{z-index:40}.text-300{font-size:0.8rem}.text-500{font-size:1.25rem}.text-600{font-size:1.56rem}.text-700{font-size:1.95rem}.text-800{font-size:2.44rem}.text-900{font-size:3.05rem}.text-base{font-size:1rem}.text-max{font-size:4rem}.weight-light{font-weight:300}.weight-regular{font-weight:400}.weight-mid{font-weight:600}.weight-bold{font-weight:700}.width-full{width:100%}.width-half{width:50%}.width-quarter{width:25%}.width-third{width:33.3333333333%}@media screen and (min-width: 48rem){.md\:align-start{align-items:flex-start}.md\:align-center{align-items:center}.md\:align-end{align-items:flex-end}.md\:box-block{display:block}.md\:box-flex{display:flex}.md\:box-inline-flex{display:inline-flex}.md\:box-hide{display:none}.md\:space-between{justify-content:space-between}.md\:space-around{justify-content:space-around}.md\:space-before{justify-content:flex-end}.md\:text-300{font-size:0.8rem}.md\:text-500{font-size:1.25rem}.md\:text-600{font-size:1.56rem}.md\:text-700{font-size:1.95rem}.md\:text-800{font-size:2.44rem}.md\:text-900{font-size:3.05rem}.md\:text-base{font-size:1rem}.md\:text-max{font-size:4rem}.md\:width-full{width:100%}.md\:width-half{width:50%}.md\:width-quarter{width:25%}.md\:width-third{width:33.3333333333%}}:root{--color-primary:#083f42;--color-primary-shade:#063133;--color-primary-glare:#0c5c60;--color-highlight:#f7bcd9;--color-light:#ffffff;--color-mid:#cccccc;--color-dark:#333333;--color-slate:#404040;--color-bg: #ffffff;--color-text: #333333;--color-selection-text: #ffffff;--color-selection-bg: #333333;--color-stroke: #cccccc;--color-action-bg: #083f42;--color-action-text: #ffffff;--color-theme-primary: #083f42;--color-theme-primary-glare: #0c5c60;--color-theme-highlight: #f7bcd9}body{color:var(--color-text);background-color:var(--color-bg)}main{overflow:hidden}::selection{color:var(--color-selection-text);background-color:var(--color-selection-bg)}@font-face{font-family:"Lora";font-style:normal;font-weight:700;src:local("Lora Bold"),local("Lora-Bold"),url("/fonts/lora-v13-latin-700.woff2") format("woff2"),url("/fonts/lora-v13-latin-700.woff") format("woff")}body{line-height:1.56;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'}h1,h2,h3{font-family:'Lora', serif}h1{font-size:1.95rem}h2{font-size:1.56rem}h3{font-size:1.25rem}@media(min-width: 48rem){h1{font-size:3.05rem}h2{font-size:2.44rem}h3{font-size:1.95rem}}body{scroll-behavior:smooth}main:focus{outline:none}hr{display:block;height:1px;max-width:500px;background:var(--color-stroke);border:none;margin:3.05rem auto}.inner-wrapper{max-width:52rem;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.skip-link:not(:focus),.post__footer h2 a,.visually-hidden{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.wrapper{max-width:58rem;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.heading-permalink{color:var(--color-theme-primary-glare);font-size:.8em;margin-left:.3em;margin-top:.2em}@media(min-width: 48rem){.heading-permalink{font-size:.6em;margin-top:.4em}}.intro{background:var(--color-theme-highlight)}.intro__summary{--flow-space: 1.25rem;font-size:1.25rem}.intro__summary a{color:currentColor}.intro__summary a:hover{text-decoration:none}.intro__heading{max-width:40ex}.intro__heading--compact{max-width:20ex}.intro__meta{color:var(--color-theme-primary)}.nav__list{overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.nav__list::-webkit-scrollbar{display:none}.nav__list>*+*{margin-left:1.25rem}.nav__item{padding:.8rem 0;flex-shrink:0}.nav__item a{color:currentColor;font-weight:600}.nav__item a:not(:hover){text-decoration:none}.pagination{flex-wrap:wrap}.pagination a{color:var(--color-theme-primary)}.pagination a:not(:hover){text-decoration:none}.pagination a[data-direction=backwards]{flex-direction:row-reverse}.pagination a[data-direction=backwards] svg{transform:rotate(-180deg)}.pagination a[data-direction=forwards]:only-child{margin-left:auto}.pagination svg{pointer-events:none}.post__body{--flow-space: 2.44rem}.post__body h2+*,.post__body h3+*{--flow-space: 1.25rem}.post__body h2,.post__body h3{position:relative;line-height:1.2}.post__body a:not([class]){color:currentcolor;position:relative;display:inline-block;background:var(--color-theme-highlight);padding:.2rem .4rem .3rem .4rem;white-space:pre;text-decoration:none;line-height:1.2}.post__body a:not([class]):hover{text-decoration:underline}.post__body code{font-size:1.2em;white-space:pre;color:var(--color-theme-primary);font-weight:600;margin-left:.5ch;margin-right:.5ch}.post__body pre>code{margin-right:0}.post__body blockquote{border-left:.4rem solid var(--color-theme-primary-glare);margin-left:0;padding-left:1.25rem;font-style:italic;font-size:1.56rem}.post__body blockquote p{opacity:.85;padding:1.25rem 0}.post__body ol,.post__body ul{margin-left:2.44rem}.post__body li+li{margin-top:.8rem}.post__body figure,.post__body figure+*,.post__body pre>code,.post__body .video-player,.post__body .video-player+*{--flow-space: 4rem}.post__body figure,.post__body pre>code,.post__body .video-player{width:100vw;max-width:58rem;margin-left:50%;transform:translateX(-50%);position:relative}.post__body figure img,.post__body pre>code,.post__body .video-player{box-shadow:0 10px 30px rgba(0,0,0,.15)}.post__body figure img{position:relative;z-index:1}.post__body figcaption{font-size:.8em;font-style:italic;max-width:52rem;margin:.5rem auto 0 auto;padding:0 1.25rem}.post__body pre>code{display:block;background:var(--color-dark);padding:1.95rem;font-size:1.25rem}.post__footer{background:var(--color-theme-highlight)}.post__footer h2{flex-shrink:0;margin-right:1rem}.post__footer a{background:var(--color-bg);padding:.4rem .6rem}.post-list__item{--flow-space: 1.95rem}.post-list__link{color:var(--color-theme-primary);text-decoration:none}.post-list__link:hover{text-decoration:underline}.site-head__site-name{font-weight:700;text-decoration:none;color:var(--color-text)}.site-foot{background:var(--color-text);color:var(--color-bg);--color-selection-text: #333333;--color-selection-bg: #ffffff}.site-foot__credit{text-align:center}.site-foot__credit a{color:currentColor}.site-foot__credit a:hover{text-decoration:none}.skip-link:focus{display:inline-block;position:absolute;top:0;left:0;padding:.8rem 1.25rem 1rem 1.25rem;background-color:var(--color-action-bg);color:var(--color-action-text);line-height:1;text-decoration:none;font-weight:700}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;text-align:left;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#d4d0ab}.token.punctuation{color:#fefefe}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#ffa07a}.token.boolean,.token.number{color:#00e0e0}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#abe338}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#00e0e0}.token.atrule,.token.attr-value,.token.function{color:gold}.token.keyword{color:#00e0e0}.token.regex,.token.important{color:gold}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}@media screen and (-ms-high-contrast: active){code[class*=language-],pre[class*=language-]{color:windowText;background:window}:not(pre)>code[class*=language-],pre[class*=language-]{background:window}.token.important{background:highlight;color:window;font-weight:normal}.token.atrule,.token.attr-value,.token.function,.token.keyword,.token.operator,.token.selector{font-weight:bold}.token.attr-value,.token.comment,.token.doctype,.token.function,.token.keyword,.token.operator,.token.property,.token.string{color:highlight}.token.attr-value,.token.url{font-weight:normal}}.video-player{position:relative;padding-top:56.25%}.video-player>iframe{position:absolute;top:0;left:0;width:100%;height:100%}.post .video-player{padding-top:63%}@media(min-width: 48rem){.post .video-player{padding-top:66%}}/*# sourceMappingURL=global.css.map */
</style>
<script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
</head>
<body>
<a class="skip-link" href="#main-content">Skip to content</a>
<header role="banner" class="[ site-head ] [ pad-top-700 pad-bottom-700 ">
<div class="wrapper">
<span class="visually-hidden">⚓ Marquises Project: Post</span>
<div class="[ site-head__inner ] [ md:box-flex space-between align-center ]">
<a href="/" class="[ site-head__site-name ] [ leading-tight ]">
<span class="visually-hidden">Back to homepage</span>
<span class="[ site-head__site-name ] [ text-600 ]" aria-hidden="true">⚓ Marquises Project</span>
</a>
<nav class="nav">
<ul class="[ nav__list ] [ box-flex align-center md:space-before ]">
<li class="h-card nav__item">
<a rel="me" href="/">Accueil</a>
</li>
<li class="h-card nav__item">
<a rel="me" href="https://github.com/christopheducamp/xtof-vagabond" rel="external">GitHub</a>
</li>
<li class="h-card nav__item">
<a rel="me" href="https://twitter.com/xtof_party" rel="external">Twitter</a>
</li>
<li class="h-card nav__item">
<a rel="me" href="https://microblog.ducamp.me" rel="external">Micro.blog</a>
</li>
<li class="h-card nav__item">
<a rel="me" href="http://ducamp.me/xtof/now" rel="external">WikiNow</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<main id="main-content" tabindex="-1">
<article class="[ post ] [ h-entry ]">
<header class="[ intro ] [ pad-top-900 pad-bottom-max ]">
<div class="[ inner-wrapper ] [ sf-flow ]">
<h1 class="[ intro__heading ] [ text-800 md:text-900 leading-tight ] [ p-name ]">Identité pour le Web Décentralisé avec IndieAuth</h1>
<div class="[ intro__summary ] [ sf-flow ] [ leading-mid measure-short ]">
<p class="[ intro__meta ] [ text-500 leading-tight ]">
<time datetime="2018-10-25T00:00:00.000Z" class="dt-published">25 octobre 2018</time>
<span role="text">— 5 minute(s) de lecture</span>
</p>
</div>
</div>
</header>
<div class="[ post__body ] [ inner-wrapper ] [ pad-top-900 pad-bottom-900 text-500 ] [ sf-flow ] [ e-content ]">
<p>Ceci est une traduction de l'article "<a href="https://hacks.mozilla.org/2018/10/dweb-identity-for-the-decentralized-web-with-indieauth/">Identity for the Decentralized Web with IndieAuth</a>" publié le 24 octobre 2018 par <a href="https://aaronparecki.com/">Aaron Parecki</a> sur <a href="https://hacks.mozilla.org/category/dweb/">Hacks.Mozilla.org (#Dweb)</a>.</p>
<blockquote><p>Dans la série Dweb, nous couvrons des projets qui explorent ce qui est possible lorsque le web devient décentralisé ou distribué. Ces projets ne sont pas affiliés à Mozilla et certains d’entre eux réécrivent les règles sur la manière dont nous concevons un navigateur Web. Ce qu’ils ont en commun : ces projets sont open source et ouverts à la participation. Ils partagent la mission de Mozilla, qui est de garder le web ouvert et accessible à tous.</p>
<p>Nous avons couvert jusqu’à présent un certain nombre de projets de cette série qui nécessitent des modifications au niveau de la fondation de l’architecture réseau du web. Mais parfois, le simple fait de changer notre façon d'utiliser le web que nous avons aujourd'hui peut avoir de grandes conséquences.
</p>
<p>Imaginez que vous n'ayez plus jamais besoin de vous souvenir d'un mot de passe pour vous connecter à un site web ou à une application. IndieAuth est un moyen simple mais puissant de gérer et de vérifier l'identité à l'aide de la décentralisation déjà intégrée au web. Nous sommes heureux de vous présenter Aaron Parecki, cofondateur du mouvement IndieWeb, qui vous montrera comment créer votre propre identité indépendante sur le web avec IndieAuth.</p>
<footer>— <a href="https://mastodon.social/@dietrich">Dietrich Ayala</a></footer>
</blockquote>
<h2>Présentation de IndieAuth</h2>
<p>IndieAuth est un protocole de connexion décentralisé qui permet aux utilisateurs de votre logiciel de se connecter à d'autres applications.</p>
<p>Du point de vue de l'utilisateur, il vous permet d'utiliser un compte existant pour vous connecter à différentes applications sans avoir à créer un nouveau mot de passe partout.</p>
<p>IndieAuth s'appuie sur les technologies web existantes, en utilisant des URL comme identificateurs. Cela le rend largement applicable au web aujourd'hui, et il peut être rapidement intégré aux sites web et plateformes web existants.</p>
<p>IndieAuth a été développé au cours de plusieurs années au sein de la <a href="https://indieweb.org/">communauté IndieWeb</a>, un groupe vaguement connecté de personnes travaillant pour permettre aux individus de devenir propriétaires de leur présence en ligne] et il a été publié sous une <a href="https://www.w3.org/TR/indieauth/">Note W3C en 2018</a>.</p>
<h2>Architecture IndieAuth</h2>
<p>IndieAuth est une extension de <a href="https://oauth.net/2/">OAuth 2.0</a> qui permet à tout site web de devenir son propre fournisseur d'identité. Il s'appuie sur OAuth 2.0 et tire parti de toutes les considérations de sécurité existantes et des meilleures pratiques en vigueur dans le secteur en matière d'autorisation et d'authentification.</p>
<p>IndieAuth commence par supposer que chaque identifiant est une URL. Les utilisateurs ainsi que les applications sont identifiés et représentés par une URL.</p>
<p>Lorsqu'un utilisateur se connecte à une application, il commence par entrer l'URL de sa page d'accueil personnelle. L'application récupère cette URL et trouve où envoyer l'utilisateur à s'authentifier, puis l'envoie là-bas et peut ensuite vérifier que l'authentification a abouti. L'organigramme ci-dessous parcourt chaque étape de l'échange :</p>
<p><a href="https://2r4s9p1yi1fa2jd7j43zph8r-wpengine.netdna-ssl.com/files/2018/10/IndieAuth-diagram-.jpg"><img src="https://2r4s9p1yi1fa2jd7j43zph8r-wpengine.netdna-ssl.com/files/2018/10/IndieAuth-diagram-.jpg" alt="Diagramme présentant le workflow IndieAuth, du navigateur au client, vers l’URL de l’utilisateur jusqu’au point de terminaison"></a></p>
<h2>Démarrez avec IndieAuth</h2>
<p>Le moyen le plus rapide d’utiliser votre site web existant en tant qu’identité IndieAuth consiste à laisser un service existant gérer les bits de protocole et indiquer aux applications où trouver le service que vous utilisez.</p>
<p>Si votre site utilise WordPress, vous pouvez commencer facilement en installant le <a href="https://wordpress.org/plugins/indieauth/">plugin IndieAuth</a> ! Une fois que vous avez installé et activé le plug-in, votre site web sera un fournisseur IndieAuth complet et vous pourrez vous connecter immédiatement à des sites web tels que <a href="https://indieweb.org">https://indieweb.org</a> !</p>
<p>Pour configurer manuellement votre site web, vous devez choisir un serveur IndieAuth tel que <a href="https://indieauth.com">https://indieauth.com</a> et ajouter quelques liens vers votre page d'accueil. Ajoutez un lien vers le noeud final d'autorisation <em>indieauth.com</em> dans une balise HTML <code><link></code> afin que les applications sachent où vous envoyer pour vous connecter.</p>
<pre><code><link rel="authorization_endpoint" href="https://indieauth.com/auth">
</code></pre>
<p>Puis indiquez à <em>indieauth.com</em> comment vous authentifier en vous connectant à un compte GitHub ou à une adresse e-mail.</p>
<pre><code><a href="https://github.com/votrenomutilisateur" rel="me">GitHub</a>
<a href="mailto:you@exemple.com" rel="me">E-mail</a>
</code></pre>
<p>Remarque : cette dernière étape est propre à <em>indieauth.com</em> et ne fait pas partie de la spécification IndieAuth. C'est ainsi que <em>indieauth.com</em> peut vous authentifier sans que vous y créiez de mot de passe. Il vous permet de désactiver le mécanisme que vous utilisez pour vous authentifier, par exemple si vous décidez de ne plus utiliser GitHub, sans modifier votre identité sur le site auquel vous vous connectez.</p>
<p>Si vous ne souhaitez pas du tout recourir à des services tiers, vous pouvez <a href="https://indieweb.org/IndieAuth#Implementations">héberger votre propre noeud final d'autorisation IndieAuth</a> en utilisant une solution open source existante ou en créant le vôtre. Dans tous les cas, il est bon de commencer à utiliser un service pour cela aujourd’hui, car vous pourrez toujours l’échanger ultérieurement sans changer d’identité.</p>
<p>Maintenant vous êtes prêt ! Lorsque vous vous connectez à un site Web tel que <a href="https://indieweb.org">https://indieweb.org</a>, il vous sera demandé de saisir votre URL, puis de vous authentifier sur le serveur IndieAuth de votre choix !</p>
<h2>Pour en savoir plus</h2>
<p>Si vous aimeriez en savoir plus, <a href="https://aaronparecki.com/2018/07/07/7/oauth-for-the-open-web">OAuth for the Open Web</a> traite en profondeur des détails techniques et des motivations derrière la spécification. IndieAuth.</p>
<p>Vous pouvez apprendre comment construire votre propre serveur IndieAuth en suivant les liens suivants :</p>
<ul>
<li><a href="https://indieweb.org/authorization-endpoint">Creating an Authorization Endpoint</a></li>
<li><a href="https://indieweb.org/token-endpoint">Creating a Token Endpoint</a></li>
</ul>
<p>Vous pouvez trouver la dernière spécification sur <a href="https://indieauth.spec.indieweb.org/">indieauth.spec.indieweb.org</a>. Si vous avez des questions, sentez-vous à l'aise pour les poser sur le canal #indieweb-dev dans le <a href="https://indieweb.org/discuss">chat IndieWeb</a>, et retrouvez Aaron sur <a href="https://twitter.com/aaronpk">Twitter</a> ou sur <a href="https://aaronparecki.com/aaronpk">son site web</a>.</p>
<h2>Qui est <a href="https://aaronparecki.com/">Aaron Parecki</a></h2>
<p><span style = "float:right"><img src="https://2r4s9p1yi1fa2jd7j43zph8r-wpengine.netdna-ssl.com/files/2018/10/aaron@parecki.com_avatar_1539906454-64x64.jpg" alt="Aaron Parecki"></span></p>
<p><a href="https://aaronparecki.com">Aaron Parecki</a> est le co-fondateur du mouvement IndieWeb, et il maintient oauth.net. Il est engagé dans les standards du web depuis 2010, et il est l’auteur de plusieurs recommandations W3C.</p>
</div>
<footer class="[ post__footer ] [ pad-top-500 pad-bottom-500 ]">
<div class="inner-wrapper">
<div class="[ nav ] [ box-flex align-center ]">
<h2 class="font-base text-600 weight-mid">Enregistré sous</h2>
<ul class="[ nav__list ] [ box-flex align-center pad-left-400 ] [ p-category ]">
<li class="nav__item">
<a href="/tags/web">web</a>
</li>
<li class="nav__item">
<a href="/tags/identité">identité</a>
</li>
<li class="nav__item">
<a href="/tags/indieauth">indieauth</a>
</li>
<li class="nav__item">
<a href="/tags/indieweb">indieweb</a>
</li>
</ul>
</div>
</div>
</footer>
</article>
</main>
<footer role="contentinfo" class="[ site-foot ] [ pad-top-700 pad-bottom-900 ]">
<div class="wrapper">
<div class="[ site-foot__inner ] [ md:box-flex space-between align-start ]">
<article class="[ site-foot__details ] [ sf-flow measure-compact ]">
<h2 class="font-base text-600">⚓ Marquises Project</h2>
<p><dfn>Projet Marquises</dfn> est un chronorêve de navigation hauturière pour 2020. Apprendre à devenir marin, vagabonder en Amérique Centrale et trouver un embarquement à Panama. Dans l'intervalle, je rêve de designer un joli site indieweb facile à mettre à mettre à jour par satellite ou via synchronisations. Et avec une interface de publication ouverte aux invitations.</p>
</article>
<nav class="nav">
<ul class="[ nav__list ] [ box-flex align-center md:space-before ]">
<li class="h-card nav__item">
<a rel="me" href="/">Accueil</a>
</li>
<li class="h-card nav__item">
<a rel="me" href="https://github.com/christopheducamp/xtof-vagabond" rel="external">GitHub</a>
</li>
<li class="h-card nav__item">
<a rel="me" href="https://twitter.com/xtof_party" rel="external">Twitter</a>
</li>
<li class="h-card nav__item">
<a rel="me" href="https://microblog.ducamp.me" rel="external">Micro.blog</a>
</li>
<li class="h-card nav__item">
<a rel="me" href="http://ducamp.me/xtof/now" rel="external">WikiNow</a>
</li>
</ul>
</nav>
</div>
<p class="[ site-foot__credit ] [ pad-top-900 ]">
Motorisé par <a href="https://hylia.website" rel="external">Hylia Eleventy Starter Kit v0.4.0</a>.
</p>
</div>
</footer>
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('/service-worker.js');
});
}
</script>
</body>
</html>