<!doctype html>
<html data-n-head-ssr class="layout--homepage zone__sandwich light-mode" data-n-head="%7B%22class%22:%7B%22ssr%22:%5B%22layout--homepage%22,%22zone__sandwich%22,%22light-mode%22%5D%7D%7D">
  <head>
    <title> - Renoir Boulanger</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content=""><meta data-n-head="ssr" property="og:image" content="https://secure.gravatar.com/avatar/cbf8c9036c204fe85e15155f9d70faec?s=400"><meta data-n-head="ssr" property="twitter:card" content="summary_large_image"><meta data-n-head="ssr" property="twitter:site" content="@renoirb"><base href="/"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="/favicon.ico"><link data-n-head="ssr" rel="alternate" type="application/rss+xml" title="Renoir Boulanger’s Page Updates RSS Feed" href="https://renoirboulanger.com/feed.xml"><link data-n-head="ssr" rel="alternate" type="application/feed+json" title="Renoir Boulanger’s Page Updates Feed" href="https://renoirboulanger.com/feed.json"><script data-n-head="ssr" src="./main.mjs" type="module" defer></script><link rel="preload" href="/_nuxt/dcfa116.js" as="script"><link rel="preload" href="/_nuxt/4f6fc7e.js" as="script"><link rel="preload" href="/_nuxt/vendors/app.css" as="style"><link rel="preload" href="/_nuxt/40c1dae.js" as="script"><link rel="preload" href="/_nuxt/app.css" as="style"><link rel="preload" href="/_nuxt/53143b1.js" as="script"><link rel="preload" href="/_nuxt/832d72c.js" as="script"><link rel="stylesheet" href="/_nuxt/vendors/app.css"><link rel="stylesheet" href="/_nuxt/app.css"><link rel="preload" href="/_nuxt/static/1743911723/state.js" as="script"><link rel="preload" href="/_nuxt/static/1743911723/payload.js" as="script">
  </head>
  <body>
    <script data-n-head="ssr" data-hid="nuxt-color-mode-script" data-pbody="true">!function (){"use strict";var e=window,t=document,s=t.documentElement,n=["dark","light"],a=function(e){for(var s=e+"=",n=t.cookie.split(";"),a=0;a<n.length;a++){for(var o=n[a];" "===o.charAt(0);)o=o.substring(1,o.length);if(0===o.indexOf(s))return o.substring(s.length,o.length)}return null}("nuxt-color-mode")||"light",o="system"===a?i():a;function r(e){var t=e+"-mode";s.classList?s.classList.add(t):s.className+=" "+t}function c(t){return e.matchMedia("(prefers-color-scheme"+t+")")}function i(){if(e.matchMedia&&"not all"!==c("").media)for(var t of n)if(c(":"+t).matches)return t;return"light"}r(o),e["__NUXT_COLOR_MODE__"]={preference:a,value:o,getColorScheme:i,addClass:r,removeClass:function(e){var t=e+"-mode";s.classList?s.classList.remove(t):s.className=s.className.replace(new RegExp(t,"g"),"")}}}();
