234 lines
18 KiB
HTML
234 lines
18 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>
|
|
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
|
|
<meta
|
|
name="description"
|
|
content="Itziar ZG privacy policy: cookieless analytics, processed data, GDPR rights and data protection measures."
|
|
/>
|
|
<meta name="robots" content="index, follow" />
|
|
<link rel="canonical" href="https://www.itziarzameza.dev/privacidad-en.html" />
|
|
<meta name="theme-color" content="#f7f6f8" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:locale" content="en_GB" />
|
|
<meta property="og:title" content="Privacy policy | Itziar ZG" />
|
|
<meta property="og:description" content="Information about data processing and GDPR rights on this website." />
|
|
<meta property="og:url" content="https://www.itziarzameza.dev/privacidad-en.html" />
|
|
<link rel="preload" href="css/styles.css" as="style" />
|
|
<link rel="preload" href="fonts/space/space-grotesk-v22-latin-regular.woff2" as="font" type="font/woff2" crossorigin />
|
|
<link rel="preload" href="fonts/space/space-grotesk-v22-latin-700.woff2" as="font" type="font/woff2" crossorigin />
|
|
<link rel="preload" href="fonts/instrument/instrument-serif-v5-latin-italic.woff2" as="font" type="font/woff2" crossorigin />
|
|
<link rel="preload" href="fonts/instrument/instrument-serif-v5-latin-regular.woff2" as="font" type="font/woff2" crossorigin />
|
|
<link rel="stylesheet" href="css/styles.css" />
|
|
<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="alternate" hreflang="x-default" href="https://www.itziarzameza.dev/privacidad.html" />
|
|
<script>
|
|
window.addEventListener("load", function () {
|
|
var load = function () {
|
|
var s = document.createElement("script");
|
|
s.defer = true;
|
|
s.src = "https://stats.itziarzameza.dev/script.js";
|
|
s.setAttribute("data-website-id", "8d8d648f-4a0c-4315-b287-5983ffedc8c4");
|
|
s.setAttribute("data-domains", "www.itziarzameza.dev");
|
|
document.body.appendChild(s);
|
|
};
|
|
if ("requestIdleCallback" in window) {
|
|
requestIdleCallback(load, { timeout: 2000 });
|
|
} else {
|
|
setTimeout(load, 1500);
|
|
}
|
|
});
|
|
</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">
|
|
<a class="skip-link" href="#main-content">Skip to main content</a>
|
|
<div class="relative min-h-screen overflow-hidden iridescent-bg flex flex-col justify-between">
|
|
<div aria-hidden="true" class="absolute -top-24 -left-24 w-96 h-96 bg-primary/10 fluid-shape blur-3xl opacity-50 pointer-events-none"></div>
|
|
<div aria-hidden="true" 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">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960" fill="currentColor" class="icon text-2xl" aria-hidden="true"><path d="M760 600 710 710 600 760 710 810 760 920 810 810 920 760 810 710ZM760 40 710 150 600 200 710 250 760 360 810 250 920 200 810 150ZM360 160 260 380 40 480 260 580 360 800 460 580 680 480 460 380ZM360 354 400 440 486 480 400 520 360 606 320 520 234 480 320 440ZM360 480Z"/></svg>
|
|
</div>
|
|
<h2 class="text-xl font-bold tracking-tight font-serif italic text-slate-900 dark:text-white">Itziar ZG</h2>
|
|
</a>
|
|
<nav aria-label="Main navigation" 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">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960" fill="currentColor" class="icon text-xl dark:hidden" aria-hidden="true"><path d="M480 120Q330 120 225.0 225.0Q120 330 120 480Q120 630 225.0 735.0Q330 840 480 840Q494 840 507.5 839.0Q521 838 534 836Q493 807 468.5 760.5Q444 714 444 660Q444 570 507.0 507.0Q570 444 660 444Q715 444 761.0 468.5Q807 493 836 534Q838 521 839.0 507.5Q840 494 840 480Q840 330 735.0 225.0Q630 120 480 120ZM480 200Q568 200 638.0 248.5Q708 297 740 375Q720 370 700.0 367.0Q680 364 660 364Q537 364 450.5 450.5Q364 537 364 660Q364 680 367.0 700.0Q370 720 375 740Q297 708 248.5 638.0Q200 568 200 480Q200 364 282.0 282.0Q364 200 480 200ZM470 470Q470 470 470.0 470.0Q470 470 470 470Q470 470 470.0 470.0Q470 470 470 470Q470 470 470.0 470.0Q470 470 470 470Q470 470 470.0 470.0Q470 470 470 470Q470 470 470.0 470.0Q470 470 470 470Q470 470 470.0 470.0Q470 470 470 470Z"/></svg>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960" fill="currentColor" class="icon text-xl hidden dark:block text-yellow-200" aria-hidden="true"><path d="M480.0 360.0Q530 360 565.0 395.0Q600 430 600.0 480.0Q600 530 565.0 565.0Q530 600 480.0 600.0Q430 600 395.0 565.0Q360 530 360.0 480.0Q360 430 395.0 395.0Q430 360 480.0 360.0ZM480.0 280.0Q397 280 338.5 338.5Q280 397 280.0 480.0Q280 563 338.5 621.5Q397 680 480.0 680.0Q563 680 621.5 621.5Q680 563 680.0 480.0Q680 397 621.5 338.5Q563 280 480.0 280.0ZM200 440H40V520H200ZM920 440H760V520H920ZM440 760V920H520V760ZM440 40V200H520V40ZM256 650 155 747 212 806 308 706ZM748 154 651 255 704 310 805 213ZM650 704 747 805 806 748 706 652ZM154 212 255 309 310 256 213 155ZM480.0 480.0Q480 480 480.0 480.0Q480 480 480.0 480.0Q480 480 480.0 480.0Q480 480 480.0 480.0Q480 480 480.0 480.0Q480 480 480.0 480.0Q480 480 480.0 480.0Q480 480 480.0 480.0Z"/></svg>
|
|
</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 id="main-content" 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">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960" fill="currentColor" class="icon text-sm" aria-hidden="true"><path d="M313 440 537 216 480 160 160 480 480 800 537 744 313 520H800V440Z"/></svg>
|
|
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">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960" fill="currentColor" class="icon text-emerald-500 mt-1 shrink-0" aria-hidden="true"><path d="M344 60 268 188 124 220 138 368 40 480 138 592 124 740 268 772 344 900 480 842 616 900 692 772 836 740 822 592 920 480 822 368 836 220 692 188 616 60 480 118ZM378 162 480 206 584 162 640 258 750 284 740 396 814 480 740 566 750 678 640 702 582 798 480 754 376 798 320 702 210 678 220 566 146 480 220 396 210 282 320 258ZM480 480ZM438 338 664 564 608 622 438 452 352 536 296 480Z"/></svg>
|
|
<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 defer src="js/main.js"></script>
|
|
</body>
|
|
</html>
|