166 lines
7.4 KiB
Vue
166 lines
7.4 KiB
Vue
<script setup lang="ts">
|
|
// V1.3-E : contenu manifeste pour preview centrale (mode racine /).
|
|
// TODO V1.4 : extraire contenu manifeste dans src/content/manifeste.md (content collection)
|
|
// pour avoir une source unique partagee avec src/pages/manifeste.astro.
|
|
// Actuellement : duplication consciente du texte (~50 lignes) entre les 2 fichiers.
|
|
// Si modif texte -> repercuter aux 2 endroits (this file + manifeste.astro).
|
|
</script>
|
|
|
|
<template>
|
|
<article class="manifeste-content px-4 md:px-6 py-6 md:py-8 bg-white">
|
|
|
|
<!-- En-tete -->
|
|
<header class="mb-8 md:mb-10">
|
|
<p class="text-[10px] uppercase tracking-widest text-neutral-500 mb-2">
|
|
Manifeste
|
|
</p>
|
|
<h1 class="text-xl md:text-2xl font-semibold text-neutral-900 leading-tight">
|
|
Architecture d'Écologie Politique
|
|
</h1>
|
|
<p class="mt-3 text-neutral-600 text-sm md:text-base leading-relaxed">
|
|
Un commun vivant pour bifurquer ; ensemble, lentement, par accumulation de petits gestes situés.
|
|
</p>
|
|
<!-- V1.3-F : CTA "commander" deplace tout en bas (apres lecture). Le seul lien d'entete = page complete. -->
|
|
<div class="mt-5 flex flex-wrap gap-2">
|
|
<a
|
|
href="/manifeste"
|
|
class="inline-block px-4 py-2 border border-neutral-300 text-neutral-700 rounded-lg text-sm hover:border-neutral-900 hover:text-neutral-900 transition-colors"
|
|
title="Ouvrir la page complete dans un nouvel onglet"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>
|
|
Page complète →
|
|
</a>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Corps du manifeste -->
|
|
<div class="text-neutral-800 text-[14px] md:text-[15px] leading-[1.7] space-y-4">
|
|
|
|
<p class="italic text-neutral-700">
|
|
Un quart des architectes vivent sous le seuil de pauvreté. La moitié de nos heures, non facturées. Nos cotisations, parmi les plus lourdes des professions réglementées. Et le secteur du bâtiment, à lui seul, pèse 34% des émissions mondiales de gaz à effet de serre.
|
|
</p>
|
|
|
|
<p>
|
|
Quelque chose s'est rompu ; pas dans nos vies, dans les cadres qui les contiennent.
|
|
</p>
|
|
|
|
<p>
|
|
Notre profession ne traverse pas une simple crise. Elle reflète l'effondrement d'un monde qui confond performance et destruction, signature et silence, expertise et soumission.
|
|
</p>
|
|
|
|
<hr class="border-neutral-200 my-6" />
|
|
|
|
<h2 class="text-base md:text-lg font-semibold text-neutral-900 mt-8 mb-3">
|
|
Ce que nous voyons.
|
|
</h2>
|
|
|
|
<p>
|
|
À l'échelle du métier, une profession structurellement sous l'eau, qui absorbe les tensions d'un système extractiviste ; et porte la responsabilité quand d'autres captent la valeur.
|
|
</p>
|
|
|
|
<p>
|
|
À l'échelle des corps, une culture qui rend l'exploitation désirable : métier-passion, modèle starchitecte, isolement libéral, moteur critique délégitimant. Nous tenons. Nous payons.
|
|
</p>
|
|
|
|
<p>
|
|
À l'échelle du monde, l'effondrement écologique et social qui avance, pendant que notre voix s'efface du débat public. Notre silence le sert.
|
|
</p>
|
|
|
|
<hr class="border-neutral-200 my-6" />
|
|
|
|
<h2 class="text-base md:text-lg font-semibold text-neutral-900 mt-8 mb-3">
|
|
Ce que nous refusons.
|
|
</h2>
|
|
|
|
<p>
|
|
Nous ne signerons plus pour des projets qui détruisent.<br />
|
|
Nous n'isolerons plus celles et ceux qui doutent.<br />
|
|
Nous ne porterons plus seul-es ce qui doit se penser, se faire ; et se soigner ; ensemble.
|
|
</p>
|
|
|
|
<hr class="border-neutral-200 my-6" />
|
|
|
|
<!-- Pivot : centre emotionnel du texte (italique + retrait) -->
|
|
<blockquote class="my-8 md:my-10 px-4 md:px-6 py-4 border-l-4 border-neutral-900 italic text-neutral-800 text-sm md:text-base leading-relaxed">
|
|
<p class="font-medium not-italic mb-2 text-neutral-900">
|
|
Et pourtant, quelque chose tient.
|
|
</p>
|
|
<p>
|
|
Pas l'espoir naïf, ni la promesse héroïque. Quelque chose de plus humble : la fatigue commune reconnue, et l'envie qui revient de ne plus économiser sa vie.
|
|
</p>
|
|
</blockquote>
|
|
|
|
<hr class="border-neutral-200 my-6" />
|
|
|
|
<h2 class="text-base md:text-lg font-semibold text-neutral-900 mt-8 mb-3">
|
|
Ce que nous tentons.
|
|
</h2>
|
|
|
|
<p>
|
|
<em class="font-semibold not-italic">Partager.</em> Nos parcours, nos doutes, nos bifurcations. Se former les un-es les autres. Se tendre la main. Documenter ce qui marche, ce qui rate. Le personnel devient politique quand il se met en commun.
|
|
</p>
|
|
|
|
<p>
|
|
<em class="font-semibold not-italic">Construire.</em> L'infrastructure collective qui nous a manqué. Cartes d'entraide, communs documentés, gouvernance horizontale, financement transparent, infra souveraine. <strong>Architecture d'Écologie Politique</strong> : un commun vivant, ouvert, biorégional, ancré.
|
|
</p>
|
|
|
|
<p>
|
|
<em class="font-semibold not-italic">Pratiquer une médecine du corps social.</em> Diagnostiquer les infrastructures qui défaillent ; l'éducation, la justice, la sécurité, l'énergie, la santé, le logement, l'agriculture. Proposer des reconfigurations situées, territoire par territoire. Reprendre le pouvoir par la base. Écrire, lentement, un nouveau contrat social.
|
|
</p>
|
|
|
|
<p>
|
|
<em class="font-semibold not-italic">Commencer par les marges.</em> Là où le corps social souffre le plus, là où il est le plus prêt à changer. Ne pas décider à la place ; faire émerger. Transparence totale, sur le process et sur l'argent. Tendresse militante : la lucidité sans le mépris, l'engagement sans la dureté.
|
|
</p>
|
|
|
|
<hr class="border-neutral-200 my-6" />
|
|
|
|
<h2 class="text-base md:text-lg font-semibold text-neutral-900 mt-8 mb-3">
|
|
Architectes, allié-es, habitant-es.
|
|
</h2>
|
|
|
|
<p>
|
|
Nous avons un travail à faire ensemble. Lentement, patiemment, par accumulation de petits gestes situés. Pas pour fuir ; pour bifurquer.
|
|
</p>
|
|
|
|
<!-- Chute : italique, separee -->
|
|
<p class="mt-6 md:mt-8 italic text-neutral-900 text-sm md:text-base leading-relaxed">
|
|
Nos métiers sont des médecines. Reprenons-en le pouls ; à mains nues, ensemble.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- V1.3-F : CTA commander version papier — bord rouge brique #B5443A, signal politique fort.
|
|
Place en bas, apres lecture : j'achete, tranquille. -->
|
|
<section class="mt-10 pt-6 border-t border-neutral-200 text-center">
|
|
<p class="text-xs italic text-neutral-500 mb-3">
|
|
Manifeste lu. J'achete la version papier, tranquille.
|
|
</p>
|
|
<a
|
|
href="/manifeste/commander"
|
|
class="inline-block px-5 py-2.5 border-2 border-[#B5443A] text-[#0F172A] bg-[#FAFAF7] font-medium text-sm hover:bg-[#E5C3BE] transition-colors"
|
|
>
|
|
Commander la version papier
|
|
</a>
|
|
</section>
|
|
|
|
<!-- Footer simple : lien vers page complete pour les detail (mouvements, etc.) -->
|
|
<footer class="mt-6 pt-4 border-t border-neutral-200 text-center">
|
|
<a
|
|
href="/manifeste"
|
|
target="_blank"
|
|
rel="noopener"
|
|
class="text-xs text-neutral-500 hover:text-neutral-900 underline"
|
|
>
|
|
Voir la page complète (mouvements M/S/XL, liens articles) →
|
|
</a>
|
|
</footer>
|
|
|
|
</article>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.manifeste-content {
|
|
font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
|
|
}
|
|
</style>
|