-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathprivacy.html
More file actions
346 lines (326 loc) · 16.7 KB
/
privacy.html
File metadata and controls
346 lines (326 loc) · 16.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Privacy Policy & Cookie — SegnalaOra</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,300;0,400;0,600;0,700;1,300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"/>
<link rel="stylesheet" href="css/app.css">
<link rel="shortcut icon" href="img/favicon.ico"/>
<link rel="icon" href="img/favicon.png" type="image/png"/>
<script src="js/theme.js"></script>
</head>
<body class="page-info">
<div class="demo-banner"><i class="fa-solid fa-flask"></i> Web App Demo by <a href="https://opendatasicilia.it" target="_blank" rel="noopener">@opendatasicilia</a><button class="demo-banner-close" onclick="this.parentElement.style.display='none'" title="Chiudi"><i class="fa-solid fa-xmark"></i></button></div>
<header>
<div class="logo-mark"><i class="fa-solid fa-shield-halved"></i></div>
<div>
<h1>SegnalaOra</h1>
<p>Privacy Policy & Cookie</p>
</div>
<div class="header-actions">
<button class="btn-theme" id="themeToggle" onclick="toggleTheme()" title="Tema">
<i class="fa-solid fa-moon"></i>
</button>
</div>
</header>
<main>
<section class="info-section">
<p style="font-size:0.8rem;color:var(--ink);opacity:0.6">Ultimo aggiornamento: marzo 2026</p>
<p>
La presente informativa descrive le modalità di trattamento dei dati personali degli utenti
che utilizzano <strong>SegnalaOra</strong>, applicazione web per la segnalazione civica di problemi del territorio,
in conformità al <strong>Regolamento UE 2016/679 (GDPR)</strong> e al
<strong>D.Lgs. 196/2003 (Codice Privacy)</strong> come modificato dal D.Lgs. 101/2018.
</p>
</section>
<!-- 1. TITOLARE -->
<section class="info-section">
<h2><i class="fa-solid fa-building"></i> 1. Titolare del trattamento</h2>
<p>
Il titolare del trattamento dei dati è il soggetto che ha attivato e gestisce l'istanza di
SegnalaOra per il proprio territorio (di seguito "Ente" o "PA").
L'identità del titolare è indicata nell'email di conferma ricevuta al momento della segnalazione.
</p>
<p>
Il progetto <strong>SegnalaOra</strong> è sviluppato come software open source da
<a href="https://opendatasicilia.it" target="_blank" rel="noopener">OpenDataSicilia</a>.
Il codice sorgente è disponibile su GitHub con licenza CC BY 4.0.
</p>
</section>
<!-- 2. DATI RACCOLTI -->
<section class="info-section">
<h2><i class="fa-solid fa-database"></i> 2. Dati personali raccolti</h2>
<p>Tramite il modulo di segnalazione vengono raccolti i seguenti dati:</p>
<div style="overflow-x:auto">
<table style="width:100%;border-collapse:collapse;font-size:0.88rem;margin-top:0.75rem">
<thead>
<tr style="background:var(--amber);color:#fff">
<th style="padding:0.5rem 0.75rem;text-align:left;border-radius:8px 0 0 0">Dato</th>
<th style="padding:0.5rem 0.75rem;text-align:left">Finalità</th>
<th style="padding:0.5rem 0.75rem;text-align:left;border-radius:0 8px 0 0">Base giuridica</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom:1px solid rgba(26,18,8,0.08)">
<td style="padding:0.5rem 0.75rem"><strong>Nome e cognome</strong></td>
<td style="padding:0.5rem 0.75rem">Identificazione del segnalante per la comunicazione con la PA</td>
<td style="padding:0.5rem 0.75rem">Consenso (Art. 6.1.a GDPR)</td>
</tr>
<tr style="border-bottom:1px solid rgba(26,18,8,0.08)">
<td style="padding:0.5rem 0.75rem"><strong>Indirizzo email</strong></td>
<td style="padding:0.5rem 0.75rem">Invio conferma ricezione, aggiornamenti sullo stato, codice di risoluzione</td>
<td style="padding:0.5rem 0.75rem">Consenso (Art. 6.1.a GDPR)</td>
</tr>
<tr style="border-bottom:1px solid rgba(26,18,8,0.08)">
<td style="padding:0.5rem 0.75rem"><strong>Posizione geografica</strong><br><small>(coordinate GPS)</small></td>
<td style="padding:0.5rem 0.75rem">Geolocalizzazione del problema segnalato sulla mappa pubblica</td>
<td style="padding:0.5rem 0.75rem">Consenso (Art. 6.1.a GDPR)</td>
</tr>
<tr style="border-bottom:1px solid rgba(26,18,8,0.08)">
<td style="padding:0.5rem 0.75rem"><strong>Fotografie</strong></td>
<td style="padding:0.5rem 0.75rem">Documentazione visiva del problema; metadati EXIF per estrazione GPS</td>
<td style="padding:0.5rem 0.75rem">Consenso (Art. 6.1.a GDPR)</td>
</tr>
<tr>
<td style="padding:0.5rem 0.75rem"><strong>Descrizione testuale</strong></td>
<td style="padding:0.5rem 0.75rem">Dettaglio del problema segnalato</td>
<td style="padding:0.5rem 0.75rem">Consenso (Art. 6.1.a GDPR)</td>
</tr>
</tbody>
</table>
</div>
<p style="margin-top:0.75rem">
<strong>Nota sulle fotografie:</strong> le immagini caricate vengono ridimensionate a 1280 px lato lungo
prima dell'invio. I dati EXIF vengono utilizzati esclusivamente per estrarre le coordinate GPS;
non vengono trasmessi a terze parti.
</p>
</section>
<!-- 3. DOVE SONO ARCHIVIATI -->
<section class="info-section">
<h2><i class="fa-solid fa-cloud"></i> 3. Dove sono archiviati i dati</h2>
<p>I dati inseriti nel modulo vengono trasmessi e archiviati nei seguenti sistemi:</p>
<ul style="margin:0.5rem 0 0 1.25rem;line-height:1.8">
<li>
<strong>Google Sheets</strong> (Google LLC, USA) — foglio di calcolo condiviso con la PA destinataria.
Google LLC aderisce al Data Privacy Framework EU-USA.
<a href="https://policies.google.com/privacy" target="_blank" rel="noopener">Privacy Policy Google</a>
</li>
<li>
<strong>GitHub Pages</strong> (Microsoft Corp., USA) — hosting del sito e archivio immagini allegate.
Microsoft aderisce al Data Privacy Framework EU-USA.
<a href="https://docs.github.com/en/site-policy/privacy-policies/github-general-privacy-statement" target="_blank" rel="noopener">Privacy Policy GitHub</a>
</li>
<li>
<strong>Google Apps Script</strong> — web app intermediaria per la ricezione e l'inoltro dei dati.
Nessun dato viene conservato su Apps Script oltre il tempo necessario all'elaborazione della richiesta.
</li>
</ul>
<p style="margin-top:0.75rem">
Le email di notifica sono inviate tramite il servizio <strong>Gmail</strong> dell'account Google
associato al foglio di calcolo della PA.
</p>
</section>
<!-- 4. DATI PUBBLICI SULLA MAPPA -->
<section class="info-section">
<h2><i class="fa-solid fa-map-location-dot"></i> 4. Dati visibili pubblicamente</h2>
<p>
Le seguenti informazioni relative alle segnalazioni sono visibili pubblicamente sulla mappa e
nelle statistiche di <strong>SegnalaOra</strong>:
</p>
<ul style="margin:0.5rem 0 0 1.25rem;line-height:1.8">
<li>Categoria e descrizione del problema</li>
<li>Indirizzo approssimativo e coordinate geografiche</li>
<li>Data e ora della segnalazione</li>
<li>Fotografie allegate</li>
<li>Stato della segnalazione (Nuova / In lavorazione / Risolta)</li>
</ul>
<p style="margin-top:0.75rem">
<strong>Non vengono resi pubblici:</strong> nome, cognome, indirizzo email, numero di telefono
o qualsiasi altro dato direttamente identificativo del segnalante.
</p>
</section>
<!-- 5. CONSERVAZIONE -->
<section class="info-section">
<h2><i class="fa-solid fa-clock-rotate-left"></i> 5. Periodo di conservazione</h2>
<p>
I dati vengono conservati nel foglio Google Sheets della PA per il tempo necessario alla gestione
della segnalazione e per finalità di archivio pubblico, salvo diversa indicazione del titolare.
La PA destinataria è responsabile della definizione dei tempi di conservazione nel rispetto
della normativa vigente.
</p>
<p>
I dati salvati localmente sul dispositivo dell'utente (localStorage) rimangono sul dispositivo
fino a quando l'utente non li cancella dalla pagina "Le mie segnalazioni".
</p>
</section>
<!-- 6. DIRITTI DELL'INTERESSATO -->
<section class="info-section">
<h2><i class="fa-solid fa-scale-balanced"></i> 6. Diritti dell'interessato</h2>
<p>Ai sensi degli artt. 15–22 GDPR, l'utente ha il diritto di:</p>
<ul style="margin:0.5rem 0 0 1.25rem;line-height:1.8">
<li><strong>Accesso</strong> — ottenere conferma che siano trattati dati che lo riguardano e una copia degli stessi</li>
<li><strong>Rettifica</strong> — ottenere la correzione di dati inesatti o incompleti</li>
<li><strong>Cancellazione ("diritto all'oblio")</strong> — ottenere la cancellazione dei propri dati</li>
<li><strong>Limitazione</strong> — ottenere la limitazione del trattamento in determinati casi</li>
<li><strong>Portabilità</strong> — ricevere i propri dati in formato strutturato e leggibile da macchina</li>
<li><strong>Opposizione</strong> — opporsi al trattamento in qualsiasi momento</li>
<li><strong>Revoca del consenso</strong> — revocare il consenso prestato in qualsiasi momento</li>
</ul>
<p style="margin-top:0.75rem">
Per esercitare i propri diritti, l'utente deve contattare il titolare del trattamento (la PA
destinataria della segnalazione) tramite i recapiti indicati nell'email di conferma ricevuta.
</p>
<p>
È inoltre possibile proporre reclamo al <strong>Garante per la protezione dei dati personali</strong>
(<a href="https://www.garanteprivacy.it" target="_blank" rel="noopener">www.garanteprivacy.it</a>).
</p>
</section>
<!-- 7. COOKIE POLICY -->
<section class="info-section">
<h2><i class="fa-solid fa-cookie-bite"></i> 7. Cookie & Archiviazione locale</h2>
<h3 style="margin:1rem 0 0.5rem;font-size:1rem">Cookie tecnici e di funzionamento</h3>
<p>
SegnalaOra non utilizza cookie propri di profilazione. Il sito utilizza esclusivamente:
</p>
<div style="overflow-x:auto">
<table style="width:100%;border-collapse:collapse;font-size:0.85rem;margin-top:0.5rem">
<thead>
<tr style="background:var(--sage);color:#fff">
<th style="padding:0.5rem 0.75rem;text-align:left;border-radius:8px 0 0 0">Nome</th>
<th style="padding:0.5rem 0.75rem;text-align:left">Tipo</th>
<th style="padding:0.5rem 0.75rem;text-align:left">Scopo</th>
<th style="padding:0.5rem 0.75rem;text-align:left;border-radius:0 8px 0 0">Durata</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom:1px solid rgba(26,18,8,0.08)">
<td style="padding:0.5rem 0.75rem"><code>segnalaora_profilo</code></td>
<td style="padding:0.5rem 0.75rem">localStorage</td>
<td style="padding:0.5rem 0.75rem">Salva le segnalazioni inviate dal dispositivo per il profilo utente</td>
<td style="padding:0.5rem 0.75rem">Fino alla cancellazione manuale</td>
</tr>
<tr style="border-bottom:1px solid rgba(26,18,8,0.08)">
<td style="padding:0.5rem 0.75rem"><code>segnalaora_email</code></td>
<td style="padding:0.5rem 0.75rem">localStorage</td>
<td style="padding:0.5rem 0.75rem">Memorizza l'email per sincronizzare automaticamente le segnalazioni</td>
<td style="padding:0.5rem 0.75rem">Fino alla cancellazione manuale</td>
</tr>
<tr style="border-bottom:1px solid rgba(26,18,8,0.08)">
<td style="padding:0.5rem 0.75rem"><code>segnalaora_theme</code></td>
<td style="padding:0.5rem 0.75rem">localStorage</td>
<td style="padding:0.5rem 0.75rem">Memorizza la preferenza del tema chiaro/scuro</td>
<td style="padding:0.5rem 0.75rem">Fino alla cancellazione manuale</td>
</tr>
<tr>
<td style="padding:0.5rem 0.75rem"><code>segnalaora_cookie_consent</code></td>
<td style="padding:0.5rem 0.75rem">localStorage</td>
<td style="padding:0.5rem 0.75rem">Registra la scelta dell'utente riguardo ai cookie analitici</td>
<td style="padding:0.5rem 0.75rem">Fino alla cancellazione manuale</td>
</tr>
</tbody>
</table>
</div>
<h3 style="margin:1.25rem 0 0.5rem;font-size:1rem">Cookie analitici (con consenso)</h3>
<p>
Previo esplicito consenso, il sito utilizza <strong>Google Analytics</strong>
(Google LLC) per raccogliere statistiche anonime sull'utilizzo del sito
(pagine visitate, durata della visita, dispositivo). L'IP viene anonimizzato.
Nessun dato viene condiviso con terze parti a scopo di profilazione commerciale.
</p>
<p>
Puoi modificare in qualsiasi momento la tua scelta sui cookie analitici:
</p>
<div style="display:flex;gap:0.75rem;flex-wrap:wrap;margin-top:0.5rem">
<button onclick="cookieAccept()" class="btn-next"
style="margin:0;padding:0.55rem 1.25rem;font-size:0.88rem">
<i class="fa-solid fa-circle-check"></i> Accetta cookie analitici
</button>
<button onclick="cookieRefuse()"
style="padding:0.55rem 1.25rem;font-size:0.88rem;border-radius:12px;border:1.5px solid rgba(26,18,8,0.2);background:transparent;cursor:pointer;font-family:'Titillium Web',sans-serif;color:var(--ink)">
<i class="fa-solid fa-ban"></i> Rifiuta cookie analitici
</button>
</div>
<h3 style="margin:1.25rem 0 0.5rem;font-size:1rem">Google Fonts</h3>
<p>
Il sito carica caratteri tipografici tramite <strong>Google Fonts</strong> (Google LLC).
Questa operazione comporta la trasmissione dell'indirizzo IP del dispositivo ai server di Google
al solo scopo di fornire i font. Google dichiara di non archiviare questi dati.
<a href="https://developers.google.com/fonts/faq/privacy" target="_blank" rel="noopener">Informativa Google Fonts</a>.
</p>
</section>
<!-- 8. MINORI -->
<section class="info-section">
<h2><i class="fa-solid fa-child"></i> 8. Minori</h2>
<p>
SegnalaOra non è destinato a minori di 16 anni. Non raccogliamo consapevolmente dati
personali di minori. Se sei un genitore o tutore e ritieni che tuo figlio abbia fornito
dati personali, contatta il titolare del trattamento per la cancellazione.
</p>
</section>
<!-- 9. MODIFICHE -->
<section class="info-section">
<h2><i class="fa-solid fa-pen-to-square"></i> 9. Modifiche alla presente informativa</h2>
<p>
La presente informativa può essere aggiornata periodicamente. Le modifiche sostanziali
saranno comunicate agli utenti tramite avviso nella pagina principale del sito.
L'utilizzo continuato del servizio successivo all'aggiornamento implica l'accettazione
della nuova informativa.
</p>
</section>
<!-- LINK -->
<section class="info-section info-section--links">
<div class="info-links">
<a href="index.html" class="info-link-card">
<i class="fa-solid fa-arrow-left"></i>
<span>Torna all'app</span>
</a>
<a href="info.html" class="info-link-card">
<i class="fa-solid fa-circle-info"></i>
<span>Informazioni</span>
</a>
</div>
</section>
</main>
<!-- BOTTOM NAV -->
<nav class="bottom-nav">
<a class="bnav-item" href="index.html">
<i class="fa-solid fa-camera"></i>
<span>Segnala</span>
</a>
<a class="bnav-item" href="mappa.html">
<i class="fa-solid fa-map-location-dot"></i>
<span>Mappa</span>
</a>
<a class="bnav-item" href="statistiche.html">
<i class="fa-solid fa-chart-simple"></i>
<span>Statistiche</span>
</a>
<a class="bnav-item" href="profilo.html">
<i class="fa-solid fa-user"></i>
<span>Profilo</span>
</a>
<a class="bnav-item" href="info.html">
<i class="fa-solid fa-circle-info"></i>
<span>Info</span>
</a>
</nav>
<!-- Cookie Banner -->
<div id="cookieBanner" class="cookie-banner" style="display:none">
<div class="cookie-banner__content">
<p>
<i class="fa-solid fa-cookie-bite"></i>
Utilizziamo cookie analitici (Google Analytics) per migliorare il sito.
Leggi la nostra <a href="privacy.html">Privacy Policy</a>.
</p>
<div class="cookie-banner__actions">
<button class="cookie-btn cookie-btn--accept" onclick="cookieAccept()">Accetta</button>
<button class="cookie-btn cookie-btn--refuse" onclick="cookieRefuse()">Rifiuta</button>
</div>
</div>
</div>
<script src="js/cookie-consent.js"></script>
</body>
</html>