614d5af397
- Move repo to project root to include both public/ and api/ - Add .gitignore excluding node_modules and .env - Include API routes (erase, gmail_oauth), services (mailer), and config Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
498 lines
21 KiB
HTML
498 lines
21 KiB
HTML
<!doctype html>
|
||
<html lang="es">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>RESETEA.NET · Reduce tu huella digital</title>
|
||
<meta name="description"
|
||
content="Panel para eliminar cuentas y desindexar datos personales en redes sociales, buscadores y data brokers. Sin guardar información. Enlace oficiales y textos GDPR.">
|
||
<link rel="stylesheet" href="index.css">
|
||
<style>
|
||
.item .step-tag {
|
||
display: inline-block;
|
||
margin-left: 0.5rem;
|
||
padding: 0.1rem 0.4rem;
|
||
font-size: 0.68rem;
|
||
border-radius: 4px;
|
||
font-weight: 700;
|
||
letter-spacing: 0.04em;
|
||
vertical-align: middle;
|
||
}
|
||
.tag-first { background: rgba(255,61,0,0.15); color: var(--accent); border: 1px solid rgba(255,61,0,0.3); }
|
||
.tag-before { background: rgba(57,255,20,0.1); color: var(--neon); border: 1px solid rgba(57,255,20,0.2); }
|
||
.progress-bar {
|
||
width: 100%;
|
||
height: 4px;
|
||
background: var(--border);
|
||
border-radius: 2px;
|
||
margin: 1.5rem 0 0.3rem;
|
||
overflow: hidden;
|
||
}
|
||
.progress-fill {
|
||
height: 100%;
|
||
background: var(--accent);
|
||
border-radius: 2px;
|
||
transition: width 300ms ease;
|
||
}
|
||
.progress-label {
|
||
font-size: 0.75rem;
|
||
color: var(--muted);
|
||
text-align: right;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<header class="topbar">
|
||
<div class="container topbar-inner">
|
||
<div class="brand">
|
||
<div class="brand-logo">R</div>
|
||
<div class="brand-text">
|
||
<div class="brand-name">RESETEA<span>.NET</span></div>
|
||
<div class="brand-tag">Privacidad sin custodios</div>
|
||
</div>
|
||
</div>
|
||
<nav class="nav" aria-label="Navegación principal">
|
||
<a class="nav-btn" href="tipos.html">Tipos de información</a>
|
||
<a class="nav-btn" href="concienciacion.html">Concienciación</a>
|
||
<a class="nav-btn nav-btn--primary" href="index.html">Resetea</a>
|
||
<a class="nav-btn" href="egosurfing.html">Egosurfing</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
|
||
<section class="hero">
|
||
<div class="container hero-inner">
|
||
<div class="hero-text">
|
||
<h1>Reduce tu huella digital.<br>Sin entregar tus datos.</h1>
|
||
<p>
|
||
RESETEA.NET centraliza los <strong>enlaces oficiales de eliminación</strong> de las
|
||
principales plataformas junto con <strong>plantillas GDPR listas para copiar</strong>.
|
||
Tú ejecutas cada acción: nosotros no actuamos en tu nombre.
|
||
</p>
|
||
<div class="hero-actions">
|
||
<a class="btn primary" href="#panel">Abrir panel</a>
|
||
<a class="btn ghost" href="plantillas.html">Generar carta GDPR</a>
|
||
</div>
|
||
<div class="notice">
|
||
<strong>Principio clave:</strong><br>
|
||
No guardamos información personal, no pedimos contraseñas
|
||
y no actuamos en tu nombre. Tú ejecutas cada acción.
|
||
<br><br>
|
||
<strong>Orden recomendado:</strong> (1) descarga tus datos, (2) envía carta GDPR, (3) elimina la cuenta, (4) desindexar en buscadores.
|
||
</div>
|
||
</div>
|
||
<div class="hero-card">
|
||
<div class="stats">
|
||
<div class="stat"><div class="stat-num">0</div><div class="stat-label">Datos guardados</div></div>
|
||
<div class="stat"><div class="stat-num">100%</div><div class="stat-label">Acciones oficiales</div></div>
|
||
<div class="stat"><div class="stat-num">∞</div><div class="stat-label">Control del usuario</div></div>
|
||
</div>
|
||
<ul class="steps">
|
||
<li><span>1</span> Elige qué borrar</li>
|
||
<li><span>2</span> Abre el enlace oficial</li>
|
||
<li><span>3</span> Confirma manualmente</li>
|
||
</ul>
|
||
<div class="progress-bar"><div class="progress-fill" id="progress-fill" style="width:0%"></div></div>
|
||
<div class="progress-label"><span id="progress-text">0 acciones completadas</span></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ══════════════════════════════════════════
|
||
PANEL DE ACCIONES
|
||
════════════════════════════════════════════ -->
|
||
<section id="panel" class="panel">
|
||
<div class="container">
|
||
<h2>Panel de acciones</h2>
|
||
<p class="section-desc">
|
||
Marca cada acción completada para seguir tu progreso. Todos los enlaces apuntan a páginas oficiales.
|
||
Recuerda: <strong>descarga primero tus datos</strong> antes de eliminar nada.
|
||
</p>
|
||
|
||
<div class="grid">
|
||
|
||
<!-- ── CUENTAS BASE ── -->
|
||
<div class="group">
|
||
<h3>Cuentas base</h3>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Google</label>
|
||
<div class="actions">
|
||
<a href="https://myaccount.google.com/data-and-privacy" target="_blank" rel="noopener">Descarga datos</a>
|
||
<a href="https://myaccount.google.com/delete-services-or-account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Microsoft / Outlook</label>
|
||
<div class="actions">
|
||
<a href="https://account.microsoft.com/account/privacy" target="_blank" rel="noopener">Privacidad</a>
|
||
<a href="https://account.live.com/closeaccount.aspx" target="_blank" rel="noopener">Cerrar cuenta</a>
|
||
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Apple ID</label>
|
||
<div class="actions">
|
||
<a href="https://privacy.apple.com/" target="_blank" rel="noopener">Portal privacidad</a>
|
||
<a href="https://support.apple.com/es-es/111001" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Amazon</label>
|
||
<div class="actions">
|
||
<a href="https://www.amazon.es/gp/help/customer/display.html?nodeId=GX7NJQ4ZB8MHFRNJ" target="_blank" rel="noopener">Política privacidad</a>
|
||
<a href="https://www.amazon.es/gp/help/customer/display.html?nodeId=GXPU3YPMBDQWWHGZ" target="_blank" rel="noopener">Cerrar cuenta</a>
|
||
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ── REDES SOCIALES ── -->
|
||
<div class="group">
|
||
<h3>Redes sociales</h3>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Instagram</label>
|
||
<div class="actions">
|
||
<a href="https://www.instagram.com/download/request/" target="_blank" rel="noopener">Descarga datos</a>
|
||
<a href="https://www.instagram.com/accounts/remove/request/permanent/" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Facebook</label>
|
||
<div class="actions">
|
||
<a href="https://www.facebook.com/dyi/" target="_blank" rel="noopener">Descarga datos</a>
|
||
<a href="https://www.facebook.com/help/delete_account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> X / Twitter</label>
|
||
<div class="actions">
|
||
<a href="https://x.com/settings/download_your_data" target="_blank" rel="noopener">Descarga datos</a>
|
||
<a href="https://x.com/settings/deactivate" target="_blank" rel="noopener">Desactivar cuenta</a>
|
||
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> LinkedIn</label>
|
||
<div class="actions">
|
||
<a href="https://www.linkedin.com/mypreferences/d/data-export" target="_blank" rel="noopener">Descarga datos</a>
|
||
<a href="https://www.linkedin.com/mypreferences/d/close-your-account" target="_blank" rel="noopener">Cerrar cuenta</a>
|
||
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> TikTok</label>
|
||
<div class="actions">
|
||
<a href="https://www.tiktok.com/setting/privacy?settingPage=privacy" target="_blank" rel="noopener">Privacidad</a>
|
||
<a href="https://support.tiktok.com/es/safety-hic/account-and-user-safety/account-deletion" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Snapchat</label>
|
||
<div class="actions">
|
||
<a href="https://accounts.snapchat.com/accounts/downloadmydata" target="_blank" rel="noopener">Descarga datos</a>
|
||
<a href="https://accounts.snapchat.com/accounts/delete_account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Pinterest</label>
|
||
<div class="actions">
|
||
<a href="https://www.pinterest.es/settings/privacy/" target="_blank" rel="noopener">Privacidad</a>
|
||
<a href="https://help.pinterest.com/es/article/deactivate-or-close-your-account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Reddit</label>
|
||
<div class="actions">
|
||
<a href="https://www.reddit.com/settings/data-request" target="_blank" rel="noopener">Descarga datos</a>
|
||
<a href="https://www.reddit.com/settings/account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Discord</label>
|
||
<div class="actions">
|
||
<a href="https://discord.com/privacy" target="_blank" rel="noopener">Privacidad</a>
|
||
<a href="https://support.discord.com/hc/es/articles/212500837" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ── MENSAJERÍA ── -->
|
||
<div class="group">
|
||
<h3>Mensajería</h3>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> WhatsApp</label>
|
||
<div class="actions">
|
||
<a href="https://faq.whatsapp.com/1180414079177245" target="_blank" rel="noopener">Solicitar datos</a>
|
||
<a href="https://faq.whatsapp.com/1306557496340600" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Telegram</label>
|
||
<div class="actions">
|
||
<a href="https://my.telegram.org/auth" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||
<a href="https://telegram.org/privacy" target="_blank" rel="noopener">Política privacidad</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Gmail (correo)</label>
|
||
<div class="actions">
|
||
<a href="https://myaccount.google.com/deleteaccount" target="_blank" rel="noopener">Gestionar</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ── ENTRETENIMIENTO ── -->
|
||
<div class="group">
|
||
<h3>Entretenimiento y streaming</h3>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Spotify</label>
|
||
<div class="actions">
|
||
<a href="https://www.spotify.com/es/account/privacy/" target="_blank" rel="noopener">Privacidad</a>
|
||
<a href="https://support.spotify.com/es/article/close-account/" target="_blank" rel="noopener">Cerrar cuenta</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Netflix</label>
|
||
<div class="actions">
|
||
<a href="https://help.netflix.com/es/node/407" target="_blank" rel="noopener">Cancelar suscripción</a>
|
||
<a href="https://help.netflix.com/es/node/100624" target="_blank" rel="noopener">Eliminar perfil</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Twitch</label>
|
||
<div class="actions">
|
||
<a href="https://www.twitch.tv/user/delete-account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||
<a href="https://www.twitch.tv/p/es-es/legal/privacy-notice/" target="_blank" rel="noopener">Política privacidad</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> YouTube</label>
|
||
<div class="actions">
|
||
<a href="https://myaccount.google.com/data-and-privacy" target="_blank" rel="noopener">Gestionar datos</a>
|
||
<a href="https://support.google.com/youtube/answer/55759" target="_blank" rel="noopener">Cerrar canal</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ── INDEXADORES Y BUSCADORES ── -->
|
||
<div class="group">
|
||
<h3>Buscadores e indexadores</h3>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Google — Derecho al olvido (UE)</label>
|
||
<div class="actions">
|
||
<a href="https://reportcontent.google.com/forms/rtbf" target="_blank" rel="noopener">Formulario RTBF</a>
|
||
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Google — Contenido obsoleto</label>
|
||
<div class="actions">
|
||
<a href="https://search.google.com/search-console/remove-outdated-content" target="_blank" rel="noopener">Herramienta de eliminación</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Google — Info personal en búsqueda</label>
|
||
<div class="actions">
|
||
<a href="https://support.google.com/websearch/troubleshooter/9685456" target="_blank" rel="noopener">Solicitar eliminación</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Bing — Eliminación de contenido</label>
|
||
<div class="actions">
|
||
<a href="https://www.bing.com/webmasters/tools/content-removal" target="_blank" rel="noopener">Formulario Bing</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Bing — Derecho al olvido</label>
|
||
<div class="actions">
|
||
<a href="https://www.microsoft.com/es-es/concern/bing" target="_blank" rel="noopener">Solicitud Bing</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ── DATA BROKERS ── -->
|
||
<div class="group">
|
||
<h3>Data brokers y directorios</h3>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Acxiom — Opt-out</label>
|
||
<div class="actions">
|
||
<a href="https://isapps.acxiom.com/optout/optout.aspx" target="_blank" rel="noopener">Opt-out oficial</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Epsilon — Opt-out</label>
|
||
<div class="actions">
|
||
<a href="https://www.epsilon.com/us/privacy-policy" target="_blank" rel="noopener">Política y opt-out</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> Have I Been Pwned — Comprueba brechas</label>
|
||
<div class="actions">
|
||
<a href="https://haveibeenpwned.com/" target="_blank" rel="noopener">Verificar email</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> DeleteMe (servicio de pago, referencia)</label>
|
||
<div class="actions">
|
||
<a href="https://joindeleteme.com/sites-we-remove-from/" target="_blank" rel="noopener">Lista de brokers cubiertos</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<label><input type="checkbox" class="progress-cb"> AEPD — Reclamación si no cumplen</label>
|
||
<div class="actions">
|
||
<a href="https://sedeagpd.gob.es/sede-electronica-web/" target="_blank" rel="noopener">Sede AEPD</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ══════════════════════════════════════════
|
||
CÓMO FUNCIONA
|
||
════════════════════════════════════════════ -->
|
||
<section id="como" class="info">
|
||
<div class="container">
|
||
<h2>Cómo funciona</h2>
|
||
<p>
|
||
RESETEA.NET no automatiza accesos ni elimina datos por ti.
|
||
Centraliza los <strong>enlaces oficiales</strong>, proporciona <strong>plantillas legales GDPR</strong>
|
||
y explica tus derechos para que ejecutes las acciones con pleno control y conocimiento.
|
||
</p>
|
||
<div class="grid" style="margin-top:1.5rem;">
|
||
<div class="group">
|
||
<h3>Paso 1 — Descarga tus datos</h3>
|
||
<p style="font-size:0.85rem;color:var(--muted);">
|
||
Antes de borrar nada, usa el enlace "Descarga datos" de cada plataforma.
|
||
Así conservas fotos, conversaciones e historial que quieras guardar.
|
||
Esto activa también el <strong>derecho a la portabilidad (Art. 20 RGPD)</strong>.
|
||
</p>
|
||
</div>
|
||
<div class="group">
|
||
<h3>Paso 2 — Envía la carta GDPR</h3>
|
||
<p style="font-size:0.85rem;color:var(--muted);">
|
||
Genera tu carta de supresión personalizada en la sección
|
||
<a href="plantillas.html">Plantillas legales</a>.
|
||
Las plataformas tienen <strong>30 días</strong> para responder y ejecutar el borrado.
|
||
</p>
|
||
</div>
|
||
<div class="group">
|
||
<h3>Paso 3 — Elimina la cuenta</h3>
|
||
<p style="font-size:0.85rem;color:var(--muted);">
|
||
Usa el enlace oficial de eliminación de cada plataforma.
|
||
Muchas tienen un periodo de gracia (7–30 días) durante el cual puedes cancelar.
|
||
Después el borrado es definitivo.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ══════════════════════════════════════════
|
||
PLANTILLAS
|
||
════════════════════════════════════════════ -->
|
||
<section id="plantillas" class="info alt">
|
||
<div class="container">
|
||
<h2>Plantillas legales</h2>
|
||
<p>
|
||
Cartas pre-redactadas para ejercer el <strong>derecho de supresión (Art. 17)</strong>,
|
||
el <strong>derecho de acceso (Art. 15)</strong>, la <strong>portabilidad (Art. 20)</strong>
|
||
y la <strong>oposición al perfilado (Art. 21)</strong>.
|
||
</p>
|
||
<p style="margin-top:1rem;">
|
||
El generador funciona íntegramente en tu navegador: tus datos nunca salen de tu dispositivo.
|
||
</p>
|
||
<div class="hero-actions" style="margin-top:1.5rem;">
|
||
<a class="btn primary" href="plantillas.html">Abrir generador de cartas</a>
|
||
<a class="btn ghost" href="concienciacion.html">Entender mis derechos</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ══════════════════════════════════════════
|
||
LEGAL
|
||
════════════════════════════════════════════ -->
|
||
<section id="legal" class="info">
|
||
<div class="container">
|
||
<h2>Aviso legal</h2>
|
||
<p>
|
||
Esta herramienta no ofrece asesoramiento legal. Los enlaces y plantillas son orientativos.
|
||
El éxito de las solicitudes depende de cada plataforma y de la legislación aplicable.
|
||
Si tus datos son especialmente sensibles o tienes dudas sobre tu caso,
|
||
consulta con un profesional del derecho especializado en privacidad.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<p>
|
||
RESETEA.NET · Software estático · Sin tracking · Sin cookies · Sin almacenamiento de datos
|
||
</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
'use strict';
|
||
// Contador de progreso
|
||
const cbs = document.querySelectorAll('.progress-cb');
|
||
const fill = document.getElementById('progress-fill');
|
||
const label = document.getElementById('progress-text');
|
||
|
||
function updateProgress() {
|
||
const done = [...cbs].filter(c => c.checked).length;
|
||
const pct = Math.round((done / cbs.length) * 100);
|
||
fill.style.width = pct + '%';
|
||
label.textContent = done + ' / ' + cbs.length + ' acciones completadas (' + pct + '%)';
|
||
}
|
||
cbs.forEach(cb => cb.addEventListener('change', updateProgress));
|
||
updateProgress();
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|