1<!DOCTYPE html><html lang="en"> <head>
1<script> 2 localStorage.darkMode = true 3 const setDarkMode = () => { 4 if (localStorage.darkMode === 'true' || (!('darkMode' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) { 5 document.documentElement.classList.add('dark') 6 localStorage.darkMode = 'true'; 7 } else { 8 document.documentElement.classList.remove('dark') 9 localStorage.darkMode = 'false'; 10 } 11 } 12 13 setDarkMode(); 14 // Runs on view transitions navigation 15 document.addEventListener('astro:after-swap', setDarkMode); 16 </script>
16<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="view-transition" content="same-origin"><link rel="alternate" type="application/rss+xml" title="RSS Feed" href="./rss.xml"><title>Accueil | Survival 2a</title><meta name="title" content="Accueil | Survival 2a"><meta name="description" content="Blog d'un survivaliste d'Ajaccio"><!-- Open Graph Tags (Facebook) --><meta property="og:type" content="website"><meta property="og:title" content="Accueil | Survival 2a"><meta property="og:url" content="https://survival2a-ug4e.vercel.app/blog/"><meta property="og:description" content="Blog d'un survivaliste d'Ajaccio"><meta property="og:image" content="https://survival2a-ug4e.vercel.app/blog/defaultog.jpg"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:title" content="Accueil | Survival 2a"><meta property="twitter:url" content="https://survival2a-ug4e.vercel.app/blog/"><meta property="twitter:description" content="Blog d'un survivaliste d'Ajaccio"><meta property="twitter:image" content="./defaultog.jpg"><link rel="preload" href="/fonts/inter-v12-latin_latin-ext-regular.woff2" as="font" crossorigin><link rel="preload" href="/fonts/inter-v12-latin_latin-ext-700.woff2" as="font" crossorigin><link rel="preload" href="/fonts/space-grotesk-v15-latin_latin-ext-regular.woff2" as="font" crossorigin><link rel="preload" href="/fonts/space-grotesk-v15-latin_latin-ext-600.woff2" as="font" crossorigin><link rel="preload" href="/fonts/space-grotesk-v15-latin_latin-ext-700.woff2" as="font" crossorigin><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate"><link rel="stylesheet" href="/_astro/_slug_.cc9866ae.css" />
16<script type="module" src="/_astro/hoisted.a4f04a73.js"></script>
16</head> <body class="font-survival-inter transition-all duration-300 bg-white dark:bg-survival-dark"> <div class="navigation flex-1 hidden absolute top-0 left-0 w-full bg-survival-white dark:bg-survival-dark transition-all duration-300 p-7 pt-[112px] z-10 shadow-2xl" id="navigation_wrapper"> <nav> <ul class="list-none text-[14px] font-normal flex flex-initial flex-col md:flex-row gap-5"> <li> <a href="/blog" class="opacity-60 text-survival-primary hover:opacity-100 hover:text-survival-accent transition-all duration-300 dark:text-white dark:hover:text-survival-accent">Blog</a> </li> <li> <a href="/about-me" class="opacity-60 text-survival-primary hover:opacity-100 hover:text-survival-accent transition-all duration-300 dark:text-white dark:hover:text-survival-accent">A propos</a> </li> </ul> </nav> </div> <header class="container mx-auto max-w-screen-xl px-7 py-10 bg-white flex flex-initial flex-row gap-10 items-center justify-between transition-all duration-300 dark:bg-survival-dark relative z-20"> <div class="logo flex-none"> <a href="/" class="font-bold font-survival-space text-lg hover:text-survival-accent transition-all duration-300 dark:text-white dark:hover:text-survival-accent">Survivaliste2a</a> </div> <div class="navigation flex-1 hidden md:block"> <nav> <ul class="list-none text-[14px] font-normal flex flex-initial flex-col md:flex-row gap-5"> <li> <a href="/blog" class="opacity-60 text-survival-primary hover:opacity-100 hover:text-survival-accent transition-all duration-300 dark:text-white dark:hover:text-survival-accent">Blog</a> </li> <li> <a href="/about-me" class="opacity-60 text-survival-primary hover:opacity-100 hover:text-survival-accent transition-all duration-300 dark:text-white dark:hover:text-survival-accent">A propos</a> </li> </ul> </nav> </div> <div class="relative flex flex-initial flex-row items-center gap-5"> <!-- <ModeSwitch /> --> <button id="menu_toggle" class="block md:hidden text-white" type="button" aria-controls="navbar-main" aria-expanded="false" aria-label="Toggle navigation"> <svg class="w-8 h-auto fill-survival-dark stroke-survival-dark transition-all duration-300 hover:fill-survival-accent hover:stroke-survival-accent dark:fill-survival-accent dark:stroke-survival-accent dark:hover:fill-survival-secondary dark:hover:stroke-survival-secondary" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg> </button> </div> </header> <section class="container mx-auto max-w-screen-lg px-7 py-10"> <article class=" 17 group 18 lg:mb-[50px] mb-10 last:mb-0 prose lg:prose-xl max-w-none 19 prose-headings:font-bold prose-headings:text-survival-accent 20 prose-p:text-survival-primary/70 lg:prose-p:text-[18px] prose-p:transition-all prose-p:duration-300 21 prose-a:font-semibold prose-a:text-survival-dark prose-a:hover:text-survival-pink prose-a:no-underline prose-a:transition-all prose-a:duration-300 22 prose-strong:font-normal 23 prose-headings:font-survival-space prose-h2:mb-7 prose-h2:mt-0 24 prose-img:mt-0 prose-img:mb-0 25 dark:prose-a:text-white dark:prose-a:hover:text-survival-accent dark:prose-p:text-white/70 26 "> <div class="grid grid-cols-1 lg:grid-cols-[200px_auto] md:grid-cols-[200px_auto] gap-10 items-center"> <div class="post_image"> <a href="/blog/climat"> <img src="/_astro/climat.3adc879b_Z1lLuOg.webp" alt="undefinedThumbnail" class="rounded-[15px] image-shine object-cover h-[200px] -rotate-2" width="750" height="750" loading="lazy" decoding="async"> </a> </div> <div class="post_intro"> <h2> <a href="/blog/climat" class="text-survival-dark hover:text-survival-accent"> La Corse, un paradis qui suffoque </a> </h2> <p> La Corse, autrefois un paradis, fait face à des étés de plus en plus chauds, à un air devenu irrespirable, et à des vagues de chaleur fréquentes, menaçant de transformer l'île en un lieu invivable si aucune action n'est prise. </p> <p class="flex flex-row flex-wrap gap-5 items-center mt-5 group-last:mb-0"> <span class="group text-[16px] bg-transparent border-survival-secondary border-[1px] leading-none rounded-full flex flex-row content-center items-center h-[34px] px-3 text-survival-secondary"><span>climat</span></span> <small class=" 27 text-survival-primary/50 font-survival-space tracking-widest transition-all duration-300 text-[16px] 28 dark:text-white/40 29 "> 16-10-2024 </small> </p> </div> </div> <div class="w-full h-[3px] mt-10 lg:mt-[50px] overflow-hidden gradient-line group-last:hidden"></div> </article><article class=" 30 group 31 lg:mb-[50px] mb-10 last:mb-0 prose lg:prose-xl max-w-none 32 prose-headings:font-bold prose-headings:text-survival-accent 33 prose-p:text-survival-primary/70 lg:prose-p:text-[18px] prose-p:transition-all prose-p:duration-300 34 prose-a:font-semibold prose-a:text-survival-dark prose-a:hover:text-survival-pink prose-a:no-underline prose-a:transition-all prose-a:duration-300 35 prose-strong:font-normal 36 prose-headings:font-survival-space prose-h2:mb-7 prose-h2:mt-0 37 prose-img:mt-0 prose-img:mb-0 38 dark:prose-a:text-white dark:prose-a:hover:text-survival-accent dark:prose-p:text-white/70 39 "> <div class="grid grid-cols-1 lg:grid-cols-[200px_auto] md:grid-cols-[200px_auto] gap-10 items-center"> <div class="post_image"> <a href="/blog/incendies"> <img src="/_astro/schema-system.1ef2db81_2inSBK.webp" alt="undefinedThumbnail" class="rounded-[15p
39x] image-shine object-cover h-[200px] rotate-2" width="750" height="429" loading="lazy" decoding="async"> </a> </div> <div class="post_intro"> <h2> <a href="/blog/incendies" class="text-survival-dark hover:text-survival-accent"> La Corse, un paradis en feu </a> </h2> <p> Sauve-qui-peut, Protégez votre maison avec ma pompe anti-incendie autonome </p> <p class="flex flex-row flex-wrap gap-5 items-center mt-5 group-last:mb-0"> <span class="group text-[16px] bg-transparent border-survival-secondary border-[1px] leading-none rounded-full flex flex-row content-center items-center h-[34px] px-3 text-survival-secondary"><span>feu</span></span> <small class=" 40 text-survival-primary/50 font-survival-space tracking-widest transition-all duration-300 text-[16px] 41 dark:text-white/40 42 "> 16-10-2024 </small> </p> </div> </div> <div class="w-full h-[3px] mt-10 lg:mt-[50px] overflow-hidden gradient-line group-last:hidden"></div> </article> <div class="flex flex-row justify-center gap-7"> </div> </section> <div class="w-full h-[3px] overflow-hidden gradient-line"></div> <div class="py-14 transition-all duration-300 bg-gradient-to-r from-survival-secondary/10 to-survival-accent/10 dark:bg-gradient-to-r dark:from-survival-accent/[2%] dark:to-survival-secondary/[5%]"> <footer class="container mx-auto max-w-screen-xl flex flex-initial lg:flex-row flex-col gap-10 items-center px-7"> <div class="logo flex-none"> <a href="/" class="font-bold font-survival-space text-lg hover:text-survival-accent transition-all duration-300 dark:text-white dark:hover:text-survival-accent">Survivaliste2a</a> </div> <ul class="list-none text-[14px] font-normal flex flex-initial flex-row content-center items-center gap-x-[35px]"> </ul> <div class="grow lg:text-right"> <span class="text-[14px] text-survival-dark/40 transition-all duration-300 dark:text-survival-white/40"> 43fais avec <span class="text-survival-accent">♥</span> par le clan des semi-croustillants (<a href="https://fr.linkedin.com/in/camille-rubio-92402b173" target="_blank" class="transition-all duration-300 text-survival-dark/60 dark:text-survival-white/60 hover:text-survival-accent">Camille</a> & <a href="https://www.linkedin.com/in/antoine-frau/" target="_blank" class="transition-all duration-300 text-survival-dark/60 dark:text-survival-white/60 hover:text-survival-accent">Antoine</a>) 44</span> </div> </footer> </div>
44<script src="https://www.chatbase.co/embed.min.js" chatbotId="rcrC8WtwE4z0dxa9WA_lu" domain="www.chatbase.co" defer> 45</script>
45 </body></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.