info-canicule/src/pages/soutenir.astro
Florian 89e48c18e4
Some checks are pending
Deploy info-canicule / deploy (push) Waiting to run
feat: tooltip carte + tri/group alertes + safelist couleurs + legal Nocleus
- FranceMap : tooltip riche au hover (HTML overlay), liste les phénomènes
  + niveaux du département. Touch-friendly (1er tap = preview, 2e = clic).
- index.astro : layout refactored, carte toujours visible full-width centrée,
  liste par région en details collapsible sous (plus de side-by-side cassé sur PC).
- Alertes actives groupées par département, triées par numéro asc (2A/2B après 19).
- Tailwind safelist vigilance-chip-{1..4} : les classes générées dynamiquement
  n'étaient pas captées par le scanner statique → CSS absent en prod.
- Mentions légales : distinction explicite entre Nocleus (micro-entreprise
  commerciale) et Info Canicule (projet perso non lucratif, hors cadre pro).
- Liens code source git.nocleus.com retirés partout (autres repos privés y sont
  visibles) → code "disponible sur demande" par mail.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-25 20:23:02 +02:00

73 lines
2.9 KiB
Text

---
import Base from '../layouts/Base.astro';
export const prerender = false;
---
<Base
title="Soutenir le projet — Info Canicule"
description="Info Canicule est un service gratuit, sans publicité, à but non lucratif. Si le site vous est utile, vous pouvez soutenir son hébergement via Ko-fi."
>
<section class="bg-gradient-to-b from-canicule-50 to-white">
<div class="container-tight py-10">
<h1 class="text-3xl font-bold sm:text-4xl">Soutenir Info Canicule</h1>
<p class="mt-2 max-w-2xl text-slate-600">
Le site est gratuit, sans publicité et sans traceurs commerciaux. Si vous le trouvez utile,
vous pouvez aider à couvrir l'hébergement (~7 €/mois mutualisés sur plusieurs projets perso).
</p>
</div>
</section>
<section class="container-tight py-8 prose prose-slate max-w-none">
<h2>Don libre via Ko-fi</h2>
<p>
Le moyen le plus simple : un don libre, sans inscription, par carte bancaire ou PayPal, via
<a href="https://ko-fi.com/daelwizhit" rel="noopener" class="font-semibold">ko-fi.com/daelwizhit</a>.
Les dons sont anonymes par défaut et entièrement optionnels.
</p>
<div class="not-prose my-6">
<a
href="https://ko-fi.com/daelwizhit"
rel="noopener"
class="inline-flex items-center gap-2 rounded-lg bg-canicule-600 px-6 py-3 text-base font-semibold text-white no-underline hover:bg-canicule-700"
>
☕ Soutenir sur Ko-fi
</a>
</div>
<h2>Ce que les dons financent</h2>
<ul>
<li>Location du VPS OVH qui héberge le site (~7 €/mois, mutualisés avec d'autres projets perso).</li>
<li>Nom de domaine annuel.</li>
<li>Café pour les soirées de maintenance 🥲.</li>
</ul>
<p>
<strong>Ce site n'a aucune vocation commerciale.</strong> Aucun chiffre d'affaires, aucun salaire
versé. Les dons couvrent les frais techniques ou, en cas d'excédent, financent d'autres petits
projets d'utilité publique du même développeur.
</p>
<h2>Autres manières d'aider</h2>
<ul>
<li>
<strong>Signaler un bug ou une typo</strong> : par mail à
<a href="mailto:florian@nocleus.com">florian@nocleus.com</a>.
</li>
<li>
<strong>Partager le site</strong> autour de vous, en particulier auprès de personnes fragiles
(proches âgés, personnes isolées) pour qui les conseils canicule peuvent faire une vraie
différence.
</li>
<li>
<strong>Réutiliser les données</strong> : l'endpoint <code>/api/vigilance</code> diffuse le
snapshot en JSON (CORS *), réutilisable librement sous Licence Ouverte 2.0.
</li>
</ul>
<p class="text-sm text-slate-500">
Pour les questions juridiques (mention de l'éditeur, statut), voir les
<a href="/mentions-legales">mentions légales</a>.
</p>
</section>
</Base>