</script><div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div class="layouts--homepage"><!----> <nav class="app-side-bar--component fixed z-40 w-full top" data-v-69448e2c data-v-45eee548><div class="zone__sandwich__top container flex items-center justify-between py-4 mx-auto" style="position:relative" data-v-69448e2c><!----> <div class="app-side-bar__identity md:px-5 flex items-center" data-v-69448e2c><button aria-label="Open Menu" class="md:hidden ml-5 mr-2" data-v-69448e2c><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8" data-v-69448e2c><path d="M4 6h16M4 12h16M4 18h16" data-v-69448e2c></path></svg></button> <a href="/" aria-current="page" data-wip="components/global/AppSideBar.vue" class="identity__text font-semibold nuxt-link-exact-active nuxt-link-active" data-v-69448e2c>
        Renoir Boulanger
      </a></div> <div class="app-side-bar__nav flex items-center" data-v-69448e2c><div class="md:flex md:justify-between md:bg-transparent text-is-italicized hidden" data-v-69448e2c><a href="/blog" class="hover:opacity-100 opacity-80 hover:underline flex items-center p-3 px-4 py-2 mr-2 font-medium text-center rounded" data-v-45eee548>
      Blog
    </a><a href="/projects" class="hover:opacity-100 opacity-80 hover:underline flex items-center p-3 px-4 py-2 mr-2 font-medium text-center rounded" data-v-45eee548>
      Projects
    </a><a href="/resume/as-code" class="hover:opacity-100 opacity-80 hover:underline flex items-center p-3 px-4 py-2 mr-2 font-medium text-center rounded" data-v-45eee548>
      Resume
    </a><a href="/hello" class="hover:opacity-100 opacity-80 hover:underline flex items-center p-3 px-4 py-2 mr-2 font-medium text-center rounded" data-v-45eee548>
      About
    </a></div></div></div> <aside class="md:invisible app-side-bar__aside fixed top-0 left-0 visible w-64 h-full overflow-auto transition-all duration-500 ease-in-out transform -translate-x-full" data-v-69448e2c><div class="app-side-bar__identity flex items-center w-full h-16 p-4 border-b" data-v-69448e2c><a href="/" aria-current="page" class="identity__text nuxt-link-exact-active nuxt-link-active" data-v-69448e2c>Renoir Boulanger</a></div> <div data-v-69448e2c><a href="/blog" class="hover:bg-teal-500 hover:text-white flex items-center p-4" data-v-69448e2c><span class="mr-2" data-v-69448e2c>
          Blog
        </span></a><a href="/projects" class="hover:bg-teal-500 hover:text-white flex items-center p-4" data-v-69448e2c><span class="mr-2" data-v-69448e2c>
          Projects
        </span></a><a href="/resume/as-code" class="hover:bg-teal-500 hover:text-white flex items-center p-4" data-v-69448e2c><span class="mr-2" data-v-69448e2c>
          Resume
        </span></a><a href="/hello" class="hover:bg-teal-500 hover:text-white flex items-center p-4" data-v-69448e2c><span class="mr-2" data-v-69448e2c>
          About
        </span></a></div></aside></nav> <main class="zone__sandwich__meat middle container mx-auto"><div data-wip="layouts/homepage.vue" class="grid grid-cols-1 m-10"><div class="pages__index--parent"><div class="document document--item z-30"><ul><li lang="fr-CA" class="mb-8 text-lg"><a href="/blog/2024/10/refonte-majeure-de-mon-site-web" class="font-serif italic no-underline">J'ai refait et migré tout mon site web</a> <div class="mt-0 mb-5 text-xs"><time datetime="2024-10-26">
            samedi 26 octobre 2024
          </time></div> <div class="taxonomy mt-0 mb-4 taxonomy-not-hoverizable"><strong id="tags__191" class="taxonomy-label">
    Tags
  </strong> <ul aria-labelled-by="tags__191" class="taxonomy-items"><li class="px-2 py-1 mb-3 mr-3"><span>vuejs</span></li><li class="px-2 py-1 mb-3 mr-3"><span>nuxt</span></li><li class="px-2 py-1 mb-3 mr-3"><span>migration</span></li><li class="px-2 py-1 mb-3 mr-3"><span>wordpress</span></li><li class="px-2 py-1 mb-3 mr-3"><span>static-site</span></li> <li class="category px-2 py-1 mb-3 mr-3"><a href="/blog/category/projects" class="no-underline">📁 projects</a></li></ul></div></li><li lang="en-CA" class="mb-8 text-lg"><a href="/blog/2024/03/managing-email-aliases-with-protonmail-automatic-sorting" class="font-serif italic no-underline">Managing Email Aliases with ProtonMail and SimpleLogin to sort automatically into inbox folders based local part</a> <div class="mt-0 mb-5 text-xs"><time datetime="2024-03-03">
            Sunday, March 3, 2024
          </time></div> <div class="taxonomy mt-0 mb-4 taxonomy-not-hoverizable"><strong id="tags__192" class="taxonomy-label">
    Tags
  </strong> <ul aria-labelled-by="tags__192" class="taxonomy-items"><li class="px-2 py-1 mb-3 mr-3"><span>archiving</span></li> <li class="category px-2 py-1 mb-3 mr-3"><a href="/blog/category/projects" class="no-underline">📁 projects</a></li></ul></div></li><li lang="en-CA" class="mb-8 text-lg"><a href="/blog/2020/09/porting-all-my-content" class="font-serif italic no-underline">Porting all my content into a static-site</a> <div class="mt-0 mb-5 text-xs"><time datetime="2020-09-10">
            Thursday, September 10, 2020
          </time></div> <div class="taxonomy mt-0 mb-4 taxonomy-not-hoverizable"><strong id="tags__193" class="taxonomy-label">
    Tags
  </strong> <ul aria-labelled-by="tags__193" class="taxonomy-items"><li class="px-2 py-1 mb-3 mr-3"><span>vuejs</span></li><li class="px-2 py-1 mb-3 mr-3"><span>nuxt</span></li><li class="px-2 py-1 mb-3 mr-3"><span>migration</span></li><li class="px-2 py-1 mb-3 mr-3"><span>static-site</span></li> <li class="category px-2 py-1 mb-3 mr-3"><a href="/blog/category/projects" class="no-underline">📁 projects</a></li></ul></div></li></ul></div> <a href="/kitchen-sink" class="sr-only">Kitchen sink</a></div></div></main> <div timezone="America/New_York" class="app-footer--component disposition-parent w-full bottom" data-v-94d2db4a><footer class="zone__sandwich__bottom container flex items-center justify-between p-10 mx-auto" style="position:relative" data-v-94d2db4a><dl class="contact items-item disposition-item" data-v-94d2db4a><dt class="mb-4 font-serif text-2xl" data-v-94d2db4a><a href="/contact" class="underline" data-v-94d2db4a>Contact</a></dt> <dd data-v-94d2db4a>Fascinated By The Open Web Platform</dd> <dd aria-errormessage="why-fou-de-la-pouitte" data-v-94d2db4a>
        Send your remarks using
        <em data-fou-de-la-pouitte title="Please type this manually" class="underline" data-v-94d2db4a><span id="why-fou-de-la-pouitte" class="sr-only" data-v-94d2db4a>
            An email address written using CSS, apologies for obfuscating
            this.
          </span></em></dd> <dd class="underline sr-only" data-v-94d2db4a><a rel="me" href="https://mastodon.social/@renoirb" data-v-94d2db4a>
          @<span class="__cf_email__" data-cfemail="b6c4d3d8d9dfc4d4f6dbd7c5c2d9d2d9d898c5d9d5dfd7da">[email&#160;protected]</span>
        </a></dd> <dd class="underline sr-only" data-v-94d2db4a><a rel="me" href="https://w3c.social/@renoirb" data-v-94d2db4a>
          @<span class="__cf_email__" data-cfemail="a0d2c5cecfc9d2c2e0d793c38ed3cfc3c9c1cc">[email&#160;protected]</span>
        </a></dd> <dd class="font-mono" data-v-94d2db4a>v4.0.1-dev</dd> <span class="inline-flex" data-v-94d2db4a><button aria-label="Color Mode" class="hover:text-primary-500 focus:outline-none transition duration-150 ease-in-out rounded-md"><!----> <!----></button></span></dl> <div class="items-item disposition-item" data-v-94d2db4a><dl lang="fr-CA" class="see-also" data-v-94d2db4a><dt data-v-94d2db4a>Voir aussi…</dt> <dd data-v-94d2db4a><a href="/ligne-editoriale" data-v-94d2db4a> Ligne éditoriale </a></dd> <dd data-v-94d2db4a><a href="/projects" data-v-94d2db4a> Projets </a></dd> <dd data-v-94d2db4a><a href="/glossary" lang="en" data-v-94d2db4a> Glossary </a></dd> <dd data-v-94d2db4a><a href="/code-review" lang="en" data-v-94d2db4a>
            Code-Review notes
          </a></dd></dl></div></footer></div></div></div></div><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script defer src="/_nuxt/static/1743911723/state.js"></script><script src="/_nuxt/dcfa116.js" defer></script><script src="/_nuxt/832d72c.js" defer></script><script src="/_nuxt/4f6fc7e.js" defer></script><script src="/_nuxt/40c1dae.js" defer></script><script src="/_nuxt/53143b1.js" defer></script>
  </body>
</html>
