diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png new file mode 100644 index 0000000..ddf2eda Binary files /dev/null and b/public/apple-touch-icon.png differ diff --git a/public/favicon-192.png b/public/favicon-192.png new file mode 100644 index 0000000..3619ad6 Binary files /dev/null and b/public/favicon-192.png differ diff --git a/public/favicon-32.png b/public/favicon-32.png new file mode 100644 index 0000000..4b949f3 Binary files /dev/null and b/public/favicon-32.png differ diff --git a/public/favicon.svg b/public/favicon.svg index 6943f9c..5374d37 100644 --- a/public/favicon.svg +++ b/public/favicon.svg @@ -1,5 +1,7 @@ - - - 🌡 + + Info Canicule + + + diff --git a/public/og-image.png b/public/og-image.png index c422833..87bb4e0 100644 Binary files a/public/og-image.png and b/public/og-image.png differ diff --git a/public/og-image.svg b/public/og-image.svg index 765d1b3..fb452b9 100644 --- a/public/og-image.svg +++ b/public/og-image.svg @@ -2,14 +2,45 @@ - - + + - 🌡️ Info - Canicule - Vigilance Météo France en temps réel - Carte interactive · 96 départements · conseils officiels - Gratuit · sans publicité · non lucratif · données ouvertes + + + + + + + + + + VIGILANCE MÉTÉO FRANCE + + Info Canicule. + + Toutes les alertes météo, en clair. + + + + + + ● Vert + + + + ▲ Jaune + + + + ◆ Orange + + + + ■ Rouge + + + + Gratuit · sans publicité · données ouvertes Météo France diff --git a/scripts/build-favicon.mjs b/scripts/build-favicon.mjs new file mode 100644 index 0000000..010e4af --- /dev/null +++ b/scripts/build-favicon.mjs @@ -0,0 +1,27 @@ +#!/usr/bin/env node +// Génère les fallbacks PNG du favicon (apple-touch-icon + 32px) depuis public/favicon.svg. +// Lancé à la demande quand le SVG change : `node scripts/build-favicon.mjs`. + +import sharp from 'sharp'; +import { readFileSync } from 'node:fs'; +import { resolve, dirname } from 'node:path'; +import { fileURLToPath } from 'node:url'; + +const __dirname = dirname(fileURLToPath(import.meta.url)); +const SVG = resolve(__dirname, '../public/favicon.svg'); +const buf = readFileSync(SVG); + +const outputs = [ + { path: '../public/apple-touch-icon.png', size: 180 }, + { path: '../public/favicon-32.png', size: 32 }, + { path: '../public/favicon-192.png', size: 192 }, +]; + +for (const o of outputs) { + const dest = resolve(__dirname, o.path); + await sharp(buf, { density: 384 }) + .resize(o.size, o.size, { fit: 'contain', background: { r: 0, g: 0, b: 0, alpha: 0 } }) + .png({ compressionLevel: 9 }) + .toFile(dest); + console.log(`Wrote ${dest} (${o.size}×${o.size})`); +} diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro index 7264562..6b782de 100644 --- a/src/layouts/Base.astro +++ b/src/layouts/Base.astro @@ -77,6 +77,8 @@ const jsonLd = { {noindex ? : } + + {title} diff --git a/src/pages/soutenir.astro b/src/pages/soutenir.astro index be97c93..8dac072 100644 --- a/src/pages/soutenir.astro +++ b/src/pages/soutenir.astro @@ -8,105 +8,115 @@ const goalTarget = 10; const goalRaised = 0; const goalCurrency = '€'; const goalPercent = Math.min(100, Math.round((goalRaised / goalTarget) * 100)); + +const usages = [ + { title: "Hébergement", text: "VPS mutualisé chez OVH : ~30 € / mois pour faire tourner le site, le cache Valkey et le pipeline de données." }, + { title: "Nom de domaine", text: "Renouvellement annuel du domaine dédié (objectif en cours)." }, + { title: "Surprise café", text: "De quoi tenir les soirées de maintenance et les rotations d'API key 🥲." }, +]; + +const otherWays = [ + { title: "Signaler un bug ou une typo", text: "Par mail à florian@nocleus.com. Toute remontée d'erreur dans un conseil ou une donnée incohérente est précieuse." }, + { title: "Partager le site", text: "Surtout autour des personnes fragiles (proches âgés, isolés), pour qui les conseils canicule peuvent faire une vraie différence." }, + { title: "Diffuser un kit", text: "Imprimer un kit phénomène et l'afficher dans un lieu collectif (mairie, médiathèque, hall d'immeuble)." }, +]; --- -
-
-

Soutenir Info Canicule

-

- Le site est gratuit, sans publicité et sans traceurs commerciaux. Si vous le trouvez utile, - vous pouvez contribuer aux frais d'infrastructure (~30 €/mois). +

+
+
Soutenir
+

Si le site vous est utile, un café suffit.

+

+ Info Canicule est gratuit, sans publicité, sans traceur commercial. Si vous le trouvez utile, + vous pouvez contribuer aux frais d'infrastructure (~30 €/mois).

-
-
-
-
+ {/* Objectif de don */} +
+
-

- Objectif de don en cours -

-

{goalLabel}

+
Objectif de don en cours
+

{goalLabel}

-

- {goalRaised} {goalCurrency} - / {goalTarget} {goalCurrency} +

+ {goalRaised} {goalCurrency} + / {goalTarget} {goalCurrency}

- -
-
-
+
+
- -

- {goalPercent}% atteint — une fois l'objectif rempli, le nom de domaine dédié sera réservé - pour un an. +

+ {goalPercent}% atteint — une fois l'objectif rempli, le nom de domaine dédié sera réservé pour un an.

-
-
-
-

Don libre via Ko-fi

-

- Le moyen le plus simple : un don libre, sans inscription, par carte bancaire ou PayPal, via - ko-fi.com/daelwizhit. - Les dons sont anonymes par défaut et entièrement optionnels. -

- -
+ {/* CTA principal */} +
+
+

Don libre via Ko-fi

+

+ Sans inscription, par carte bancaire ou PayPal. Anonyme par défaut et entièrement optionnel. +

+
☕ Soutenir sur Ko-fi
-

Ce que les dons financent

-
    -
  • Frais d'infrastructure mensuels (~30 €/mois).
    • -
  • Nom de domaine annuel.
    • -
  • Café pour les soirées de maintenance 🥲.
    • -
-

- Ce site n'a aucune vocation commerciale. 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. -

+ {/* Ce que ça finance */} +
+

Ce que les dons financent

+
+ {usages.map((u) => ( +
+

{u.title}

+

{u.text}

+
+ ))} +
+

+ Ce site n'a aucune vocation commerciale. 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. +

+
-

Autres manières d'aider

-
    -
  • - Signaler un bug ou une typo : par mail à - florian@nocleus.com. -
    • -
  • - Partager le site 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. -
    • -
+ {/* Autres manières d'aider */} +
+

Autres manières d'aider

+
+ {otherWays.map((w) => ( +
+ +
+ {w.title} +

{w.text}

+
+
+ ))} +
+
-

+

Pour les questions juridiques (mention de l'éditeur, statut), voir les - mentions légales. + mentions légales.

-