+
+
Cliquer pour changer l'image
+
L'histoire en une phrase
@@ -1056,6 +1061,42 @@ function removeInspiration(index) {
renderInspirations();
}
+// ── Hero image ──
+function applyHeroImage(dataUrl) {
+ const banner = document.getElementById('hero-banner');
+ if (dataUrl) {
+ banner.style.backgroundImage = `url(${dataUrl})`;
+ banner.classList.add('has-image');
+ } else {
+ banner.style.backgroundImage = '';
+ banner.classList.remove('has-image');
+ }
+}
+
+function uploadHeroImage(input) {
+ const file = input.files[0];
+ if (!file) return;
+ // Resize to max 1600px wide to keep base64 reasonable
+ const reader = new FileReader();
+ reader.onload = (e) => {
+ const img = new Image();
+ img.onload = () => {
+ const maxW = 1600;
+ let w = img.width, h = img.height;
+ if (w > maxW) { h = Math.round(h * maxW / w); w = maxW; }
+ const canvas = document.createElement('canvas');
+ canvas.width = w; canvas.height = h;
+ canvas.getContext('2d').drawImage(img, 0, 0, w, h);
+ const dataUrl = canvas.toDataURL('image/jpeg', 0.85);
+ applyHeroImage(dataUrl);
+ saveVisionSection('hero-image', dataUrl);
+ };
+ img.src = e.target.result;
+ };
+ reader.readAsDataURL(file);
+ input.value = '';
+}
+
// ── Load Vision data ──
async function loadVision() {
try {
@@ -1077,6 +1118,9 @@ async function loadVision() {
setupEditable(elId, section);
}
+ // Hero image
+ applyHeroImage(visionData['hero-image']?.Contenu || '');
+
// Render structured sections
renderTags();
renderList('on-veut', 'v-on-veut', 'yes');