► Code for Gaza

Un Piccolo Simbolo di Solidarietà Digitale

Nel nostro mondo di pensatori privilegiati spesso ci troviamo a riflettere su questioni complesse, ma astratte. Tuttavia la realtà ci richiama con forza altrove.

Mentre in un gruppo di discussione ci interrogavamo se fosse etico l’uso dell’intelligenza artificiale nell’arte, i bambini palestinesi, in una realtà ben più dura, usavano pennarelli per scrivere i propri nomi su varie parti del corpo, per rendere riconoscibili i loro resti.

Un pennarello colorato che dovrebbe essere per i bambini un portale per la creatività disegna un orrore che va oltre l’immaginazione. Così è nato Code for Gaza: un banner creato con poche righe di codice che chiunque può inserire nel proprio sito o blog: la bandiera palestinese che pixel dopo pixel si ricostruisce.

Questo codice non include un pulsante diretto a questa pagina, perché vorrei che vivesse di vita propria e si diffondesse come un messaggio di responsabilità collettiva, un invito a prendere posizione e non restare indifferenti.

<div data-pal-flag></div>
<script defer src="https://valeriavito.blog/pal-embed.js"></script>

Se vuoi includere il pulsante “COPY CODE” per contribuire alla diffusione del codice usa questo:

<figure style="max-width:600px;margin:0 auto;text-align:center;">

  <iframe
    src="https://valeriavito.blog/palestine.html"
    title="Palestinian flag"
    loading="lazy"
    style="border:none;width:200px;height:160px;display:block;margin:0 auto 1rem;">
  </iframe>

  <pre id="codeToCopy" style="position:absolute;left:-9999px;">
    [the same code goes here, but will be replaced dynamically]
  </pre>

  <button
    onclick="copyEmbed()"
    style="display:block;margin:0 auto 1rem;padding:0.5rem 1rem;cursor:pointer;">
    COPY CODE
  </button>

  <script>
  function copyEmbed() {
    const code = document.getElementById("codeToCopy").innerText;
    navigator.clipboard.writeText(code).then(() => {
      alert("Code copied! You can now paste it on your site.");
    });
  }
  </script>

</figure>

Il simbolo che ho scelto è semplice, come dovrebbe essere la vita di un bambino.

Code for Gaza – View Source Code

GUIDA

Passo 1 – Copia il codicE

Premi Copy embed code. Il testo è ora negli appunti, pronto da incollare.

Passo 2 – Incolla nel tuo blOG

Piattaforma	Dove incollare
WordPress (editor blocchi)	Aggiungi blocco “HTML personalizzato” → incolla.
Blogger	Editor del post → passa a “HTML” → incolla.
Qualsiasi builder (Wix, Squarespace, ecc.)	Cerca il widget / modulo “HTML” o “Codice incorporato” → incolla.

Passo 3 – Salva e guarda

Pubblica o aggiorna l’articolo ⇒ il banner comparirà dove hai messo il modulo HTML.

Domande

Posso spostarlo? Sì: seleziona, taglia il blocco HTML e incollalo dove vuoi.
Niente moduli HTML? Se il tuo tema non li offre, attiva la “sezione codice” o “widget HTML” dalle impostazioni del tema / layout: ogni piattaforma ne ha uno.

Ecco fatto: copia, incolla, salva — e il banner è online. Abbinalo al tuo pensiero critico.