3ebcc3e405
- Nuevo comunidad.html con sección de participación en el proyecto y 14 alternativas de software libre organizadas por categoría (navegadores, buscadores, correo, mensajería, almacenamiento, redes sociales, VPN/DNS) - Slider principal ampliado de 3 a 5 diapositivas: slides 4 (jardín japonés) y 5 (bosque aéreo) con layout split texto+botón; slide 2 reemplazada con foto Times Square aérea - CTAs ácido-verde en slides 1-3 enlazando a salud-digital#ciencia, egosurfing y salud-digital#derechos - Sección confirm-section sustituida por botón grande "Derechos" que despliega 8 botones verbales (Conocer/Corregir/Borrar/Limitar/Exportar/Oponerse/Decidir/Reclamar) con right-cards RGPD expandibles - Fondos fotográficos con overlay oscuro en las 4 study cards (estudio-brain, atención, sueño, datos) - 7 fotos nuevas descargadas en img/ Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
652 lines
25 KiB
HTML
652 lines
25 KiB
HTML
<!doctype html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Comunidad · RESETEA.NET</title>
|
|
<meta name="description"
|
|
content="Participa en RESETEA.NET, contribuye al proyecto y descubre alternativas de software libre para proteger tu privacidad y cumplir con los derechos GDPR.">
|
|
<link rel="stylesheet" href="index.css">
|
|
<style>
|
|
/* ── Comunidad local styles ── */
|
|
.comunidad-hero {
|
|
padding: 3.5rem 0 3rem;
|
|
background: linear-gradient(135deg, #1a2b20 0%, #0f1a14 50%, #1a1714 100%);
|
|
border-bottom: 1px solid rgba(255,255,255,0.06);
|
|
text-align: center;
|
|
}
|
|
.comunidad-hero h1 {
|
|
font-family: 'Recion', Georgia, serif;
|
|
font-size: clamp(2rem, 5vw, 3.5rem);
|
|
color: var(--acid);
|
|
letter-spacing: 0.06em;
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
.comunidad-hero p {
|
|
font-size: 1.05rem;
|
|
color: rgba(248,247,244,0.65);
|
|
max-width: 58ch;
|
|
margin: 0 auto;
|
|
line-height: 1.65;
|
|
}
|
|
|
|
/* ── Section blocks ── */
|
|
.comunidad-block {
|
|
padding: 4rem 0;
|
|
border-top: 1px solid var(--border);
|
|
}
|
|
.comunidad-block + .comunidad-block {
|
|
border-top: 1px solid var(--border);
|
|
}
|
|
.comunidad-block--alt {
|
|
background: var(--surface2);
|
|
}
|
|
|
|
.block-eyebrow {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.45rem;
|
|
padding: 0.3rem 0.9rem;
|
|
border-radius: 20px;
|
|
font-size: 0.72rem;
|
|
font-weight: 700;
|
|
letter-spacing: 0.1em;
|
|
text-transform: uppercase;
|
|
background: rgba(200,255,0,0.10);
|
|
color: var(--acid-dark);
|
|
border: 1px solid rgba(200,255,0,0.22);
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.block-title {
|
|
font-family: 'Recion', Georgia, serif;
|
|
font-size: clamp(1.6rem, 3vw, 2.2rem);
|
|
color: var(--acid);
|
|
letter-spacing: 0.03em;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.block-desc {
|
|
font-size: 0.97rem;
|
|
color: var(--muted);
|
|
max-width: 66ch;
|
|
line-height: 1.65;
|
|
margin-bottom: 2.5rem;
|
|
}
|
|
|
|
/* ── Participation cards ── */
|
|
.participacion-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
|
gap: 1.2rem;
|
|
}
|
|
|
|
.participacion-card {
|
|
background: var(--surface);
|
|
border: 1.5px solid var(--border);
|
|
border-radius: 16px;
|
|
padding: 1.6rem 1.5rem;
|
|
box-shadow: var(--shadow-sm);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.75rem;
|
|
transition: border-color 200ms ease, box-shadow 200ms ease, transform 180ms ease;
|
|
}
|
|
.participacion-card:hover {
|
|
border-color: var(--acid-dark);
|
|
box-shadow: 0 0 0 1px var(--acid-dark), var(--shadow-md);
|
|
transform: translateY(-3px);
|
|
}
|
|
|
|
.pc-icon {
|
|
width: 44px;
|
|
height: 44px;
|
|
border-radius: 12px;
|
|
background: rgba(200,255,0,0.10);
|
|
border: 1px solid rgba(200,255,0,0.20);
|
|
display: grid;
|
|
place-items: center;
|
|
font-size: 1.3rem;
|
|
}
|
|
|
|
.pc-title {
|
|
font-family: 'Recion', Georgia, serif;
|
|
font-size: 1.05rem;
|
|
color: var(--text);
|
|
letter-spacing: 0.02em;
|
|
}
|
|
|
|
.pc-desc {
|
|
font-size: 0.87rem;
|
|
color: var(--muted);
|
|
line-height: 1.55;
|
|
flex: 1;
|
|
}
|
|
|
|
.pc-link {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.3rem;
|
|
padding: 0.45rem 0.9rem;
|
|
border-radius: 8px;
|
|
font-size: 0.82rem;
|
|
font-weight: 700;
|
|
background: var(--acid);
|
|
color: #1a1714;
|
|
border: 1px solid #9dcc00;
|
|
box-shadow: 0 2px 0 0 #5a8800;
|
|
text-decoration: none;
|
|
transition: transform 90ms ease, box-shadow 90ms ease;
|
|
align-self: flex-start;
|
|
}
|
|
.pc-link:hover {
|
|
color: #1a1714;
|
|
text-decoration: none;
|
|
transform: translateY(-1px);
|
|
box-shadow: 0 4px 0 0 #4a7200;
|
|
}
|
|
.pc-link--ghost {
|
|
background: var(--surface2);
|
|
color: var(--muted);
|
|
border-color: var(--border);
|
|
box-shadow: 0 2px 0 0 var(--border-dark);
|
|
}
|
|
.pc-link--ghost:hover {
|
|
color: var(--text);
|
|
background: var(--surface);
|
|
border-color: var(--border-dark);
|
|
transform: translateY(-1px);
|
|
}
|
|
|
|
/* ── Alternativas grid ── */
|
|
.alt-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
|
gap: 1.2rem;
|
|
}
|
|
|
|
.alt-card {
|
|
background: var(--surface);
|
|
border: 1.5px solid var(--border);
|
|
border-radius: 16px;
|
|
padding: 1.5rem;
|
|
box-shadow: var(--shadow-sm);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.7rem;
|
|
transition: border-color 200ms ease, box-shadow 200ms ease, transform 180ms ease;
|
|
}
|
|
.alt-card:hover {
|
|
border-color: var(--sage);
|
|
box-shadow: 0 0 0 1px var(--sage), var(--shadow-sm);
|
|
transform: translateY(-2px);
|
|
}
|
|
|
|
.alt-card-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.8rem;
|
|
}
|
|
|
|
.alt-logo {
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 10px;
|
|
background: var(--surface2);
|
|
border: 1px solid var(--border);
|
|
display: grid;
|
|
place-items: center;
|
|
font-size: 1.2rem;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.alt-name {
|
|
font-family: 'Recion', Georgia, serif;
|
|
font-size: 1rem;
|
|
color: var(--text);
|
|
}
|
|
|
|
.alt-replaces {
|
|
font-size: 0.70rem;
|
|
color: var(--muted);
|
|
letter-spacing: 0.04em;
|
|
}
|
|
|
|
.alt-badge {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: 0.15rem 0.5rem;
|
|
border-radius: 6px;
|
|
font-size: 0.68rem;
|
|
font-weight: 700;
|
|
letter-spacing: 0.04em;
|
|
text-transform: uppercase;
|
|
}
|
|
.alt-badge--libre {
|
|
background: rgba(26,122,74,0.14);
|
|
color: var(--sage);
|
|
border: 1px solid rgba(26,122,74,0.28);
|
|
}
|
|
.alt-badge--gdpr {
|
|
background: rgba(200,255,0,0.10);
|
|
color: var(--acid-dark);
|
|
border: 1px solid rgba(200,255,0,0.22);
|
|
}
|
|
.alt-badges { display: flex; gap: 0.4rem; flex-wrap: wrap; }
|
|
|
|
.alt-desc {
|
|
font-size: 0.85rem;
|
|
color: var(--muted);
|
|
line-height: 1.55;
|
|
flex: 1;
|
|
}
|
|
|
|
.alt-link {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.3rem;
|
|
font-size: 0.78rem;
|
|
font-weight: 600;
|
|
color: var(--sage);
|
|
text-decoration: none;
|
|
border-bottom: 1px solid transparent;
|
|
transition: border-color 140ms ease, color 140ms ease;
|
|
}
|
|
.alt-link:hover {
|
|
color: var(--acid-dark);
|
|
border-bottom-color: var(--acid-dark);
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* ── Category separator ── */
|
|
.alt-category-label {
|
|
grid-column: 1 / -1;
|
|
font-size: 0.72rem;
|
|
font-weight: 700;
|
|
letter-spacing: 0.12em;
|
|
text-transform: uppercase;
|
|
color: var(--sage);
|
|
margin-top: 1.2rem;
|
|
padding-bottom: 0.5rem;
|
|
border-bottom: 1px solid var(--border);
|
|
}
|
|
.alt-category-label:first-child { margin-top: 0; }
|
|
|
|
@media (max-width: 700px) {
|
|
.participacion-grid { grid-template-columns: 1fr; }
|
|
.alt-grid { grid-template-columns: 1fr; }
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="page-dark">
|
|
|
|
<main>
|
|
|
|
<!-- ══════════════════════════════════════════
|
|
HERO + NAV
|
|
════════════════════════════════════════════ -->
|
|
<section class="hero-landing">
|
|
<div class="container hero-landing-inner">
|
|
<h1 class="main-title">RESETEA</h1>
|
|
<div class="landing-nav">
|
|
<a class="landing-nav-btn" href="egosurfing.html">Egosurfing</a>
|
|
<a class="landing-nav-btn landing-nav-btn--highlight" href="plantillas.html">Resetea</a>
|
|
<a class="landing-nav-btn" href="comunidad.html">Comunidad</a>
|
|
<a class="landing-nav-btn" href="salud-digital.html">Salud digital</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════════════════════════════════════
|
|
HERO COMUNIDAD
|
|
════════════════════════════════════════════ -->
|
|
<section class="comunidad-hero">
|
|
<div class="container">
|
|
<h1>Comunidad</h1>
|
|
<p>Un proyecto abierto para recuperar el control digital. Contribuye, reporta y descubre las herramientas libres que sustituyen a las plataformas que te rastrean.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════════════════════════════════════
|
|
BLOQUE 1 — PARTICIPACIÓN EN EL PROYECTO
|
|
════════════════════════════════════════════ -->
|
|
<section class="comunidad-block" id="participacion">
|
|
<div class="container">
|
|
<span class="block-eyebrow">Proyecto abierto</span>
|
|
<h2 class="block-title">Participa en RESETEA</h2>
|
|
<p class="block-desc">RESETEA es software libre y no guarda ningún dato tuyo. Si encuentras un error, quieres proponer mejoras o simplemente quieres apoyar el proyecto, aquí tienes los canales.</p>
|
|
|
|
<div class="participacion-grid">
|
|
|
|
<div class="participacion-card">
|
|
<div class="pc-icon">🐛</div>
|
|
<div class="pc-title">Reportar un error</div>
|
|
<p class="pc-desc">¿Algún enlace roto, una carta GDPR desactualizada o un bug en el generador? Abre un issue en GitHub con el máximo detalle posible.</p>
|
|
<a class="pc-link" href="https://github.com/resetea-net/resetea/issues" target="_blank" rel="noopener">Abrir issue →</a>
|
|
</div>
|
|
|
|
<div class="participacion-card">
|
|
<div class="pc-icon">📝</div>
|
|
<div class="pc-title">Proponer mejoras</div>
|
|
<p class="pc-desc">¿Falta alguna plataforma? ¿El texto de alguna carta puede mejorarse? Las pull requests son bienvenidas. Lee primero el CONTRIBUTING.md.</p>
|
|
<a class="pc-link" href="https://github.com/resetea-net/resetea/pulls" target="_blank" rel="noopener">Ver pull requests →</a>
|
|
</div>
|
|
|
|
<div class="participacion-card">
|
|
<div class="pc-icon">⭐</div>
|
|
<div class="pc-title">Dar una estrella</div>
|
|
<p class="pc-desc">La forma más sencilla de apoyar el proyecto. Cada estrella aumenta la visibilidad y ayuda a que más personas recuperen el control de sus datos.</p>
|
|
<a class="pc-link" href="https://github.com/resetea-net/resetea" target="_blank" rel="noopener">GitHub ↗</a>
|
|
</div>
|
|
|
|
<div class="participacion-card">
|
|
<div class="pc-icon">🌐</div>
|
|
<div class="pc-title">Compartir el proyecto</div>
|
|
<p class="pc-desc">La privacidad digital afecta a todo el mundo. Comparte RESETEA.NET con personas de tu entorno que puedan beneficiarse de recuperar el control de sus datos.</p>
|
|
<a class="pc-link pc-link--ghost" href="index.html">Volver al inicio</a>
|
|
</div>
|
|
|
|
<div class="participacion-card">
|
|
<div class="pc-icon">📧</div>
|
|
<div class="pc-title">Contacto directo</div>
|
|
<p class="pc-desc">Para consultas legales, colaboraciones con medios o propuestas de organizaciones, puedes escribirnos directamente. Respondemos en menos de 72 h.</p>
|
|
<a class="pc-link pc-link--ghost" href="mailto:hola@resetea.net">hola@resetea.net</a>
|
|
</div>
|
|
|
|
<div class="participacion-card">
|
|
<div class="pc-icon">📚</div>
|
|
<div class="pc-title">Actualizar plantillas legales</div>
|
|
<p class="pc-desc">Las cartas GDPR deben reflejar la jurisprudencia más reciente. Si eres jurista o conoces resoluciones relevantes de la AEPD, tu aportación es muy valiosa.</p>
|
|
<a class="pc-link" href="https://github.com/resetea-net/resetea/tree/main/plantillas" target="_blank" rel="noopener">Ver plantillas →</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════════════════════════════════════
|
|
BLOQUE 2 — ALTERNATIVAS DE SOFTWARE LIBRE
|
|
════════════════════════════════════════════ -->
|
|
<section class="comunidad-block comunidad-block--alt" id="alternativas">
|
|
<div class="container">
|
|
<span class="block-eyebrow">Software libre y privacidad</span>
|
|
<h2 class="block-title">Alternativas que respetan tus datos</h2>
|
|
<p class="block-desc">Estas herramientas de código abierto sustituyen a las plataformas comerciales que monetizan tu comportamiento. Son auditables, sin rastreo y compatibles con el RGPD.</p>
|
|
|
|
<div class="alt-grid">
|
|
|
|
<!-- Navegadores -->
|
|
<div class="alt-category-label">Navegadores</div>
|
|
|
|
<div class="alt-card">
|
|
<div class="alt-card-header">
|
|
<div class="alt-logo">🦊</div>
|
|
<div>
|
|
<div class="alt-name">Firefox</div>
|
|
<div class="alt-replaces">Alternativa a Chrome / Edge</div>
|
|
</div>
|
|
</div>
|
|
<div class="alt-badges">
|
|
<span class="alt-badge alt-badge--libre">Código abierto</span>
|
|
<span class="alt-badge alt-badge--gdpr">RGPD friendly</span>
|
|
</div>
|
|
<p class="alt-desc">Navegador de la Fundación Mozilla. Bloqueador de rastreadores integrado, sincronización opcional cifrada y extensas opciones de privacidad.</p>
|
|
<a class="alt-link" href="https://www.mozilla.org/es-ES/firefox/" target="_blank" rel="noopener">mozilla.org/firefox ↗</a>
|
|
</div>
|
|
|
|
<div class="alt-card">
|
|
<div class="alt-card-header">
|
|
<div class="alt-logo">🦵</div>
|
|
<div>
|
|
<div class="alt-name">Brave</div>
|
|
<div class="alt-replaces">Alternativa a Chrome</div>
|
|
</div>
|
|
</div>
|
|
<div class="alt-badges">
|
|
<span class="alt-badge alt-badge--libre">Código abierto</span>
|
|
<span class="alt-badge alt-badge--gdpr">RGPD friendly</span>
|
|
</div>
|
|
<p class="alt-desc">Basado en Chromium. Bloquea anuncios y rastreadores por defecto, tiene modo Tor integrado y no envía datos de navegación a ningún servidor.</p>
|
|
<a class="alt-link" href="https://brave.com/es/" target="_blank" rel="noopener">brave.com ↗</a>
|
|
</div>
|
|
|
|
<!-- Buscadores -->
|
|
<div class="alt-category-label">Buscadores</div>
|
|
|
|
<div class="alt-card">
|
|
<div class="alt-card-header">
|
|
<div class="alt-logo">🔍</div>
|
|
<div>
|
|
<div class="alt-name">DuckDuckGo</div>
|
|
<div class="alt-replaces">Alternativa a Google</div>
|
|
</div>
|
|
</div>
|
|
<div class="alt-badges">
|
|
<span class="alt-badge alt-badge--gdpr">Sin rastreo</span>
|
|
</div>
|
|
<p class="alt-desc">No crea perfil de usuario, no almacena historial de búsquedas y no personaliza resultados. Disponible como buscador por defecto en Firefox y Brave.</p>
|
|
<a class="alt-link" href="https://duckduckgo.com" target="_blank" rel="noopener">duckduckgo.com ↗</a>
|
|
</div>
|
|
|
|
<div class="alt-card">
|
|
<div class="alt-card-header">
|
|
<div class="alt-logo">🌍</div>
|
|
<div>
|
|
<div class="alt-name">Startpage</div>
|
|
<div class="alt-replaces">Alternativa a Google</div>
|
|
</div>
|
|
</div>
|
|
<div class="alt-badges">
|
|
<span class="alt-badge alt-badge--gdpr">RGPD friendly</span>
|
|
</div>
|
|
<p class="alt-desc">Muestra resultados de Google sin identificarte. Empresa neerlandesa bajo legislación europea. Certificado ISO 27001 y cumplimiento RGPD explícito.</p>
|
|
<a class="alt-link" href="https://www.startpage.com" target="_blank" rel="noopener">startpage.com ↗</a>
|
|
</div>
|
|
|
|
<!-- Correo electrónico -->
|
|
<div class="alt-category-label">Correo electrónico</div>
|
|
|
|
<div class="alt-card">
|
|
<div class="alt-card-header">
|
|
<div class="alt-logo">📬</div>
|
|
<div>
|
|
<div class="alt-name">ProtonMail</div>
|
|
<div class="alt-replaces">Alternativa a Gmail</div>
|
|
</div>
|
|
</div>
|
|
<div class="alt-badges">
|
|
<span class="alt-badge alt-badge--libre">Código abierto</span>
|
|
<span class="alt-badge alt-badge--gdpr">Cifrado extremo a extremo</span>
|
|
</div>
|
|
<p class="alt-desc">Servidor en Suiza, cifrado extremo a extremo, sin lectura de correos para publicidad. Plan gratuito disponible.</p>
|
|
<a class="alt-link" href="https://proton.me/mail" target="_blank" rel="noopener">proton.me/mail ↗</a>
|
|
</div>
|
|
|
|
<div class="alt-card">
|
|
<div class="alt-card-header">
|
|
<div class="alt-logo">📨</div>
|
|
<div>
|
|
<div class="alt-name">Tutanota</div>
|
|
<div class="alt-replaces">Alternativa a Gmail / Outlook</div>
|
|
</div>
|
|
</div>
|
|
<div class="alt-badges">
|
|
<span class="alt-badge alt-badge--libre">Código abierto</span>
|
|
<span class="alt-badge alt-badge--gdpr">RGPD compliant</span>
|
|
</div>
|
|
<p class="alt-desc">Empresa alemana, código abierto, cifrado de extremo a extremo en correos, calendarios y contactos. Cumple el RGPD por diseño.</p>
|
|
<a class="alt-link" href="https://tuta.com" target="_blank" rel="noopener">tuta.com ↗</a>
|
|
</div>
|
|
|
|
<!-- Mensajería -->
|
|
<div class="alt-category-label">Mensajería</div>
|
|
|
|
<div class="alt-card">
|
|
<div class="alt-card-header">
|
|
<div class="alt-logo">💬</div>
|
|
<div>
|
|
<div class="alt-name">Signal</div>
|
|
<div class="alt-replaces">Alternativa a WhatsApp</div>
|
|
</div>
|
|
</div>
|
|
<div class="alt-badges">
|
|
<span class="alt-badge alt-badge--libre">Código abierto</span>
|
|
<span class="alt-badge alt-badge--gdpr">Sin metadatos</span>
|
|
</div>
|
|
<p class="alt-desc">El estándar de oro en mensajería cifrada. Código abierto, sin publicidad, sin venta de datos, sin metadatos de contactos. Protocolo Signal usado por ProtonMail.</p>
|
|
<a class="alt-link" href="https://signal.org" target="_blank" rel="noopener">signal.org ↗</a>
|
|
</div>
|
|
|
|
<div class="alt-card">
|
|
<div class="alt-card-header">
|
|
<div class="alt-logo">📱</div>
|
|
<div>
|
|
<div class="alt-name">Element (Matrix)</div>
|
|
<div class="alt-replaces">Alternativa a Slack / Discord</div>
|
|
</div>
|
|
</div>
|
|
<div class="alt-badges">
|
|
<span class="alt-badge alt-badge--libre">Código abierto</span>
|
|
<span class="alt-badge alt-badge--gdpr">Descentralizado</span>
|
|
</div>
|
|
<p class="alt-desc">Protocolo Matrix descentralizado. Autoalojable, cifrado extremo a extremo opcional, sin bloqueo de proveedor único. Ideal para organizaciones.</p>
|
|
<a class="alt-link" href="https://element.io" target="_blank" rel="noopener">element.io ↗</a>
|
|
</div>
|
|
|
|
<!-- Almacenamiento y documentos -->
|
|
<div class="alt-category-label">Almacenamiento en la nube y documentos</div>
|
|
|
|
<div class="alt-card">
|
|
<div class="alt-card-header">
|
|
<div class="alt-logo">☁</div>
|
|
<div>
|
|
<div class="alt-name">Nextcloud</div>
|
|
<div class="alt-replaces">Alternativa a Google Drive / Dropbox</div>
|
|
</div>
|
|
</div>
|
|
<div class="alt-badges">
|
|
<span class="alt-badge alt-badge--libre">Código abierto</span>
|
|
<span class="alt-badge alt-badge--gdpr">Autoalojable</span>
|
|
</div>
|
|
<p class="alt-desc">Suite completa de productividad: archivos, calendarios, contactos, vídeo y más. Autoalojable en tu servidor o contratado a un proveedor europeo.</p>
|
|
<a class="alt-link" href="https://nextcloud.com" target="_blank" rel="noopener">nextcloud.com ↗</a>
|
|
</div>
|
|
|
|
<div class="alt-card">
|
|
<div class="alt-card-header">
|
|
<div class="alt-logo">📄</div>
|
|
<div>
|
|
<div class="alt-name">CryptPad</div>
|
|
<div class="alt-replaces">Alternativa a Google Docs</div>
|
|
</div>
|
|
</div>
|
|
<div class="alt-badges">
|
|
<span class="alt-badge alt-badge--libre">Código abierto</span>
|
|
<span class="alt-badge alt-badge--gdpr">Cifrado de conocimiento cero</span>
|
|
</div>
|
|
<p class="alt-desc">Suite ofimática colaborativa con cifrado extremo a extremo. El servidor nunca puede leer tu contenido. Sin cuenta requerida para documentos temporales.</p>
|
|
<a class="alt-link" href="https://cryptpad.fr" target="_blank" rel="noopener">cryptpad.fr ↗</a>
|
|
</div>
|
|
|
|
<!-- Redes sociales -->
|
|
<div class="alt-category-label">Redes sociales y contenido</div>
|
|
|
|
<div class="alt-card">
|
|
<div class="alt-card-header">
|
|
<div class="alt-logo">🐘</div>
|
|
<div>
|
|
<div class="alt-name">Mastodon</div>
|
|
<div class="alt-replaces">Alternativa a X / Twitter</div>
|
|
</div>
|
|
</div>
|
|
<div class="alt-badges">
|
|
<span class="alt-badge alt-badge--libre">Código abierto</span>
|
|
<span class="alt-badge alt-badge--gdpr">Descentralizado</span>
|
|
</div>
|
|
<p class="alt-desc">Red social federada sin algoritmo de recomendación manipulador. Cada servidor tiene sus propias normas. Sin publicidad, sin perfil conductual.</p>
|
|
<a class="alt-link" href="https://joinmastodon.org" target="_blank" rel="noopener">joinmastodon.org ↗</a>
|
|
</div>
|
|
|
|
<div class="alt-card">
|
|
<div class="alt-card-header">
|
|
<div class="alt-logo">🎥</div>
|
|
<div>
|
|
<div class="alt-name">PeerTube</div>
|
|
<div class="alt-replaces">Alternativa a YouTube</div>
|
|
</div>
|
|
</div>
|
|
<div class="alt-badges">
|
|
<span class="alt-badge alt-badge--libre">Código abierto</span>
|
|
<span class="alt-badge alt-badge--gdpr">Sin rastreo</span>
|
|
</div>
|
|
<p class="alt-desc">Plataforma de vídeo federada. Sin algoritmo de recomendación adictivo, sin publicidad personalizada, sin perfil de usuario guardado.</p>
|
|
<a class="alt-link" href="https://joinpeertube.org/es/" target="_blank" rel="noopener">joinpeertube.org ↗</a>
|
|
</div>
|
|
|
|
<!-- VPN y DNS -->
|
|
<div class="alt-category-label">VPN y DNS privados</div>
|
|
|
|
<div class="alt-card">
|
|
<div class="alt-card-header">
|
|
<div class="alt-logo">🔒</div>
|
|
<div>
|
|
<div class="alt-name">ProtonVPN</div>
|
|
<div class="alt-replaces">VPN sin logs, código abierto</div>
|
|
</div>
|
|
</div>
|
|
<div class="alt-badges">
|
|
<span class="alt-badge alt-badge--libre">Código abierto</span>
|
|
<span class="alt-badge alt-badge--gdpr">Sin logs</span>
|
|
</div>
|
|
<p class="alt-desc">VPN auditada independientemente. Sin registros de actividad, servidores en suiza, plan gratuito disponible. Código cliente auditado públicamente.</p>
|
|
<a class="alt-link" href="https://protonvpn.com/es/" target="_blank" rel="noopener">protonvpn.com ↗</a>
|
|
</div>
|
|
|
|
<div class="alt-card">
|
|
<div class="alt-card-header">
|
|
<div class="alt-logo">🌐</div>
|
|
<div>
|
|
<div class="alt-name">NextDNS</div>
|
|
<div class="alt-replaces">DNS privado y bloqueador</div>
|
|
</div>
|
|
</div>
|
|
<div class="alt-badges">
|
|
<span class="alt-badge alt-badge--gdpr">RGPD compliant</span>
|
|
</div>
|
|
<p class="alt-desc">DNS cifrado con bloqueo de rastreadores y publicidad a nivel de red. Configurable sin instalar nada. Plan gratuito con 300.000 consultas mensuales.</p>
|
|
<a class="alt-link" href="https://nextdns.io" target="_blank" rel="noopener">nextdns.io ↗</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════════════════════════════════════
|
|
CALL TO ACTION
|
|
════════════════════════════════════════════ -->
|
|
<section class="comunidad-block">
|
|
<div class="container" style="text-align: center;">
|
|
<h2 style="font-family: 'Recion', Georgia, serif; color: var(--acid); font-size: clamp(1.4rem, 2.5vw, 1.9rem); margin-bottom: 0.75rem;">
|
|
El primer paso es recuperar tus datos
|
|
</h2>
|
|
<p style="color: var(--muted); max-width: 52ch; margin: 0 auto 2rem; line-height: 1.65;">
|
|
Antes de migrar a alternativas libres, ejerce tus derechos RGPD. Solicita el borrado de tus datos en las plataformas que ya no quieres usar.
|
|
</p>
|
|
<div class="hero-actions" style="justify-content: center;">
|
|
<a class="btn primary" href="plantillas.html">Generar carta GDPR</a>
|
|
<a class="btn ghost" href="salud-digital.html#derechos">Ver mis derechos</a>
|
|
</div>
|
|
</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>
|
|
|
|
</body>
|
|
</html>
|