f1d80dde13
Backend: - Nuevo route GET /api/egosearch con rate limit (8 req/min) - Usa Google Custom Search API si GOOGLE_API_KEY+CSE_ID configurados - Fallback a instancias públicas SearXNG con JSON API (sin API key) - Devuelve top 5: title, url, snippet, domain, engine Frontend egosurfing.html: - Barra de búsqueda prominente con 5 modos (nombre/email/usuario/teléfono/libre) - Resultados en cards: dominio, título, snippet, acciones (ver, RTBF, GDPR) - RTBF link contextual según el dominio del resultado - Google dorking rápido: plantillas con 1 clic que se lanzan al buscador - Herramientas complementarias: HIBP, TinEye, WhatsMyName, formularios RTBF Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
659 lines
22 KiB
HTML
659 lines
22 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 · Egosurfing</title>
|
|
<meta name="description" content="Busca tu nombre, alias, email o teléfono en la web y descubre dónde aparece tu información personal.">
|
|
<link rel="stylesheet" href="index.css">
|
|
<style>
|
|
/* ── Egosurfing-specific ── */
|
|
.ego-hero {
|
|
padding: 3rem 0 2.5rem;
|
|
background: var(--bg);
|
|
text-align: center;
|
|
border-bottom: 1px solid var(--border);
|
|
}
|
|
.ego-hero h1 {
|
|
font-size: clamp(2.4rem, 6vw, 4.2rem);
|
|
margin-bottom: 0.4rem;
|
|
}
|
|
.ego-hero .sub {
|
|
color: var(--muted);
|
|
font-size: 1.05rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
/* ── Barra de búsqueda ── */
|
|
.search-wrap {
|
|
max-width: 680px;
|
|
margin: 0 auto;
|
|
}
|
|
.search-bar {
|
|
display: flex;
|
|
gap: 0;
|
|
background: var(--surface);
|
|
border: 2px solid var(--border);
|
|
border-radius: 14px;
|
|
overflow: hidden;
|
|
box-shadow: var(--shadow-md);
|
|
transition: border-color 150ms ease, box-shadow 150ms ease;
|
|
}
|
|
.search-bar:focus-within {
|
|
border-color: var(--caoba);
|
|
box-shadow: 0 0 0 3px rgba(123,63,46,0.12), var(--shadow-md);
|
|
}
|
|
.search-input {
|
|
flex: 1;
|
|
border: none;
|
|
outline: none;
|
|
padding: 1rem 1.2rem;
|
|
font-size: 1.1rem;
|
|
background: transparent;
|
|
color: var(--text);
|
|
font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
|
|
}
|
|
.search-input::placeholder { color: var(--subtle); }
|
|
.search-btn {
|
|
background: var(--caoba);
|
|
color: #fff;
|
|
border: none;
|
|
padding: 0 1.6rem;
|
|
font-size: 0.95rem;
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
transition: background 140ms ease;
|
|
font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
|
|
letter-spacing: 0.02em;
|
|
white-space: nowrap;
|
|
}
|
|
.search-btn:hover { background: var(--caoba-mid); }
|
|
.search-btn:disabled { background: var(--border-dark); cursor: not-allowed; }
|
|
|
|
/* ── Modos de búsqueda ── */
|
|
.search-modes {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 0.4rem;
|
|
margin-top: 0.9rem;
|
|
flex-wrap: wrap;
|
|
}
|
|
.mode-btn {
|
|
padding: 0.3rem 0.8rem;
|
|
border-radius: 6px;
|
|
font-size: 0.8rem;
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
background: var(--surface);
|
|
color: var(--muted);
|
|
border: 1px solid var(--border);
|
|
transition: all 120ms ease;
|
|
font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
|
|
}
|
|
.mode-btn.active, .mode-btn:hover {
|
|
background: var(--caoba-lt);
|
|
color: var(--caoba);
|
|
border-color: var(--caoba);
|
|
}
|
|
.mode-hint {
|
|
font-size: 0.78rem;
|
|
color: var(--subtle);
|
|
margin-top: 0.6rem;
|
|
text-align: center;
|
|
}
|
|
|
|
/* ── Resultados ── */
|
|
.results-section {
|
|
padding: 2.5rem 0 3rem;
|
|
background: var(--surface2);
|
|
}
|
|
.results-header {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 1rem;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.results-header h2 { margin-bottom: 0; }
|
|
.results-query {
|
|
font-size: 0.88rem;
|
|
color: var(--muted);
|
|
background: var(--surface);
|
|
border: 1px solid var(--border);
|
|
padding: 0.2rem 0.6rem;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.result-card {
|
|
background: var(--surface);
|
|
border: 1px solid var(--border);
|
|
border-radius: 14px;
|
|
padding: 1.3rem 1.5rem;
|
|
margin-bottom: 1rem;
|
|
box-shadow: var(--shadow-sm);
|
|
transition: box-shadow 180ms ease, transform 180ms ease;
|
|
}
|
|
.result-card:hover {
|
|
box-shadow: var(--shadow-md);
|
|
transform: translateY(-2px);
|
|
}
|
|
.result-top {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.6rem;
|
|
margin-bottom: 0.4rem;
|
|
flex-wrap: wrap;
|
|
}
|
|
.result-domain {
|
|
font-size: 0.75rem;
|
|
font-weight: 700;
|
|
letter-spacing: 0.04em;
|
|
padding: 0.18rem 0.55rem;
|
|
border-radius: 5px;
|
|
background: var(--surface2);
|
|
color: var(--muted);
|
|
border: 1px solid var(--border);
|
|
text-transform: lowercase;
|
|
}
|
|
.result-engine {
|
|
font-size: 0.7rem;
|
|
color: var(--subtle);
|
|
}
|
|
.result-title {
|
|
font-family: 'Recion', 'Georgia', serif;
|
|
font-size: 1.1rem;
|
|
color: var(--caoba);
|
|
text-decoration: none;
|
|
display: block;
|
|
margin-bottom: 0.35rem;
|
|
line-height: 1.3;
|
|
}
|
|
.result-title:hover { text-decoration: underline; color: var(--caoba-mid); }
|
|
.result-url {
|
|
font-size: 0.74rem;
|
|
color: var(--sage);
|
|
word-break: break-all;
|
|
margin-bottom: 0.5rem;
|
|
display: block;
|
|
}
|
|
.result-snippet {
|
|
font-size: 0.9rem;
|
|
color: var(--muted);
|
|
line-height: 1.55;
|
|
margin-bottom: 0.9rem;
|
|
}
|
|
.result-actions {
|
|
display: flex;
|
|
gap: 0.4rem;
|
|
flex-wrap: wrap;
|
|
}
|
|
.result-action {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: 0.28rem 0.75rem;
|
|
border-radius: 6px;
|
|
font-size: 0.75rem;
|
|
font-weight: 600;
|
|
text-decoration: none;
|
|
border: 1px solid transparent;
|
|
cursor: pointer;
|
|
transition: all 120ms ease;
|
|
font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
|
|
background: none;
|
|
}
|
|
.result-action--rtbf {
|
|
background: var(--caoba-lt);
|
|
color: var(--caoba);
|
|
border-color: #e0c4b8;
|
|
}
|
|
.result-action--rtbf:hover { background: #e8cfc6; border-color: var(--caoba); }
|
|
.result-action--gdpr {
|
|
background: var(--sage-lt);
|
|
color: var(--sage);
|
|
border-color: #c0d9c8;
|
|
}
|
|
.result-action--gdpr:hover { background: #d2eeda; border-color: var(--sage); }
|
|
.result-action--visit {
|
|
background: var(--surface2);
|
|
color: var(--muted);
|
|
border-color: var(--border);
|
|
}
|
|
.result-action--visit:hover { background: var(--border); color: var(--text); }
|
|
|
|
/* ── Estado vacío / carga / error ── */
|
|
.search-state {
|
|
text-align: center;
|
|
padding: 3rem 1rem;
|
|
color: var(--muted);
|
|
}
|
|
.search-state .state-icon {
|
|
font-size: 2.5rem;
|
|
margin-bottom: 0.8rem;
|
|
}
|
|
.search-state h3 { color: var(--text); margin-bottom: 0.4rem; }
|
|
.spinner {
|
|
width: 36px; height: 36px;
|
|
border: 3px solid var(--border);
|
|
border-top-color: var(--caoba);
|
|
border-radius: 50%;
|
|
animation: spin 0.8s linear infinite;
|
|
margin: 0 auto 1rem;
|
|
}
|
|
@keyframes spin { to { transform: rotate(360deg); } }
|
|
|
|
/* ── Modos de búsqueda predefinidos ── */
|
|
.dork-section { padding: 2.5rem 0; }
|
|
.dork-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1.5rem; }
|
|
.dork-card {
|
|
background: var(--surface);
|
|
border: 1px solid var(--border);
|
|
border-radius: 12px;
|
|
padding: 1.1rem 1.2rem;
|
|
box-shadow: var(--shadow-sm);
|
|
}
|
|
.dork-card h3 { font-size: 1rem; margin-bottom: 0.6rem; }
|
|
.dork-query {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 0.5rem;
|
|
padding: 0.35rem 0;
|
|
border-bottom: 1px solid var(--surface2);
|
|
font-size: 0.82rem;
|
|
color: var(--text);
|
|
}
|
|
.dork-query:last-child { border-bottom: none; }
|
|
.dork-query code {
|
|
font-family: 'Courier New', monospace;
|
|
font-size: 0.78rem;
|
|
color: var(--caoba);
|
|
background: var(--caoba-lt);
|
|
padding: 0.1rem 0.35rem;
|
|
border-radius: 4px;
|
|
flex: 1;
|
|
}
|
|
.dork-run {
|
|
font-size: 0.72rem;
|
|
font-weight: 600;
|
|
color: var(--muted);
|
|
cursor: pointer;
|
|
background: none;
|
|
border: none;
|
|
padding: 0.2rem 0.4rem;
|
|
border-radius: 4px;
|
|
transition: all 120ms ease;
|
|
flex-shrink: 0;
|
|
font-family: system-ui, sans-serif;
|
|
}
|
|
.dork-run:hover { background: var(--surface2); color: var(--text); }
|
|
|
|
@media (max-width: 720px) {
|
|
.dork-grid { grid-template-columns: 1fr; }
|
|
.results-header { flex-direction: column; gap: 0.4rem; }
|
|
}
|
|
@media (max-width: 540px) {
|
|
.search-btn { padding: 0 1rem; font-size: 0.85rem; }
|
|
}
|
|
</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="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 nav-btn--primary" href="egosurfing.html">Egosurfing</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
|
|
<!-- ══ HERO / BUSCADOR ══════════════════════════════════════════ -->
|
|
<section class="ego-hero">
|
|
<div class="container">
|
|
<h1>Egosurfing</h1>
|
|
<p class="sub">Descubre en qué páginas aparece tu información personal.</p>
|
|
|
|
<div class="search-wrap">
|
|
<div class="search-bar">
|
|
<input type="text" id="ego-input" class="search-input"
|
|
placeholder="Tu nombre, alias, email o teléfono…"
|
|
autocomplete="off" spellcheck="false" maxlength="200">
|
|
<button class="search-btn" id="ego-btn">Buscar</button>
|
|
</div>
|
|
<div class="search-modes">
|
|
<button class="mode-btn active" data-mode="nombre">Nombre</button>
|
|
<button class="mode-btn" data-mode="email">Email</button>
|
|
<button class="mode-btn" data-mode="usuario">Usuario/Alias</button>
|
|
<button class="mode-btn" data-mode="telefono">Teléfono</button>
|
|
<button class="mode-btn" data-mode="libre">Búsqueda libre</button>
|
|
</div>
|
|
<p class="mode-hint" id="mode-hint">Se busca entre comillas para coincidencia exacta.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══ RESULTADOS ════════════════════════════════════════════════ -->
|
|
<section class="results-section" id="results-section" hidden>
|
|
<div class="container">
|
|
<div class="results-header">
|
|
<h2>Resultados</h2>
|
|
<span class="results-query" id="results-query"></span>
|
|
</div>
|
|
<div id="results-list"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══ GOOGLE DORKING RÁPIDO ════════════════════════════════════ -->
|
|
<section class="dork-section info" id="dorking">
|
|
<div class="container">
|
|
<h2>Google dorking — haz clic para buscar</h2>
|
|
<p class="section-desc">
|
|
Introduce tus datos en el buscador de arriba y usa estas queries avanzadas.
|
|
Haz clic en "Buscar" para lanzarlas directamente.
|
|
</p>
|
|
|
|
<div class="dork-grid">
|
|
|
|
<div class="dork-card">
|
|
<h3>Nombre completo</h3>
|
|
<div class="dork-query">
|
|
<code>"NOMBRE APELLIDOS"</code>
|
|
<button class="dork-run" data-template='"NOMBRE APELLIDOS"'>Buscar</button>
|
|
</div>
|
|
<div class="dork-query">
|
|
<code>"NOMBRE" filetype:pdf</code>
|
|
<button class="dork-run" data-template='"NOMBRE" filetype:pdf'>Buscar</button>
|
|
</div>
|
|
<div class="dork-query">
|
|
<code>"NOMBRE" site:linkedin.com</code>
|
|
<button class="dork-run" data-template='"NOMBRE" site:linkedin.com'>Buscar</button>
|
|
</div>
|
|
<div class="dork-query">
|
|
<code>"NOMBRE" site:facebook.com</code>
|
|
<button class="dork-run" data-template='"NOMBRE" site:facebook.com'>Buscar</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dork-card">
|
|
<h3>Email y teléfono</h3>
|
|
<div class="dork-query">
|
|
<code>"EMAIL"</code>
|
|
<button class="dork-run" data-template='"EMAIL"'>Buscar</button>
|
|
</div>
|
|
<div class="dork-query">
|
|
<code>"EMAIL" -site:gmail.com</code>
|
|
<button class="dork-run" data-template='"EMAIL" -site:gmail.com'>Buscar</button>
|
|
</div>
|
|
<div class="dork-query">
|
|
<code>"TELEFONO"</code>
|
|
<button class="dork-run" data-template='"TELEFONO"'>Buscar</button>
|
|
</div>
|
|
<div class="dork-query">
|
|
<code>"TELEFONO" filetype:pdf</code>
|
|
<button class="dork-run" data-template='"TELEFONO" filetype:pdf'>Buscar</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dork-card">
|
|
<h3>Usuario / alias</h3>
|
|
<div class="dork-query">
|
|
<code>"ALIAS" site:twitter.com</code>
|
|
<button class="dork-run" data-template='"ALIAS" site:twitter.com'>Buscar</button>
|
|
</div>
|
|
<div class="dork-query">
|
|
<code>"ALIAS" site:instagram.com</code>
|
|
<button class="dork-run" data-template='"ALIAS" site:instagram.com'>Buscar</button>
|
|
</div>
|
|
<div class="dork-query">
|
|
<code>"ALIAS" site:reddit.com</code>
|
|
<button class="dork-run" data-template='"ALIAS" site:reddit.com'>Buscar</button>
|
|
</div>
|
|
<div class="dork-query">
|
|
<code>"ALIAS" site:github.com</code>
|
|
<button class="dork-run" data-template='"ALIAS" site:github.com'>Buscar</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══ HERRAMIENTAS OSINT ════════════════════════════════════════ -->
|
|
<section class="info alt">
|
|
<div class="container">
|
|
<h2>Herramientas complementarias</h2>
|
|
<div class="grid" style="margin-top:1.3rem">
|
|
|
|
<div class="group">
|
|
<h3>Brechas y email</h3>
|
|
<div class="item">
|
|
<label>Have I Been Pwned</label>
|
|
<div class="actions"><a href="https://haveibeenpwned.com/" target="_blank" rel="noopener">Verificar</a></div>
|
|
</div>
|
|
<div class="item">
|
|
<label>Firefox Monitor</label>
|
|
<div class="actions"><a href="https://monitor.mozilla.org/" target="_blank" rel="noopener">Verificar</a></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="group">
|
|
<h3>Usernames</h3>
|
|
<div class="item">
|
|
<label>WhatsMyName</label>
|
|
<div class="actions"><a href="https://whatsmyname.app/" target="_blank" rel="noopener">Buscar</a></div>
|
|
</div>
|
|
<div class="item">
|
|
<label>Namechk</label>
|
|
<div class="actions"><a href="https://namechk.com/" target="_blank" rel="noopener">Buscar</a></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="group">
|
|
<h3>Imágenes</h3>
|
|
<div class="item">
|
|
<label>TinEye (búsqueda inversa)</label>
|
|
<div class="actions"><a href="https://tineye.com/" target="_blank" rel="noopener">Abrir</a></div>
|
|
</div>
|
|
<div class="item">
|
|
<label>Yandex Images</label>
|
|
<div class="actions"><a href="https://yandex.com/images/" target="_blank" rel="noopener">Abrir</a></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="group">
|
|
<h3>Desindexación</h3>
|
|
<div class="item">
|
|
<label>Google — Derecho al olvido</label>
|
|
<div class="actions"><a href="https://reportcontent.google.com/forms/rtbf" target="_blank" rel="noopener">Formulario</a></div>
|
|
</div>
|
|
<div class="item">
|
|
<label>Bing — Eliminar contenido</label>
|
|
<div class="actions"><a href="https://www.bing.com/webmasters/tools/content-removal" target="_blank" rel="noopener">Formulario</a></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<p>RESETEA.NET · Egosurfing · Sin cookies · Sin almacenamiento de búsquedas</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
'use strict';
|
|
|
|
/* ── Modos de búsqueda ──────────────────────────────────────── */
|
|
const MODES = {
|
|
nombre: { hint: 'Se busca entre comillas para coincidencia exacta.', placeholder: 'Nombre Apellido…' },
|
|
email: { hint: 'Se busca el email exacto en la web abierta.', placeholder: 'tu@correo.com…' },
|
|
usuario: { hint: 'Se busca el alias exacto en redes y webs.', placeholder: '@usuario o alias…' },
|
|
telefono: { hint: 'Se busca el número en la web (con y sin prefijo).', placeholder: '+34 612 345 678…' },
|
|
libre: { hint: 'Búsqueda libre: usa operadores como site:, filetype:…', placeholder: '"término" site:dominio.com…' },
|
|
};
|
|
|
|
let currentMode = 'nombre';
|
|
|
|
const modeBtns = document.querySelectorAll('.mode-btn');
|
|
const modeHint = document.getElementById('mode-hint');
|
|
const egoInput = document.getElementById('ego-input');
|
|
const egoBtn = document.getElementById('ego-btn');
|
|
const resultsSec = document.getElementById('results-section');
|
|
const resultsQuery = document.getElementById('results-query');
|
|
const resultsList = document.getElementById('results-list');
|
|
|
|
modeBtns.forEach(btn => {
|
|
btn.addEventListener('click', () => {
|
|
currentMode = btn.dataset.mode;
|
|
modeBtns.forEach(b => b.classList.toggle('active', b === btn));
|
|
modeHint.textContent = MODES[currentMode].hint;
|
|
egoInput.placeholder = MODES[currentMode].placeholder;
|
|
egoInput.focus();
|
|
});
|
|
});
|
|
|
|
egoInput.addEventListener('keydown', e => { if (e.key === 'Enter') doSearch(); });
|
|
egoBtn.addEventListener('click', doSearch);
|
|
|
|
/* ── Dorking rápido ─────────────────────────────────────────── */
|
|
document.querySelectorAll('.dork-run').forEach(btn => {
|
|
btn.addEventListener('click', () => {
|
|
const val = egoInput.value.trim();
|
|
if (!val) { egoInput.focus(); egoInput.placeholder = '← Primero introduce tu dato aquí'; return; }
|
|
|
|
/* Rellena el template con el valor del input */
|
|
const template = btn.dataset.template;
|
|
const query = template
|
|
.replace('NOMBRE APELLIDOS', val)
|
|
.replace('NOMBRE', val)
|
|
.replace('ALIAS', val)
|
|
.replace('EMAIL', val)
|
|
.replace('TELEFONO', val);
|
|
|
|
egoInput.value = query;
|
|
currentMode = 'libre';
|
|
modeBtns.forEach(b => b.classList.toggle('active', b.dataset.mode === 'libre'));
|
|
modeHint.textContent = MODES.libre.hint;
|
|
doSearch();
|
|
});
|
|
});
|
|
|
|
/* ── Búsqueda ───────────────────────────────────────────────── */
|
|
async function doSearch() {
|
|
const raw = egoInput.value.trim();
|
|
if (!raw) { egoInput.focus(); return; }
|
|
|
|
resultsSec.hidden = false;
|
|
resultsList.innerHTML = `
|
|
<div class="search-state">
|
|
<div class="spinner"></div>
|
|
<p>Buscando en la web…</p>
|
|
</div>`;
|
|
resultsQuery.textContent = '';
|
|
egoBtn.disabled = true;
|
|
|
|
try {
|
|
const res = await fetch('/api/egosearch?' + new URLSearchParams({ q: raw }));
|
|
const data = await res.json();
|
|
|
|
if (!res.ok) {
|
|
showError(data.error || 'Error desconocido.');
|
|
return;
|
|
}
|
|
|
|
resultsQuery.textContent = data.query;
|
|
renderResults(data.results);
|
|
|
|
} catch {
|
|
showError('Error de red. Comprueba tu conexión e inténtalo de nuevo.');
|
|
} finally {
|
|
egoBtn.disabled = false;
|
|
}
|
|
}
|
|
|
|
function renderResults(results) {
|
|
if (!results || results.length === 0) {
|
|
resultsList.innerHTML = `
|
|
<div class="search-state">
|
|
<div class="state-icon">🔍</div>
|
|
<h3>Sin resultados visibles</h3>
|
|
<p>No se encontraron menciones públicas. Eso es una buena señal.<br>
|
|
Prueba variantes de tu nombre o usa los dorks de abajo.</p>
|
|
</div>`;
|
|
return;
|
|
}
|
|
|
|
resultsList.innerHTML = results.map((r, i) => {
|
|
const rtbfUrl = rtbfLink(r.url);
|
|
return `
|
|
<div class="result-card">
|
|
<div class="result-top">
|
|
<span class="result-domain">${esc(r.domain || '—')}</span>
|
|
<span class="result-engine">vía ${esc(r.engine || 'web')}</span>
|
|
</div>
|
|
<a class="result-title" href="${esc(r.url)}" target="_blank" rel="noopener noreferrer">
|
|
${esc(r.title) || '(sin título)'}
|
|
</a>
|
|
<span class="result-url">${esc(r.url)}</span>
|
|
${r.snippet ? `<p class="result-snippet">${esc(r.snippet)}</p>` : ''}
|
|
<div class="result-actions">
|
|
<a class="result-action result-action--visit" href="${esc(r.url)}" target="_blank" rel="noopener noreferrer">
|
|
Ver página
|
|
</a>
|
|
${rtbfUrl ? `<a class="result-action result-action--rtbf" href="${rtbfUrl}" target="_blank" rel="noopener noreferrer">
|
|
Solicitar eliminación
|
|
</a>` : ''}
|
|
<a class="result-action result-action--gdpr" href="plantillas.html" target="_blank">
|
|
Carta GDPR
|
|
</a>
|
|
</div>
|
|
</div>`;
|
|
}).join('');
|
|
}
|
|
|
|
function rtbfLink(url) {
|
|
try {
|
|
const host = new URL(url).hostname;
|
|
if (host.includes('google.')) return 'https://reportcontent.google.com/forms/rtbf';
|
|
if (host.includes('bing.')) return 'https://www.bing.com/webmasters/tools/content-removal';
|
|
if (host.includes('yahoo.')) return 'https://io.help.yahoo.com/contact/index?page=contact';
|
|
} catch {}
|
|
/* Para cualquier otro dominio: derecho al olvido Google */
|
|
return 'https://reportcontent.google.com/forms/rtbf';
|
|
}
|
|
|
|
function showError(msg) {
|
|
resultsList.innerHTML = `
|
|
<div class="search-state">
|
|
<div class="state-icon">⚠️</div>
|
|
<h3>Error en la búsqueda</h3>
|
|
<p>${esc(msg)}</p>
|
|
</div>`;
|
|
}
|
|
|
|
function esc(str) {
|
|
return String(str ?? '')
|
|
.replace(/&/g, '&')
|
|
.replace(/</g, '<')
|
|
.replace(/>/g, '>')
|
|
.replace(/"/g, '"');
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|