fix: aggiorna gli URL per la configurazione di produzione e le immagini Open Graph

Author: aborruso

NOTE_TECNICHE.md

@@ -71,8 +71,8 @@ Il sito ha configurazioni diverse per sviluppo e produzione:
 
 **Produzione (GitHub Pages):**
 
-- `site`: `https://aborruso.github.io`
-- `base`: `/referendum_astro`
+- `site`: `https://ondata.github.io`
+- `base`: `/referendum_iniziative_popolari`
 
 ---
 
@@ -83,7 +83,7 @@ Il sito ha configurazioni diverse per sviluppo e produzione:
 Il progetto usa `import.meta.env.BASE_URL` per gestire i percorsi:
 
 - **Sviluppo**: `/`
-- **Produzione**: `/referendum_astro/`
+- **Produzione**: `/referendum_iniziative_popolari/`
 
 ### Pattern corretti per path
 

docs/open-graph-images.md

@@ -7,12 +7,15 @@ Il sito genera automaticamente immagini di anteprima personalizzate per ogni ini
 ## Come Funziona
 
 ### 1. Generazione Automatica
+
 - Durante il build, il sistema scarica tutte le iniziative dall'API
 - Per ogni iniziativa viene generata un'immagine PNG di 1200x630px
 - Le immagini vengono salvate in `public/og-images/`
 
 ### 2. Template delle Immagini
+
 Ogni immagine include:
+
 - **Sfondo gradiente** con colori personalizzati
 - **Titolo dell'iniziativa** (max 3 righe)
 - **Badge della categoria** con colore specifico per tipo
@@ -21,6 +24,7 @@ Ogni immagine include:
 - **Elementi decorativi** per un design accattivante
 
 ### 3. Colori per Categoria
+
 ```typescript
 AMBIENTE: #10b981 (verde)
 SALUTE: #ef4444 (rosso)
@@ -33,9 +37,11 @@ TRASPORTI: #84cc16 (lime)
 ```
 
 ### 4. Meta Tag Open Graph
+
 Ogni pagina di iniziativa include:
+
 ```html
-<meta property="og:image" content="https://aborruso.github.io/referendum_astro/og-images/og-[ID].png" />
+<meta property="og:image" content="https://ondata.github.io/referendum_iniziative_popolari/og-images/og-[ID].png" />
 <meta property="og:image:width" content="1200" />
 <meta property="og:image:height" content="630" />
 <meta name="twitter:card" content="summary_large_image" />
@@ -44,15 +50,18 @@ Ogni pagina di iniziativa include:
 ## File Coinvolti
 
 ### Generazione
+
 - `src/lib/og-image-generator.ts` - Libreria principale per creare le immagini
 - `scripts/generate-og-images.js` - Script che genera tutte le immagini
 - `package.json` - Include il comando `npm run generate-og-images`
 
 ### Layout
+
 - `src/layouts/Layout.astro` - Aggiunge i meta tag Open Graph
 - `src/pages/initiative/[id].astro` - Usa l'immagine specifica per iniziativa
 
 ### Deploy
+
 - `.github/workflows/deploy.yml` - Genera le immagini durante il build su GitHub Actions
 
 ## Comandi Utili
@@ -71,28 +80,34 @@ npm run dev
 ## Personalizzazione
 
 ### Modificare i Colori
+
 Modifica la funzione `getCategoryColor()` in `src/lib/og-image-generator.ts`
 
 ### Cambiare il Template
+
 Modifica la variabile `svgTemplate` nella funzione `generateOGImage()`
 
 ### Aggiungere Nuovi Elementi
+
 - Logo/immagini: aggiungile come elementi SVG nel template
 - Testi aggiuntivi: modifica la struttura SVG
 - Effetti grafici: usa pattern SVG o gradienti
 
 ## Risoluzione Problemi
 
 ### Le immagini non vengono generate
+
 1. Controlla che Sharp sia installato: `npm list sharp`
 2. Verifica i permessi di scrittura in `public/og-images/`
 3. Controlla i log del comando: `npm run generate-og-images`
 
 ### URL delle immagini non corretti
+
 - Verifica la configurazione `site` e `base` in `astro.config.mjs`
 - Controlla la funzione `ogImageUrl` in `Layout.astro`
 
 ### Immagini non visibili sui social
+
 - Testa con il [Facebook Sharing Debugger](https://developers.facebook.com/tools/debug/)
 - Usa il [Twitter Card Validator](https://cards-dev.twitter.com/validator)
 - Assicurati che le immagini siano pubblicamente accessibili