itziarZG
88b7742291
- Update project cards with honest statuses: Navidrome and n8n+Ollama moved to 'On the roadmap', Open Source marked 'Not started', Visualización Datos Baleares marked 'Migration pending (on Vercel)'. - Remove past-dated Notes post (2 de Junio, 2026 / Próximamente) with never-written content. - Add Cases Tancades as 5th project: open housing diagnostic for Balears crossing INE, Airbnb and Govern Balear HUT registries. - Add self-hosted Umami analytics tracker to all 4 pages with data-domains='www.itziarzameza.dev' to exclude localhost/file:// visits from analytics. - Add RGPD-compliant privacy policy in ES/CA/EN (privacidad.html, privacidad-ca.html, privacidad-en.html) covering controller, data collected, purpose, legal basis, retention, user rights, and explicit no-cookies statement. - Link to privacy policy from footer of all 4 pages.
230 lines
14 KiB
HTML
230 lines
14 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
|
<title>Privacy Policy | Itziar ZG</title>
|
|
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
|
|
<script id="tailwind-config">
|
|
tailwind.config = {
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: "#8c2bee",
|
|
"background-light": "#f7f6f8",
|
|
"background-dark": "#191022",
|
|
},
|
|
fontFamily: {
|
|
display: ["Space Grotesk", "sans-serif"],
|
|
serif: ["Instrument Serif", "serif"],
|
|
},
|
|
borderRadius: {
|
|
DEFAULT: "0.5rem",
|
|
lg: "1rem",
|
|
xl: "1.5rem",
|
|
full: "9999px",
|
|
},
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<link rel="alternate" hreflang="es" href="https://www.itziarzameza.dev/privacidad.html" />
|
|
<link rel="alternate" hreflang="ca" href="https://www.itziarzameza.dev/privacidad-ca.html" />
|
|
<link rel="alternate" hreflang="en" href="https://www.itziarzameza.dev/privacidad-en.html" />
|
|
<link rel="preload" href="fonts/material-symbols-outlined.woff2" as="font" type="font/woff2" crossorigin />
|
|
<link rel="preload" href="fonts/space/space-grotesk-v22-latin-regular.woff2" as="font" type="font/woff2" crossorigin />
|
|
<link rel="stylesheet" href="css/styles.css?v=1.1" />
|
|
<script
|
|
defer
|
|
src="https://stats.itziarzameza.dev/script.js"
|
|
data-website-id="8d8d648f-4a0c-4315-b287-5983ffedc8c4"
|
|
data-domains="www.itziarzameza.dev"
|
|
></script>
|
|
</head>
|
|
<body class="bg-background-light dark:bg-background-dark font-display text-slate-900 dark:text-slate-100 selection:bg-primary/30 transition-colors duration-300">
|
|
<div class="relative min-h-screen overflow-hidden iridescent-bg flex flex-col justify-between">
|
|
<div class="absolute -top-24 -left-24 w-96 h-96 bg-primary/10 fluid-shape blur-3xl opacity-50 pointer-events-none"></div>
|
|
<div class="absolute top-1/2 -right-24 w-80 h-80 bg-pink-300/10 fluid-shape blur-3xl opacity-40 pointer-events-none"></div>
|
|
|
|
<div class="layout-container flex h-full grow flex-col relative z-10">
|
|
<header class="mx-auto w-full max-w-6xl px-6 py-6 flex items-center justify-between">
|
|
<a href="index-en.html" class="flex items-center gap-2 group cursor-pointer">
|
|
<div class="size-10 bg-primary rounded-full flex items-center justify-center text-white shadow-lg shadow-primary/20">
|
|
<span class="material-symbols-outlined text-2xl">auto_awesome</span>
|
|
</div>
|
|
<h2 class="text-xl font-bold tracking-tight font-serif italic text-slate-900 dark:text-white">Itziar ZG</h2>
|
|
</a>
|
|
<nav class="hidden md:flex items-center gap-10 glass px-8 py-3 rounded-full">
|
|
<a class="text-sm font-medium hover:text-primary transition-colors text-slate-700 dark:text-slate-300" href="index-en.html">Home</a>
|
|
<a class="text-sm font-medium hover:text-primary transition-colors text-slate-700 dark:text-slate-300" href="index-en.html#manifiesto">Manifesto</a>
|
|
<a class="text-sm font-medium hover:text-primary transition-colors text-slate-700 dark:text-slate-300" href="index-en.html#laboratorio">Lab</a>
|
|
<a class="text-sm font-medium hover:text-primary transition-colors text-slate-700 dark:text-slate-300" href="huella.html">Footprint</a>
|
|
<a class="text-sm font-medium hover:text-primary transition-colors text-slate-700 dark:text-slate-300" href="#contact">Contact</a>
|
|
</nav>
|
|
<div class="flex items-center gap-3">
|
|
<div class="flex items-center gap-1.5 glass px-3 py-1.5 rounded-full text-xs font-bold">
|
|
<a href="privacidad.html" class="text-slate-600 dark:text-slate-400 hover:text-primary transition-colors" title="Español">ES</a>
|
|
<span class="text-slate-300 dark:text-slate-700">|</span>
|
|
<a href="privacidad-ca.html" class="text-slate-600 dark:text-slate-400 hover:text-primary transition-colors" title="Català">CA</a>
|
|
<span class="text-slate-300 dark:text-slate-700">|</span>
|
|
<span class="text-primary">EN</span>
|
|
</div>
|
|
<button class="size-10 flex items-center justify-center rounded-full glass hover:bg-white/60 dark:hover:bg-white/10 transition-colors" id="theme-toggle" onclick="toggleTheme()" aria-label="Toggle theme">
|
|
<span class="material-symbols-outlined text-xl dark:hidden">dark_mode</span>
|
|
<span class="material-symbols-outlined text-xl hidden dark:block text-yellow-200">light_mode</span>
|
|
</button>
|
|
<a class="bg-primary hover:bg-primary/90 text-white px-6 py-2.5 rounded-full text-sm font-bold transition-all shadow-md shadow-primary/25 flex items-center justify-center" href="index-en.html#contact">
|
|
Let's talk
|
|
</a>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="mx-auto max-w-4xl px-6 py-12 md:py-20 grow">
|
|
<div class="mb-8">
|
|
<a href="index-en.html" class="inline-flex items-center gap-2 text-sm text-slate-500 dark:text-slate-400 hover:text-primary transition-colors">
|
|
<span class="material-symbols-outlined text-sm">arrow_back</span>
|
|
Back to home
|
|
</a>
|
|
</div>
|
|
|
|
<div class="mb-16">
|
|
<h1 class="text-4xl md:text-6xl font-serif italic mb-6 text-slate-900 dark:text-white leading-tight">
|
|
Privacy<br />
|
|
<span class="text-primary not-italic font-display font-black tracking-tighter">Policy</span>
|
|
</h1>
|
|
<p class="text-lg md:text-xl text-slate-600 dark:text-slate-400 leading-relaxed max-w-2xl">
|
|
How data is collected, stored and used on this website, in compliance with the General Data Protection Regulation (GDPR).
|
|
</p>
|
|
<p class="text-xs text-slate-500 dark:text-slate-500 mt-4 italic">
|
|
Last updated: July 21, 2026
|
|
</p>
|
|
</div>
|
|
|
|
<section class="space-y-8 mb-16">
|
|
<article>
|
|
<div class="border-l-4 border-primary pl-6 mb-4">
|
|
<h2 class="text-2xl md:text-3xl font-serif italic dark:text-white">1. Data Controller</h2>
|
|
</div>
|
|
<div class="p-6 glass rounded-2xl border border-white/10 space-y-2 text-slate-700 dark:text-slate-300 leading-relaxed">
|
|
<p><strong>Identity:</strong> Itziar Zameza García</p>
|
|
<p><strong>Contact email:</strong> <a href="mailto:itziar.zameza.dev@gmail.com" class="text-primary hover:underline">itziar.zameza.dev@gmail.com</a></p>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="border-l-4 border-primary pl-6 mb-4">
|
|
<h2 class="text-2xl md:text-3xl font-serif italic dark:text-white">2. What data do we process?</h2>
|
|
</div>
|
|
<div class="p-6 glass rounded-2xl border border-white/10 space-y-3 text-slate-700 dark:text-slate-300 leading-relaxed">
|
|
<p>This site uses <strong>Umami</strong>, an open-source web analytics tool self-hosted on my own server. Data collected includes:</p>
|
|
<ul class="list-disc list-inside space-y-1 ml-4">
|
|
<li>Pages visited and time spent</li>
|
|
<li>IP address (anonymized and truncated by Umami)</li>
|
|
<li>Browser type and operating system (User-Agent)</li>
|
|
<li>Referring website (referrer)</li>
|
|
<li>Country of origin (derived from IP, not at city level)</li>
|
|
</ul>
|
|
<p class="pt-2"><strong>Not collected:</strong> personally identifying data (name, email, phone), no fingerprinting, no cookies of any kind.</p>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="border-l-4 border-primary pl-6 mb-4">
|
|
<h2 class="text-2xl md:text-3xl font-serif italic dark:text-white">3. Purpose</h2>
|
|
</div>
|
|
<div class="p-6 glass rounded-2xl border border-white/10 text-slate-700 dark:text-slate-300 leading-relaxed">
|
|
<p>Data is used exclusively to analyze aggregate website usage and guide content and performance improvements. <strong>No commercial profiles are built</strong> and data is not shared with or sold to third parties.</p>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="border-l-4 border-primary pl-6 mb-4">
|
|
<h2 class="text-2xl md:text-3xl font-serif italic dark:text-white">4. Legal basis</h2>
|
|
</div>
|
|
<div class="p-6 glass rounded-2xl border border-white/10 text-slate-700 dark:text-slate-300 leading-relaxed">
|
|
<p>Processing is based on the <strong>legitimate interest</strong> of the data controller (Article 6.1.f GDPR): understanding actual site usage to improve it. Since no cookies or persistent identifiers are used, prior consent is not required under Spanish law (LSSI-CE).</p>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="border-l-4 border-primary pl-6 mb-4">
|
|
<h2 class="text-2xl md:text-3xl font-serif italic dark:text-white">5. Recipients and transfers</h2>
|
|
</div>
|
|
<div class="p-6 glass rounded-2xl border border-white/10 text-slate-700 dark:text-slate-300 leading-relaxed">
|
|
<p>Data is <strong>not shared with third parties</strong>. All processing occurs on the controller's private server (VPS), located in the European Union. No international transfers are performed.</p>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="border-l-4 border-primary pl-6 mb-4">
|
|
<h2 class="text-2xl md:text-3xl font-serif italic dark:text-white">6. Retention</h2>
|
|
</div>
|
|
<div class="p-6 glass rounded-2xl border border-white/10 text-slate-700 dark:text-slate-300 leading-relaxed">
|
|
<p>Aggregated data is retained for a maximum of <strong>12 months</strong> and then automatically deleted. No user profiles are built.</p>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="border-l-4 border-primary pl-6 mb-4">
|
|
<h2 class="text-2xl md:text-3xl font-serif italic dark:text-white">7. Your rights</h2>
|
|
</div>
|
|
<div class="p-6 glass rounded-2xl border border-white/10 space-y-3 text-slate-700 dark:text-slate-300 leading-relaxed">
|
|
<p>You can exercise your GDPR rights at any time:</p>
|
|
<ul class="list-disc list-inside space-y-1 ml-4">
|
|
<li><strong>Access</strong> — know what data I have about you</li>
|
|
<li><strong>Rectification</strong> — correct inaccurate data</li>
|
|
<li><strong>Erasure</strong> — request deletion</li>
|
|
<li><strong>Objection</strong> — object to processing</li>
|
|
<li><strong>Restriction</strong> — restrict processing</li>
|
|
<li><strong>Portability</strong> — receive your data in a standard format</li>
|
|
</ul>
|
|
<p>To exercise them, write to <a href="mailto:itziar.zameza.dev@gmail.com" class="text-primary hover:underline">itziar.zameza.dev@gmail.com</a>.</p>
|
|
<p class="pt-2">You may also lodge a complaint with the supervisory authority:</p>
|
|
<ul class="list-disc list-inside space-y-1 ml-4">
|
|
<li>Spain — <a href="https://www.aepd.es" target="_blank" rel="noopener noreferrer" class="text-primary hover:underline">Spanish Data Protection Agency (AEPD)</a></li>
|
|
<li>Catalonia — <a href="https://apdcat.gencat.cat" target="_blank" rel="noopener noreferrer" class="text-primary hover:underline">Catalan Data Protection Authority (APDCAT)</a></li>
|
|
</ul>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="border-l-4 border-emerald-500 pl-6 mb-4">
|
|
<h2 class="text-2xl md:text-3xl font-serif italic dark:text-white">8. Cookies</h2>
|
|
</div>
|
|
<div class="p-6 bg-emerald-500/10 border border-emerald-500/20 rounded-2xl text-slate-700 dark:text-slate-300 leading-relaxed flex items-start gap-3">
|
|
<span class="material-symbols-outlined text-emerald-500 mt-1 shrink-0">verified</span>
|
|
<p><strong>This website does not use any cookies</strong> (neither first-party nor third-party). The analytics system (Umami) is cookieless by design.</p>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="border-l-4 border-primary pl-6 mb-4">
|
|
<h2 class="text-2xl md:text-3xl font-serif italic dark:text-white">9. Changes to this policy</h2>
|
|
</div>
|
|
<div class="p-6 glass rounded-2xl border border-white/10 text-slate-700 dark:text-slate-300 leading-relaxed">
|
|
<p>This policy may be updated to reflect legal or technical changes. The date of the last update is shown at the top of the document.</p>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="pb-12" id="contact">
|
|
<div class="mx-auto max-w-6xl px-6">
|
|
<div class="mt-16 flex flex-col md:flex-row justify-between items-center gap-6 text-slate-400 dark:text-slate-500 text-sm">
|
|
<p>© 2026 Itziar ZG.</p>
|
|
<div class="flex gap-8">
|
|
<a class="hover:text-primary transition-colors text-slate-600 dark:text-slate-400" href="https://www.linkedin.com/in/itziarzamezagarcia">LinkedIn</a>
|
|
<a class="hover:text-primary transition-colors text-slate-600 dark:text-slate-400" href="https://github.com/itziarZG">GitHub</a>
|
|
<a class="hover:text-primary transition-colors text-slate-600 dark:text-slate-400" href="privacidad-en.html">Privacy</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|