feat(pc2): hamburger nav + manifeste V1 + popup onboarding

- HamburgerMenu drawer slide-in left avec liens A propos, Manifeste, Mentions legales (ESC + clic overlay pour fermer)
- ColJournal enrichi : CTA Manifeste, accordeon Hashtags (7 plateformes, ferme mobile / ouvert desktop, persistence localStorage), skeleton Journal pour PC6
- Page /manifeste : V1 redige integre (em-dashes remplaces par tirets/points-virgules), pivot stylise blockquote, diagramme mouvements en 3 sections boites
- Page /manifeste/commander : stub form pre-inscription (V1 localStorage, V1.1 cable Listmonk)
- Page /a-propos : extrait de Contexte Global, 3-4 paragraphes Jules
- Page /mentions-legales : placeholder court (editeur, hebergeur Hetzner, pas de cookies)
- PopupOnboarding : micro-resume 3 lignes proposees, dismiss X / CTA / scroll 200px / ESC, flag tf-onboarded

src/pages/a-propos.astro

@@ -0,0 +1,79 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro';
+import HamburgerMenu from '../components/astro/HamburgerMenu.astro';
+---
+<BaseLayout
+  title="A propos - Jules Neny"
+  description="Architecte HMONP, ecrivain politique, facilitateur. Bagneres-de-Bigorre, Pyrenees."
+>
+  <HamburgerMenu />
+
+  <main class="min-h-screen bg-white">
+    <article class="max-w-2xl mx-auto px-6 py-16 md:py-24">
+
+      <header class="mb-10">
+        <p class="text-sm uppercase tracking-widest text-neutral-500 mb-3">
+          A propos
+        </p>
+        <h1 class="text-3xl md:text-4xl font-semibold text-neutral-900 leading-tight">
+          Jules Neny
+        </h1>
+        <p class="mt-3 text-neutral-600 text-base md:text-lg">
+          Architecte HMONP. Ecrivain politique. Facilitateur. Bagneres-de-Bigorre, Pyrenees.
+        </p>
+      </header>
+
+      <div class="text-neutral-800 text-[17px] leading-[1.75] space-y-6">
+
+        <p>
+          Je suis architecte, forme a l'ENSAPB (Paris-Belleville), avec un passage par Oxford Brookes et un bootcamp Perspectives. Je travaille en independant sous le nom <em>Transformations resilientes</em>, basee dans les Pyrenees. Mon metier de base : audit energetique (MAR), maitrise d'oeuvre en renovation et construction ecologique, accompagnement a l'autonomie (eau, energie, jardin).
+        </p>
+
+        <p>
+          Mais l'architecture, pour moi, deborde du bati. C'est aussi une lecture des systemes ; un outil de diagnostic du corps social. La ou l'eau, l'energie, la justice, l'education, la sante, le logement et l'agriculture defaillent ; il y a des reconfigurations a inventer, situees, par territoire. Reprendre le pouvoir par la base. Ecrire, lentement, un nouveau contrat social.
+        </p>
+
+        <p>
+          Trois fils tissent mon travail :
+        </p>
+
+        <ul class="list-disc list-outside pl-6 space-y-2">
+          <li>
+            <strong>Architecte</strong> ; reveler les problematiques complexes des systemes (diagnostic systemique, pratique de terrain).
+          </li>
+          <li>
+            <strong>Ecrivain politique</strong> ; transmettre et problematiser via le manifeste <em>Architecture d'Ecologie Politique</em>, le blog trans-former.fr, et bientot Substack.
+          </li>
+          <li>
+            <strong>Facilitateur</strong> ; accompagner la transformation democratique (intelligence collective, formations).
+          </li>
+        </ul>
+
+        <p>
+          Ma boussole : <em>me transformer pour contribuer a la transformation du monde</em>. Mes valeurs : emancipation, liens, amour. Mes pratiques quotidiennes : ecriture du matin, yoga Isha, marche en montagne, peinture a l'huile, cuisine.
+        </p>
+
+        <p>
+          Ce site est un journal vivant. Il agrege ce que je publie sur plusieurs plateformes (blog, Substack, LinkedIn, Instagram, Castopod, GitHub) ; et tente de rendre lisible une demarche qui se fait dans le temps long.
+        </p>
+
+        <p>
+          Pour me joindre :
+          <a
+            href="mailto:julesneny8@gmail.com"
+            class="underline underline-offset-2 hover:text-neutral-900"
+          >julesneny8@gmail.com</a>.
+        </p>
+      </div>
+
+      <footer class="mt-12 pt-8 border-t border-neutral-200 text-sm text-neutral-500">
+        <p>
+          <a href="/" class="underline underline-offset-2 hover:text-neutral-900">
+            &larr; Retour au journal
+          </a>
+        </p>
+      </footer>
+
+    </article>
+  </main>
+</BaseLayout>