hacklab/resetea.net
1
0
Fork 1
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

feat: rediseño visual completo — slider, dark theme, hero unificado

Browse source 
- Dark theme en index (class=page-dark): fondo #1a1714, títulos ácido, botones nav crema
- Hero-landing con gradiente animado ácido→caoba aplicado a los 7 htmls
- Slider 3 slides (crossfade CSS + JS): crowd-phones / surveillance / legal-action
- Imágenes descargadas localmente (CSP img-src 'self')
- Botón RESETEA hero: verde ácido, fuente Recion, tipografía grande centrada
- Cards de estudios con enlaces a fuente original
- CSP ampliada: img-src añade cdn.simpleicons.org para chips de redes

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
hacklab 2026-04-26 23:34:41 +02:00
parent d49da56e87
commit 467820b8b3
15 changed files with 2552 additions and 566 deletions
Download patch file Download diff file Expand all files Collapse all files

28
public/stats.html
View file

@ -8,12 +8,6 @@
<link rel="stylesheet" href="index.css">
<style>
/* ── Nav ── */
.nav { display:flex; flex-wrap:wrap; gap:.4rem; justify-content:center; padding:1rem 1.2rem; background:var(--surface); border-bottom:1px solid var(--border); }
.nav-btn { padding:.38rem .9rem; border-radius:20px; border:1px solid var(--border); background:transparent; color:var(--muted); font-size:.8rem; font-weight:600; text-decoration:none; transition:all 130ms; white-space:nowrap; }
.nav-btn:hover { background:var(--surface2); color:var(--text); }
.nav-btn--active { background:var(--caoba); color:#fff; border-color:var(--caoba); }
/* ── Cabecera ── */
.stats-hero {
background: var(--caoba);
@ -160,15 +154,19 @@
</head>
<body>
<!-- ── Navegación ── -->
<nav class="nav" aria-label="Navegación principal">
<a class="nav-btn" href="index.html">Resetea</a>
<a class="nav-btn" href="tipos.html">Tipos de info</a>
<a class="nav-btn" href="concienciacion.html">Concienciación</a>
<a class="nav-btn" href="egosurfing.html">Egosurfing</a>
<a class="nav-btn" href="plantillas.html">Plantillas GDPR</a>
<a class="nav-btn nav-btn--active" href="stats.html">Estadísticas</a>
</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="tipos.html">Tipos de información</a>
<a class="landing-nav-btn" href="concienciacion.html">Concienciación</a>
<a class="landing-nav-btn" href="egosurfing.html">Egosurfing</a>
<a class="landing-nav-btn" href="plantillas.html">Resetea</a>
<a class="landing-nav-btn landing-nav-btn--highlight" href="stats.html">Estadísticas</a>
<a class="landing-nav-btn" href="salud-digital.html">🧠 Salud digital</a>
</div>
</div>
</section>
<!-- ── Hero ── -->
<div class="stats-hero">