Skip to content

Commit

Permalink
deploy: 0b50dfa
Browse files Browse the repository at this point in the history
  • Loading branch information
@maxpou
maxpou committed Sep 3, 2024
1 parent 02c7840 commit 1792e84
Show file tree
Hide file tree
Showing 75 changed files with 194 additions and 194 deletions.
4 changes: 2 additions & 2 deletions 404.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,8 +26,8 @@
exist on this site.
</p> </div> <div class="m-auto max-w-screen-xl pt-12"> <h2 class="pb-4 text-2xl font-bold dark:text-white">
Looking for something to read?
</h2> <div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3"> <a title="10 Years of Blogging, what I learned" href="/blog/2024/2024-09-03/" class="ease flex flex-col rounded-lg bg-white transition duration-300 dark:bg-gray-500 hover:translate-y-0.5 shadow-md hover:shadow-xl group first:col-span-1 first:md:col-span-2"> <picture> <source srcset="/_astro/cover.DN0d2qzf_1QrSCu.webp" type="image/webp"><source srcset="/_astro/cover.DN0d2qzf_191Py0.avif" type="image/avif"><source srcset="/_astro/cover.DN0d2qzf_ZOWBBE.jpeg" type="image/jpeg"> <img src="/_astro/cover.DN0d2qzf_ZRvfTx.jpg" alt="Cover for post 10 Years of Blogging, what I learned" class="h-56 w-full rounded-b-none rounded-t-lg object-cover transition" width="420" height="224" loading="lazy" decoding="async"> </picture> <div class="p-4"> <header class="text-xl text-gray-700 dark:text-gray-100"> <p class="text-gray-400 dark:text-gray-100 text-sm"> <time datetime="2024-09-03T00:00:00.000Z"> 3 September 2024 </time> </p> <span class="inline"> <span class="from-blue-100 to-blue-100 text-dark dark:bg-none font-semibold
bg-gradient-to-r bg-[length:0px_10px] bg-left-bottom bg-no-repeat transition-[background-size] duration-500 hover:bg-[length:100%_3px] group-hover:bg-[length:100%_10px]"> 10 Years of Blogging, what I learned </span> </span> </header> <p class="date text-gray-400 dark:text-gray-100 text-sm"> Reflects on my experience and sharing some key lessons learned after 10y of blogging. Including the importance of writing a good title, not worrying about post popularity... </p> </div> </a><a title="How to integrate Giscus to your Astro Blog" href="/blog/2024/2024-08-23-giscus-astro/" class="ease flex flex-col rounded-lg bg-white transition duration-300 dark:bg-gray-500 hover:translate-y-0.5 shadow-md hover:shadow-xl group first:col-span-1 first:md:col-span-2"> <picture> <source srcset="/_astro/cover.DuGbZ1l8_Z15B2PS.webp" type="image/webp"><source srcset="/_astro/cover.DuGbZ1l8_1Lzs81.avif" type="image/avif"><source srcset="/_astro/cover.DuGbZ1l8_Z1PjMcX.jpeg" type="image/jpeg"> <img src="/_astro/cover.DuGbZ1l8_2losTB.jpg" alt="Cover for post How to integrate Giscus to your Astro Blog" class="h-56 w-full rounded-b-none rounded-t-lg object-cover transition" width="420" height="224" loading="lazy" decoding="async"> </picture> <div class="p-4"> <header class="text-xl text-gray-700 dark:text-gray-100"> <p class="text-gray-400 dark:text-gray-100 text-sm"> <time datetime="2024-08-23T00:00:00.000Z"> 23 August 2024 </time> </p> <span class="inline"> <span class="from-blue-100 to-blue-100 text-dark dark:bg-none font-semibold
</h2> <div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3"> <a title="10 Years of Blogging, what I learned" href="/blog/10-years-of-blogging/" class="ease flex flex-col rounded-lg bg-white transition duration-300 dark:bg-gray-500 hover:translate-y-0.5 shadow-md hover:shadow-xl group first:col-span-1 first:md:col-span-2"> <picture> <source srcset="/_astro/cover.DN0d2qzf_1QrSCu.webp" type="image/webp"><source srcset="/_astro/cover.DN0d2qzf_191Py0.avif" type="image/avif"><source srcset="/_astro/cover.DN0d2qzf_ZOWBBE.jpeg" type="image/jpeg"> <img src="/_astro/cover.DN0d2qzf_ZRvfTx.jpg" alt="Cover for post 10 Years of Blogging, what I learned" class="h-56 w-full rounded-b-none rounded-t-lg object-cover transition" width="420" height="224" loading="lazy" decoding="async"> </picture> <div class="p-4"> <header class="text-xl text-gray-700 dark:text-gray-100"> <p class="text-gray-400 dark:text-gray-100 text-sm"> <time datetime="2024-09-03T00:00:00.000Z"> 3 September 2024 </time> </p> <span class="inline"> <span class="from-blue-100 to-blue-100 text-dark dark:bg-none font-semibold
bg-gradient-to-r bg-[length:0px_10px] bg-left-bottom bg-no-repeat transition-[background-size] duration-500 hover:bg-[length:100%_3px] group-hover:bg-[length:100%_10px]"> 10 Years of Blogging, what I learned </span> </span> </header> <p class="date text-gray-400 dark:text-gray-100 text-sm"> Reflects on my experience and sharing some key lessons learned after 10y of blogging. Including the importance of writing a good title, not worrying about post popularity... </p> </div> </a><a title="How to integrate Giscus to your Astro Blog" href="/blog/giscus-with-astro/" class="ease flex flex-col rounded-lg bg-white transition duration-300 dark:bg-gray-500 hover:translate-y-0.5 shadow-md hover:shadow-xl group first:col-span-1 first:md:col-span-2"> <picture> <source srcset="/_astro/cover.DuGbZ1l8_Z15B2PS.webp" type="image/webp"><source srcset="/_astro/cover.DuGbZ1l8_1Lzs81.avif" type="image/avif"><source srcset="/_astro/cover.DuGbZ1l8_Z1PjMcX.jpeg" type="image/jpeg"> <img src="/_astro/cover.DuGbZ1l8_2losTB.jpg" alt="Cover for post How to integrate Giscus to your Astro Blog" class="h-56 w-full rounded-b-none rounded-t-lg object-cover transition" width="420" height="224" loading="lazy" decoding="async"> </picture> <div class="p-4"> <header class="text-xl text-gray-700 dark:text-gray-100"> <p class="text-gray-400 dark:text-gray-100 text-sm"> <time datetime="2024-08-23T00:00:00.000Z"> 23 August 2024 </time> </p> <span class="inline"> <span class="from-blue-100 to-blue-100 text-dark dark:bg-none font-semibold
bg-gradient-to-r bg-[length:0px_10px] bg-left-bottom bg-no-repeat transition-[background-size] duration-500 hover:bg-[length:100%_3px] group-hover:bg-[length:100%_10px]"> How to integrate Giscus to your Astro Blog </span> </span> </header> <p class="date text-gray-400 dark:text-gray-100 text-sm"> Learn how to integrate Giscus (GitHub-powered comments), into your Astro blog. How to deal with dark mode and styles customization. </p> </div> </a><a title="A Look Inside My Personalized .gitconfig" href="/blog/gitconfig/" class="ease flex flex-col rounded-lg bg-white transition duration-300 dark:bg-gray-500 hover:translate-y-0.5 shadow-md hover:shadow-xl group first:col-span-1 first:md:col-span-2"> <picture> <source srcset="/_astro/cover.DoLuRs69_tXoac.webp" type="image/webp"><source srcset="/_astro/cover.DoLuRs69_Iatpo.avif" type="image/avif"><source srcset="/_astro/cover.DoLuRs69_qkCsC.jpeg" type="image/jpeg"> <img src="/_astro/cover.DoLuRs69_1wRbpf.jpg" alt="Cover for post A Look Inside My Personalized .gitconfig" class="h-56 w-full rounded-b-none rounded-t-lg object-cover transition" width="420" height="224" loading="lazy" decoding="async"> </picture> <div class="p-4"> <header class="text-xl text-gray-700 dark:text-gray-100"> <p class="text-gray-400 dark:text-gray-100 text-sm"> <time datetime="2024-06-11T00:00:00.000Z"> 11 June 2024 </time> </p> <span class="inline"> <span class="from-blue-100 to-blue-100 text-dark dark:bg-none font-semibold
bg-gradient-to-r bg-[length:0px_10px] bg-left-bottom bg-no-repeat transition-[background-size] duration-500 hover:bg-[length:100%_3px] group-hover:bg-[length:100%_10px]"> A Look Inside My Personalized .gitconfig </span> </span> </header> <p class="date text-gray-400 dark:text-gray-100 text-sm"> Boost your Git efficiency! A simple config for a smoother workflow. </p> </div> </a><a title="From Gatsby.js to Astro" href="/blog/hello-astro/" class="ease flex flex-col rounded-lg bg-white transition duration-300 dark:bg-gray-500 hover:translate-y-0.5 shadow-md hover:shadow-xl group first:col-span-1 first:md:col-span-2"> <picture> <source srcset="/_astro/cover.CpkSdC3k_tAbyx.webp" type="image/webp"><source srcset="/_astro/cover.CpkSdC3k_pevWt.avif" type="image/avif"><source srcset="/_astro/cover.CpkSdC3k_ZPUT8z.jpeg" type="image/jpeg"> <img src="/_astro/cover.CpkSdC3k_glDyM.jpg" alt="Cover for post From Gatsby.js to Astro" class="h-56 w-full rounded-b-none rounded-t-lg object-cover transition" width="420" height="224" loading="lazy" decoding="async"> </picture> <div class="p-4"> <header class="text-xl text-gray-700 dark:text-gray-100"> <p class="text-gray-400 dark:text-gray-100 text-sm"> <time datetime="2024-03-05T00:00:00.000Z"> 5 March 2024 </time> </p> <span class="inline"> <span class="from-blue-100 to-blue-100 text-dark dark:bg-none font-semibold
bg-gradient-to-r bg-[length:0px_10px] bg-left-bottom bg-no-repeat transition-[background-size] duration-500 hover:bg-[length:100%_3px] group-hover:bg-[length:100%_10px]"> From Gatsby.js to Astro </span> </span> </header> <p class="date text-gray-400 dark:text-gray-100 text-sm"> How I migrated my website from Gatsby.js to Astro. What I liked about Astro and some problems I encountered during the migration. </p> </div> </a><a title="Using Notion as a CMS for Gatsby.js" href="/blog/notion-as-cms-gatsby/" class="ease flex flex-col rounded-lg bg-white transition duration-300 dark:bg-gray-500 hover:translate-y-0.5 shadow-md hover:shadow-xl group first:col-span-1 first:md:col-span-2"> <picture> <source srcset="/_astro/cover.PAhXQGgH_Z23GvaL.webp" type="image/webp"><source srcset="/_astro/cover.PAhXQGgH_Z1RKiMP.avif" type="image/avif"><source srcset="/_astro/cover.PAhXQGgH_Z1lv2Gi.jpeg" type="image/jpeg"> <img src="/_astro/cover.PAhXQGgH_10PQTX.jpg" alt="Cover for post Using Notion as a CMS for Gatsby.js" class="h-56 w-full rounded-b-none rounded-t-lg object-cover transition" width="420" height="224" loading="lazy" decoding="async"> </picture> <div class="p-4"> <header class="text-xl text-gray-700 dark:text-gray-100"> <p class="text-gray-400 dark:text-gray-100 text-sm"> <time datetime="2024-01-31T00:00:00.000Z"> 31 January 2024 </time> </p> <span class="inline"> <span class="from-blue-100 to-blue-100 text-dark dark:bg-none font-semibold
Expand Down
6 changes: 3 additions & 3 deletions blog/10-tips-for-working-from-home-fr/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -186,9 +186,9 @@ <h3 id="10--établissez-une-routine">10. ⏰ Établissez une routine</h3>
};
</script> </div> <div> <h2 class="text-2xl underline mt-12 font-bold dark:text-mainYellow">
Recommended posts
</h2> <div class="grid grid-cols-1 gap-6 md:grid-cols-2 mt-6"> <a title="Vue.js: Let's Scale!" href="/blog/vue-js-module-architecture/" class="ease flex flex-col rounded-lg bg-white transition duration-300 dark:bg-gray-500 hover:translate-y-0.5 shadow-md hover:shadow-xl group"> <picture> <source srcset="/_astro/cover.B5jYl0xe_ZohYqF.webp" type="image/webp"><source srcset="/_astro/cover.B5jYl0xe_ughil.avif" type="image/avif"><source srcset="/_astro/cover.B5jYl0xe_Z1096cA.jpeg" type="image/jpeg"> <img src="/_astro/cover.B5jYl0xe_ZjLtB3.jpg" alt="Cover for post Vue.js: Let's Scale!" class="h-56 w-full rounded-b-none rounded-t-lg object-cover transition" width="420" height="224" loading="lazy" decoding="async"> </picture> <div class="p-4"> <header class="text-xl text-gray-700 dark:text-gray-100"> <span class="inline"> <span class="from-blue-100 to-blue-100 text-dark dark:bg-none font-semibold
bg-gradient-to-r bg-[length:0px_10px] bg-left-bottom bg-no-repeat transition-[background-size] duration-500 hover:bg-[length:100%_3px] group-hover:bg-[length:100%_10px]"> Vue.js: Let&#39;s Scale! </span> </span> </header> <p class="date text-gray-400 dark:text-gray-100 text-sm"> Architecture and technical decision behind a big Vue.js application. </p> </div> </a><a title="Vue.js Testing Made it Easy (with Testing Library)" href="/blog/vue-js-testing-library/" class="ease flex flex-col rounded-lg bg-white transition duration-300 dark:bg-gray-500 hover:translate-y-0.5 shadow-md hover:shadow-xl group"> <picture> <source srcset="/_astro/cover.FA1DSgeP_Zpwefq.webp" type="image/webp"><source srcset="/_astro/cover.FA1DSgeP_Z1HRvXP.avif" type="image/avif"><source srcset="/_astro/cover.FA1DSgeP_Z1IBH83.jpeg" type="image/jpeg"> <img src="/_astro/cover.FA1DSgeP_LJGrw.jpg" alt="Cover for post Vue.js Testing Made it Easy (with Testing Library)" class="h-56 w-full rounded-b-none rounded-t-lg object-cover transition" width="420" height="224" loading="lazy" decoding="async"> </picture> <div class="p-4"> <header class="text-xl text-gray-700 dark:text-gray-100"> <span class="inline"> <span class="from-blue-100 to-blue-100 text-dark dark:bg-none font-semibold
bg-gradient-to-r bg-[length:0px_10px] bg-left-bottom bg-no-repeat transition-[background-size] duration-500 hover:bg-[length:100%_3px] group-hover:bg-[length:100%_10px]"> Vue.js Testing Made it Easy (with Testing Library) </span> </span> </header> <p class="date text-gray-400 dark:text-gray-100 text-sm"> How Testing Library helps you to write better integration test </p> </div> </a> </div> </div> </div> </article> </main> <footer class="bg-blue-50 dark:bg-gray-600 dark:text-white w-full mx-auto pb-0" data-astro-cid-sz7xmlte> <div class="m-auto flex w-[1024px] max-w-full flex-wrap justify-between" data-astro-cid-sz7xmlte> <div class="w-full pb-4 md:w-auto flex-auto" data-astro-cid-sz7xmlte> <p class="pb-1 font-bold" data-astro-cid-sz7xmlte>
</h2> <div class="grid grid-cols-1 gap-6 md:grid-cols-2 mt-6"> <a title="3 Tips for Scaling Large Vue.js Application" href="/blog/3-tips-scaling-vue-application/" class="ease flex flex-col rounded-lg bg-white transition duration-300 dark:bg-gray-500 hover:translate-y-0.5 shadow-md hover:shadow-xl group"> <picture> <source srcset="/_astro/cover.B7HUrBwa_27dEEE.webp" type="image/webp"><source srcset="/_astro/cover.B7HUrBwa_BY3XR.avif" type="image/avif"><source srcset="/_astro/cover.B7HUrBwa_Zu3kJg.jpeg" type="image/jpeg"> <img src="/_astro/cover.B7HUrBwa_1BaHnr.jpg" alt="Cover for post 3 Tips for Scaling Large Vue.js Application" class="h-56 w-full rounded-b-none rounded-t-lg object-cover transition" width="420" height="224" loading="lazy" decoding="async"> </picture> <div class="p-4"> <header class="text-xl text-gray-700 dark:text-gray-100"> <span class="inline"> <span class="from-blue-100 to-blue-100 text-dark dark:bg-none font-semibold
bg-gradient-to-r bg-[length:0px_10px] bg-left-bottom bg-no-repeat transition-[background-size] duration-500 hover:bg-[length:100%_3px] group-hover:bg-[length:100%_10px]"> 3 Tips for Scaling Large Vue.js Application </span> </span> </header> <p class="date text-gray-400 dark:text-gray-100 text-sm"> 1. Split your application into completely isolated modules. 2. Consider micro-frontends architecture. 3. Don&#39;t put everything in the Vuex Store </p> </div> </a><a title="What's happens when you &#34;git commit&#34;" href="/blog/git-under-the-hood/" class="ease flex flex-col rounded-lg bg-white transition duration-300 dark:bg-gray-500 hover:translate-y-0.5 shadow-md hover:shadow-xl group"> <picture> <source srcset="/_astro/cover.B21Yva-t_1p2o3V.webp" type="image/webp"><source srcset="/_astro/cover.B21Yva-t_ZQVKtS.avif" type="image/avif"><source srcset="/_astro/cover.B21Yva-t_ZK7opC.jpeg" type="image/jpeg"> <img src="/_astro/cover.B21Yva-t_Oj9SB.jpg" alt="Cover for post What's happens when you &#34;git commit&#34;" class="h-56 w-full rounded-b-none rounded-t-lg object-cover transition" width="420" height="224" loading="lazy" decoding="async"> </picture> <div class="p-4"> <header class="text-xl text-gray-700 dark:text-gray-100"> <span class="inline"> <span class="from-blue-100 to-blue-100 text-dark dark:bg-none font-semibold
bg-gradient-to-r bg-[length:0px_10px] bg-left-bottom bg-no-repeat transition-[background-size] duration-500 hover:bg-[length:100%_3px] group-hover:bg-[length:100%_10px]"> What&#39;s happens when you &quot;git commit&quot; </span> </span> </header> <p class="date text-gray-400 dark:text-gray-100 text-sm"> Understanding the Git Folder Structure and how git works under the hood. </p> </div> </a> </div> </div> </div> </article> </main> <footer class="bg-blue-50 dark:bg-gray-600 dark:text-white w-full mx-auto pb-0" data-astro-cid-sz7xmlte> <div class="m-auto flex w-[1024px] max-w-full flex-wrap justify-between" data-astro-cid-sz7xmlte> <div class="w-full pb-4 md:w-auto flex-auto" data-astro-cid-sz7xmlte> <p class="pb-1 font-bold" data-astro-cid-sz7xmlte>
&copy; 2014 - 2024 - Maxence Poutord </p> <p data-astro-cid-sz7xmlte>Built with Astro, Tailwind and some ☕️</p> <p data-astro-cid-sz7xmlte>
Hosted with <span class="text-red-500" data-astro-cid-sz7xmlte>❤</span> by <a class="hover:text-gray-700 hover:underline dark:hover:text-mainYellow" href="https://github.com/maxpou/maxpou.fr" data-astro-cid-sz7xmlte>GitHub</a>.
</p> </div> <div class="flex-auto" data-astro-cid-sz7xmlte> <h3 class="pb-1 font-bold" data-astro-cid-sz7xmlte>Explore</h3> <ul data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <a href="/uses" target="_self" class="hover:text-gray-700 hover:underline dark:hover:text-mainYellow" data-astro-cid-sz7xmlte> Uses </a> </li><li data-astro-cid-sz7xmlte> <a href="/recipes" target="_self" class="hover:text-gray-700 hover:underline dark:hover:text-mainYellow" data-astro-cid-sz7xmlte> Recipes (kitchen) </a> </li><li data-astro-cid-sz7xmlte> <a href="/about" target="_self" class="hover:text-gray-700 hover:underline dark:hover:text-mainYellow" data-astro-cid-sz7xmlte> About </a> </li><li data-astro-cid-sz7xmlte> <a href="/cv" target="_blank" class="hover:text-gray-700 hover:underline dark:hover:text-mainYellow" data-astro-cid-sz7xmlte> Resume (cv) </a> </li><li data-astro-cid-sz7xmlte> <a href="/readme" target="_self" class="hover:text-gray-700 hover:underline dark:hover:text-mainYellow" data-astro-cid-sz7xmlte> Readme </a> </li> </ul> </div> <div class="flex-auto" data-astro-cid-sz7xmlte> <h3 class="pb-1 font-bold flex-auto" data-astro-cid-sz7xmlte>Let's connect</h3> <ul data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <a href="https://github.com/maxpou" rel="noopener noreferrer" class="hover:text-gray-700 hover:underline dark:hover:text-mainYellow" data-astro-cid-sz7xmlte> GitHub </a> </li><li data-astro-cid-sz7xmlte> <a href="https://twitter.com/_maxpou" rel="noopener noreferrer" class="hover:text-gray-700 hover:underline dark:hover:text-mainYellow" data-astro-cid-sz7xmlte> Twitter </a> </li><li data-astro-cid-sz7xmlte> <a href="https://www.linkedin.com/in/maxpou/" rel="noopener noreferrer" class="hover:text-gray-700 hover:underline dark:hover:text-mainYellow" data-astro-cid-sz7xmlte> LinkedIn </a> </li><li data-astro-cid-sz7xmlte> <a href="/rss.xml" class="hover:text-gray-700 hover:underline dark:hover:text-mainYellow" data-astro-cid-sz7xmlte> RSS feed </a> </li> </ul> </div> </div> </footer> </body> </html>
Loading

0 comments on commit 1792e84

Please sign in to comment.