osint-launcher / index.html
alexandremoraisdarosa's picture
Update index.html
0e92580 verified
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OSINT Launcher - Ferramentas de Investigação Digital - Perito Joaquim e Prof. AMR</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.category-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.tool-card:hover {
transform: translateY(-3px);
}
.search-highlight {
background-color: #f59e0b;
padding: 0 2px;
border-radius: 2px;
}
.back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
z-index: 99;
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}
</style>
</head>
<body class="bg-gray-100 text-gray-800 font-sans antialiased">
<div class="back-to-top bg-blue-600 text-white p-3 rounded-full shadow-lg cursor-pointer transition hover:bg-blue-700">
<i class="fas fa-arrow-up"></i>
</div>
<header class="bg-gradient-to-r from-blue-700 to-blue-900 text-white shadow-lg sticky top-0 z-10">
<div class="container mx-auto px-4 py-4">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="flex items-center mb-4 md:mb-0">
<i class="fas fa-search-location text-3xl mr-2"></i>
<h1 class="text-2xl md:text-3xl font-bold">OSINT Launcher - Perito Joaquim e Prof. AMR</h1>
</div>
<div class="flex items-center space-x-6 mr-6">
<a href="#instructions" class="text-blue-200 hover:text-white transition">Instruções</a>
<a href="#glossary" class="text-blue-200 hover:text-white transition">Glossário</a>
</div>
<div class="w-full md:w-1/3">
<div class="relative">
<input type="text" id="searchInput" placeholder="Buscar ferramentas..."
class="w-full px-4 py-2 rounded-full text-gray-800 focus:outline-none focus:ring-2 focus:ring-blue-500">
<button class="absolute right-3 top-2 text-blue-700">
<i class="fas fa-search"></i>
</button>
</div>
</div>
</div>
<p class="text-blue-200 mt-2 text-sm md:text-base">Coleção de ferramentas para investigação digital e coleta de informações</p>
</div>
</header>
<main class="container mx-auto px-4 py-8">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6" id="categoriesContainer">
<!-- Categorias serão preenchidas via JavaScript -->
</div>
<div id="toolsContainer" class="mt-12 hidden">
<div class="flex justify-between items-center mb-6">
<h2 id="categoryTitle" class="text-2xl font-bold text-gray-800"></h2>
<button id="backButton" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-full transition flex items-center">
<i class="fas fa-arrow-left mr-2"></i> Voltar
</button>
</div>
<div id="toolsList" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<!-- Ferramentas serão preenchidas via JavaScript -->
</div>
</div>
</main>
<section id="instructions" class="bg-white py-12 px-4">
<div class="container mx-auto">
<h2 class="text-3xl font-bold text-center mb-8 text-gray-800">Instruções de Uso</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-blue-50 p-6 rounded-lg">
<div class="text-blue-600 text-2xl mb-4">
<i class="fas fa-search"></i>
</div>
<h3 class="text-xl font-semibold mb-2">1. Pesquisa</h3>
<p class="text-gray-600">Utilize a barra de pesquisa no cabeçalho para encontrar ferramentas específicas por nome ou descrição.</p>
</div>
<div class="bg-blue-50 p-6 rounded-lg">
<div class="text-blue-600 text-2xl mb-4">
<i class="fas fa-folder-open"></i>
</div>
<h3 class="text-xl font-semibold mb-2">2. Navegação por Categoria</h3>
<p class="text-gray-600">Explore as ferramentas organizadas por categorias temáticas. Clique em qualquer categoria para ver suas ferramentas.</p>
</div>
<div class="bg-blue-50 p-6 rounded-lg">
<div class="text-blue-600 text-2xl mb-4">
<i class="fas fa-external-link-alt"></i>
</div>
<h3 class="text-xl font-semibold mb-2">3. Acesso às Ferramentas</h3>
<p class="text-gray-600">Clique em "Acessar" para abrir a ferramenta em uma nova aba. Use o botão "Voltar" para retornar à lista de categorias.</p>
</div>
</div>
</div>
</section>
<section id="glossary" class="bg-gray-100 py-12 px-4">
<div class="container mx-auto">
<h2 class="text-3xl font-bold text-center mb-8 text-gray-800">Glossário de Termos</h2>
<div class="bg-white p-6 rounded-lg shadow">
<div class="space-y-4">
<div>
<h3 class="text-xl font-semibold text-blue-600">OSINT</h3>
<p class="text-gray-700">Open Source Intelligence - Inteligência de fontes abertas. Coleta e análise de informações disponíveis publicamente.</p>
</div>
<div>
<h3 class="text-xl font-semibold text-blue-600">WHOIS</h3>
<p class="text-gray-700">Protocolo para consulta de informações sobre domínios e endereços IP.</p>
</div>
<div>
<h3 class="text-xl font-semibold text-blue-600">DNS</h3>
<p class="text-gray-700">Domain Name System - Sistema que traduz nomes de domínio para endereços IP.</p>
</div>
<div>
<h3 class="text-xl font-semibold text-blue-600">IP</h3>
<p class="text-gray-700">Internet Protocol - Endereço único que identifica um dispositivo na rede.</p>
</div>
<div>
<h3 class="text-xl font-semibold text-blue-600">EXIF</h3>
<p class="text-gray-700">Exchangeable Image File Format - Metadados armazenados em arquivos de imagem.</p>
</div>
<div>
<h3 class="text-xl font-semibold text-blue-600">CNPJ</h3>
<p class="text-gray-700">Cadastro Nacional da Pessoa Jurídica - Identificador de empresas no Brasil.</p>
</div>
<div>
<h3 class="text-xl font-semibold text-blue-600">Cache</h3>
<p class="text-gray-700">Cópia armazenada temporariamente de uma página web para acesso rápido.</p>
</div>
<div>
<h3 class="text-xl font-semibold text-blue-600">Geolocalização</h3>
<p class="text-gray-700">Identificação da localização geográfica de um dispositivo ou usuário.</p>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-gray-800 text-white py-8">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row justify-between">
<div class="mb-6 md:mb-0">
<h3 class="text-xl font-bold mb-4">OSINT Launcher</h3>
<p class="text-gray-300">Coleção de ferramentas úteis para investigação digital e coleta de informações de fontes abertas.</p>
</div>
<div>
<h3 class="text-xl font-bold mb-4">Links Úteis</h3>
<ul class="space-y-2">
<li><a href="#" class="text-gray-300 hover:text-white transition">Termos de Uso</a></li>
<li><a href="#" class="text-gray-300 hover:text-white transition">Política de Privacidade</a></li>
<li><a href="#" class="text-gray-300 hover:text-white transition">Contato</a></li>
</ul>
</div>
</div>
<div class="border-t border-gray-700 mt-8 pt-6 text-center text-gray-400">
<p>© 2025 OSINT Launcher. Perito Joaquim e Prof. AMR.</p>
</div>
</div>
</footer>
<script>
// Dados das categorias e ferramentas
const toolsData = {
"IP e DNS": [
{ name: "DNS Dumpster", url: "https://dnsdumpster.com/", desc: "Ferramenta online para análise e pesquisa de DNS." },
{ name: "MX Toolbox", url: "https://mxtoolbox.com/", desc: "Ferramenta de diagnóstico para verificar registros DNS, MX, SPF e outros." },
{ name: "Registro.br", url: "https://registro.br/tecnologia/ferramentas/whois/", desc: "Fornece informações de registro para domínios .br." },
{ name: "Whois.com", url: "http://whois.com/", desc: "Serviço de busca WHOIS para verificar a disponibilidade de domínios." },
{ name: "Who.is", url: "https://who.is/", desc: "Ferramenta para obter informações de registro de domínios." },
{ name: "Who is Hosting This", url: "http://www.whoishostingthis.com/", desc: "Descobre a empresa de hospedagem de um site." },
{ name: "Whoisology", url: "https://whoisology.com/", desc: "Oferece pesquisa em arquivos WHOIS." },
{ name: "What is my IP Address", url: "http://whatismyipaddress.com/", desc: "Ferramenta para descobrir o endereço IP público." },
{ name: "IP Info", url: "https://ipinfo.io/", desc: "Provê informações detalhadas sobre IPs." },
{ name: "Maxmind GeoIP Demo", url: "https://www.maxmind.com/en/geoip-demo", desc: "Ferramenta para análise de IP." },
{ name: "Hacker Target AS IP Lookup", url: "https://hackertarget.com/as-ip-lookup/", desc: "Ferramenta para buscar informações de IP." },
{ name: "DNS Checker ASN Whois Lookup", url: "https://dnschecker.org/asn-whois-lookup.php", desc: "Ferramenta para pesquisa de ASN e WHOIS." },
{ name: "IF Config", url: "https://ifconfig.me/", desc: "Ferramenta para descobrir o endereço IP público e outras informações." }
],
"Mapas": [
{ name: "Bing Maps", url: "http://www.bing.com/maps", desc: "Serviço de mapa web da Microsoft que serve como base para muitos outros aplicativos." },
{ name: "Google Earth", url: "http://www.google.com/earth", desc: "Programa de computador que representa a Terra com base em superposições de imagens." },
{ name: "Google Maps", url: "https://www.google.com/maps", desc: "Serviço de mapeamento web que oferece imagens de satélite, mapas de rua e rotas." },
{ name: "OpenStreetMap", url: "http://www.openstreetmap.org/", desc: "Projeto de mapa colaborativo que permite aos usuários editar e adicionar dados de mapa." },
{ name: "World Aero Data", url: "http://worldaerodata.com/", desc: "Fornece informações aeroespaciais, incluindo detalhes de aeroportos e navegação aérea." },
{ name: "WorldMap", url: "http://worldmap.harvard.edu/", desc: "Plataforma de mapeamento colaborativo desenvolvida pela Universidade de Harvard." },
{ name: "ViaMichelin", url: "http://www.viamichelin.com/", desc: "Serviço online de mapas e rotas com recomendações de restaurantes e hotéis." },
{ name: "Yahoo Maps", url: "https://maps.yahoo.com/", desc: "Serviço de mapeamento online que oferece direções de condução e mapas interativos." },
{ name: "ZeeMaps", url: "https://www.zeemaps.com/", desc: "Serviço que permite aos usuários criar, personalizar e publicar mapas interativos." },
{ name: "Wigle", url: "https://wigle.net/", desc: "Projeto de mapeamento de redes sem fio que recolhe e mapeia dados de redes sem fio ao redor do mundo." }
],
"Imagens": [
{ name: "Baidu Images", url: "http://image.baidu.com/", desc: "Ferramenta de busca de imagens na Internet" },
{ name: "Bing Images", url: "http://www.bing.com/images", desc: "Serviço de busca de imagens da Microsoft" },
{ name: "Flickr", url: "https://secure.flickr.com/", desc: "Site de hospedagem de fotos com recursos de busca" },
{ name: "Google Images", url: "https://images.google.com/", desc: "Serviço de busca de imagens do Google" },
{ name: "ImageIdentify", url: "https://www.imageidentify.com/", desc: "Ferramenta para identificar objetos em imagens" },
{ name: "KarmaDecay", url: "http://karmadecay.com/", desc: "Ferramenta de busca reversa de imagens para Reddit" },
{ name: "Lycos Search", url: "http://search.lycos.com/", desc: "Motor de busca que inclui imagens" },
{ name: "Photobucket", url: "http://photobucket.com/", desc: "Site de hospedagem de imagens com recursos de busca" },
{ name: "Picsearch", url: "http://www.picsearch.com/", desc: "Motor de busca de imagens" },
{ name: "TinEye", url: "https://tineye.com/", desc: "Ferramenta de busca reversa de imagens" },
{ name: "Yahoo Images", url: "https://images.search.yahoo.com/", desc: "Serviço de busca de imagens do Yahoo" },
{ name: "Yandex Images", url: "https://www.yandex.com/images", desc: "Serviço de busca de imagens do Yandex" },
{ name: "FotoForensics", url: "http://www.fotoforensics.com/", desc: "Fornece análise forense de imagens" },
{ name: "EXIF Regex", url: "http://exif.regex.info/", desc: "Ferramenta de visualização de dados EXIF em imagens" },
{ name: "MetaPicz", url: "http://metapicz.com/", desc: "Ferramenta para visualizar e analisar dados EXIF de imagens" }
],
"Vídeos": [
{ name: "Bing Videos", url: "http://www.bing.com/?scope=video", desc: "Plataforma de pesquisa de vídeos" },
{ name: "Dailymotion", url: "http://www.dailymotion.com/", desc: "Plataforma de compartilhamento de vídeos" },
{ name: "EarthCam", url: "http://www.earthcam.com/", desc: "Fornece webcams ao vivo ao redor do mundo" },
{ name: "Archive.org Movies", url: "https://archive.org/details/opensource_movies", desc: "Biblioteca de filmes gratuitos e programas de TV" },
{ name: "LiveLeak", url: "http://www.liveleak.com/", desc: "Plataforma de compartilhamento de vídeos focada em notícias do mundo real" },
{ name: "Vimeo", url: "https://vimeo.com/", desc: "Plataforma de compartilhamento de vídeos de alta qualidade" },
{ name: "Yahoo Video Search", url: "http://video.search.yahoo.com/", desc: "Plataforma de pesquisa de vídeos" },
{ name: "YouTube", url: "https://www.youtube.com/", desc: "Maior plataforma de compartilhamento de vídeos" },
{ name: "Citizen Evidence", url: "https://www.amnestyusa.org/citizenevidence", desc: "Ferramenta para autenticar e verificar vídeos de direitos humanos" }
],
"Fake Detect": [
{ name: "Fact Check", url: "https://www.factcheck.org/", desc: "Site de verificação de fatos" },
{ name: "ABC News Fact Check", url: "https://www.abc.net.au/news/factcheck/", desc: "Verificação de fatos pela ABC News" },
{ name: "Google Fact Check Explorer", url: "https://toolbox.google.com/factcheck/explorer", desc: "Ferramenta do Google para explorar verificações de fatos" },
{ name: "Snopes", url: "https://www.snopes.com/", desc: "Site de verificação de rumores e desinformação" },
{ name: "Politifact", url: "https://www.politifact.com/", desc: "Site de verificação de fatos políticos" },
{ name: "Africa Check", url: "https://africacheck.org/", desc: "Site de verificação de fatos focado na África" },
{ name: "MIT Fake News App", url: "http://cbcl-web.mit.edu/FakeNewsApp-public/index.html", desc: "Ferramenta do MIT para detecção de notícias falsas" },
{ name: "EU vs Disinfo", url: "https://euvsdisinfo.eu/disinformation-cases/", desc: "Projeto da UE para combater a desinformação" }
],
"Instagram e Facebook": [
{ name: "Facebook Search", url: "http://search.fb.com/", desc: "Pesquisa avançada no Facebook" },
{ name: "Zesty Facebook", url: "http://zesty.ca/facebook", desc: "Ferramenta de análise de páginas do Facebook" },
{ name: "Instagram User ID Comment Picker", url: "https://commentpicker.com/instagram-user-id.php", desc: "Encontra o ID de usuário do Instagram a partir do nome de usuário" },
{ name: "InstaFollowers User ID", url: "https://www.instafollowers.co/find-instagram-user-id", desc: "Ferramenta para encontrar o ID de usuário do Instagram" },
{ name: "Lookup-ID", url: "https://lookup-id.com/", desc: "Encontra o ID de usuário do Facebook a partir do nome de usuário" }
],
"Celular": [
{ name: "Free Carrier Lookup", url: "http://freecarrierlookup.com/", desc: "Fornece informações sobre a operadora de um número de telefone." },
{ name: "Consulta Número ABR Telecom", url: "https://consultanumero.abrtelecom.com.br/consultanumero/consulta/consultaSituacaoAtualCtg", desc: "Consulta a situação atual de um número de telefone no Brasil." },
{ name: "IMEI.info", url: "https://www.imei.info/pt/", desc: "Fornece informações sobre um dispositivo com base em seu IMEI." },
{ name: "IMEI Check", url: "https://imeicheck.com/pt/consultar-imei", desc: "Ferramenta de consulta de IMEI." },
{ name: "Cadastro Pré", url: "https://cadastropre.com.br/", desc: "Ferramenta para consulta de telefones pré-pagos no Brasil." },
{ name: "GSMArena", url: "https://www.gsmarena.com/", desc: "Fornece especificações técnicas de dispositivos móveis." }
],
"Cache Internet": [
{ name: "Cached Pages", url: "http://www.cachedpages.com/", desc: "Ferramenta online para visualizar versões em cache de páginas da web." },
{ name: "Cached View", url: "http://cachedview.com/", desc: "Outra ferramenta para acessar versões em cache de páginas da web." },
{ name: "Internet Archive: Wayback Machine", url: "http://archive.org/web/web.php", desc: "Permite ver como as páginas da web eram no passado, acessando cópias arquivadas." }
],
"Checa Username": [
{ name: "Check Usernames", url: "http://www.checkusernames.com/", desc: "Verifica a disponibilidade de nomes de usuário em diversas plataformas online." },
{ name: "Knowem", url: "http://www.knowem.com/", desc: "Pesquisa por nomes de usuário em redes sociais, domínios e marcas comerciais." },
{ name: "Namechk", url: "http://www.namechk.com/", desc: "Ferramenta para verificar a disponibilidade de nomes de usuário em sites populares." },
{ name: "Namecheckr", url: "http://www.namecheckr.com/", desc: "Verifica a disponibilidade de nomes de usuário e domínios." },
{ name: "Usersearch", url: "http://www.usersearch.org/", desc: "Ferramenta de pesquisa de pessoas e nomes de usuário em redes sociais." }
],
"E-mail": [
{ name: "Vedbex Email2Skype", url: "https://www.vedbex.com/tools/email2skype", desc: "Ferramenta para encontrar contas Skype associadas a um endereço de e-mail." },
{ name: "Whoxy", url: "https://www.whoxy.com/", desc: "Ferramenta para pesquisa de domínios e WHOIS." },
{ name: "ViewDNS Reverse Whois", url: "https://viewdns.info/reversewhois/", desc: "Ferramenta para encontrar domínios registrados para uma pessoa ou empresa." },
{ name: "What Is My IP Address Email Trace", url: "https://whatismyipaddress.com/trace-email", desc: "Ferramenta para rastrear a origem de um e-mail através do cabeçalho." },
{ name: "Microsoft Header Analysis", url: "https://mha.azurewebsites.net/", desc: "Ferramenta online para análise de cabeçalhos de e-mail." },
{ name: "MXToolbox Email Headers", url: "https://mxtoolbox.com/EmailHeaders.aspx", desc: "Ferramenta para análise de cabeçalhos de e-mail." },
{ name: "Google Message Header Analyzer", url: "https://toolbox.googleapps.com/apps/messageheader/?lang=pt-BR", desc: "Ferramenta do Google para análise de cabeçalhos de e-mail." },
{ name: "Hunter", url: "https://hunter.io/", desc: "Ferramenta para encontrar e verificar endereços de e-mail profissionais." },
{ name: "Epieos Google Account Finder", url: "https://tools.epieos.com/google-account.php", desc: "Ferramenta para encontrar contas do Google associadas a um endereço de e-mail." },
{ name: "EmailRep", url: "https://emailrep.io/", desc: "Ferramenta para obter informações sobre a reputação de um endereço de e-mail." }
],
"Alertas": [
{ name: "Google Alerts", url: "https://www.google.com.au/alerts", desc: "Monitora a web para novos conteúdos sobre qualquer tópico de interesse." },
{ name: "Talkwalker Alerts", url: "https://www.talkwalker.com/alerts", desc: "Monitora a Internet e as redes sociais para menções de palavras-chave escolhidas." },
{ name: "Feedreader", url: "https://feedreader.com/", desc: "Leitor de feeds RSS online que agrega conteúdo de várias fontes." },
{ name: "Disaster Alert", url: "https://disasteralert.pdc.org/disasteralert/", desc: "Oferece atualizações em tempo real sobre desastres naturais e outros eventos globais de emergência." },
{ name: "GDACS", url: "https://gdacs.org/", desc: "Fornece alertas rápidos após grandes desastres em todo o mundo." }
],
"CNPJ": [
{ name: "Soluções Receita Fazenda", url: "https://solucoes.receita.fazenda.gov.br/servicos/cnpjreva/cnpjreva_solicitacao.asp", desc: "Serviço oficial para consulta de CNPJ." },
{ name: "CNPJ.biz", url: "https://cnpj.biz/", desc: "Ferramenta de consulta de CNPJ." },
{ name: "Base CNPJ", url: "https://basecnpj.com.br/", desc: "Serviço para busca e análise de informações de CNPJ." },
{ name: "Situação Cadastral", url: "https://www.situacaocadastral.info/", desc: "Ferramenta para verificar a situação cadastral de CNPJ." },
{ name: "Nacional Consultas", url: "https://www.nacionalconsultas.com.br/", desc: "Serviço de consultas de CNPJ e outros dados empresariais." },
{ name: "Econodata", url: "https://econodata.com.br/", desc: "Plataforma de prospecção e inteligência de mercado com dados de CNPJ." },
{ name: "Consulta Sócio", url: "https://www.consultasocio.com/", desc: "Serviço para busca de sócios em empresas por CNPJ." },
{ name: "Cadastro Empresa", url: "https://cadastroempresa.com.br/", desc: "Ferramenta para consulta de dados de empresas através de CNPJ." }
],
"Arquivos": [
{ name: "Procedimento Operacional Padrão Perícia Criminal", url: "https://www.gov.br/mj/pt-br/assuntos/sua-seguranca/seguranca-publica/analise-e-pesquisa/download/pop/procedimento_operacional_padrao-pericia_criminal.pdf", desc: "Documento sobre práticas de perícia criminal." },
{ name: "Relatório de Atividades do GT-IPv6", url: "https://www.anatel.gov.br/Portal/verificaDocumentos/documento.asp?numeroPublicacao=325769&assuntoPublicacao=Relat%F3rio%20de%20Atividades%20do%20GT-IPv6%20-%20Grupo%20de%20Trabalho%20para%20Implanta%E7%E3o%20do%20Protocolo%20IPv6%20na%20rede%20das%20Prestadoras%20de%20Telecomunica%E7%F5es.&caminhoRel=null&filtro=1&documentoPath=325769.pdf", desc: "Relatório sobre a implementação do protocolo IPv6 em redes de telecomunicações." },
{ name: "RFC 3227", url: "https://www.ietf.org/rfc/rfc3227.txt", desc: "Documento técnico sobre diretrizes para coleta de evidências em investigações de segurança de TI." },
{ name: "Registrato BCB", url: "https://sso.acesso.gov.br/login?client_id=registrato.bcb.gov.br&authorization_id=18e49e9e624", desc: "Sistema para gestão de informações financeiras." },
{ name: "Assinador Serpro", url: "https://www.serpro.gov.br/links-fixos-superiores/assinador-digital/assinador-serpro#:~:text=Para%20validar%20uma%20assinatura%20n%C3%A3o,valida%C3%A7%C3%B5es%20de%20assinatura%20do%20tutorial", desc: "Ferramenta para assinatura e validação de documentos digitais." }
],
"Painel de Consulta": [
{ name: "Panel Situação Cadastral", url: "https://panel.situacaocadastral.com.br/", desc: "Ferramenta para consulta de situação cadastral" },
{ name: "Brasil Consultas", url: "https://brasilconsultas.com.br/", desc: "Plataforma para consultas variadas, incluindo situação cadastral" },
{ name: "CrediLink", url: "https://www.credilink.com.br/", desc: "Ferramenta para consultas creditícias e cadastrais" },
{ name: "Fenix Consultas", url: "https://fenixconsultas.com.br/", desc: "Plataforma de consultas cadastrais e análise de crédito" }
],
"Outros": [
{ name: "Google Advanced Search", url: "https://www.google.com.br/advanced_search", desc: "Pesquisa avançada no Google." },
{ name: "crt.sh", url: "https://crt.sh/", desc: "Certificado de transparência, pesquisa de certificados SSL." },
{ name: "OSINT Framework", url: "https://www.osintframework.com/", desc: "Recurso para coleta de informações de fontes abertas." },
{ name: "EXIF Tools", url: "https://exif.tools/", desc: "Ferramenta para visualização e edição de dados EXIF." },
{ name: "Online EXIF Viewer", url: "https://onlineexifviewer.com/", desc: "Visualização online de dados EXIF de imagens." },
{ name: "EXIF Data", url: "https://www.exifdata.com/", desc: "Visualização de dados EXIF de imagens." },
{ name: "VirusTotal", url: "https://www.virustotal.com/gui/home/upload", desc: "Serviço online de verificação de arquivos e URLs suspeitos." },
{ name: "PSafe Dfndr Lab", url: "https://www.psafe.com/dfndr-lab/pt-br/", desc: "Laboratório de segurança digital, identificação de ameaças." },
{ name: "CheckShortURL", url: "https://checkshorturl.com/", desc: "Expansão e verificação de URLs encurtadas." },
{ name: "Exploit Database", url: "https://www.exploit-db.com/google-hacking-database", desc: "Banco de dados de explorações conhecidas." },
{ name: "Registrato", url: "https://registrato.bcb.gov.br/", desc: "Ferramenta do Banco Central para gestão de informações financeiras." },
{ name: "Data Certify", url: "https://www.datacertify.com.br/", desc: "Comprove a existência de um fato digital com segurança" },
{ name: "Verifact", url: "https://verifact.com.br/", desc: "Verificação de fatos e identificação de fake news." },
{ name: "Takeout", url: "https://takeout.google.com/", desc: "Exporte uma cópia do conteúdo da sua Conta do Google" }
]
};
// Ícones para cada categoria (usando Font Awesome)
const categoryIcons = {
"IP e DNS": "fa-network-wired",
"Mapas": "fa-map",
"Imagens": "fa-image",
"Vídeos": "fa-video",
"Fake Detect": "fa-search-minus",
"Instagram e Facebook": "fa-thumbs-up",
"Celular": "fa-mobile-alt",
"Cache Internet": "fa-history",
"Checa Username": "fa-user-circle",
"E-mail": "fa-envelope",
"Alertas": "fa-bell",
"CNPJ": "fa-file-invoice",
"Arquivos": "fa-file-alt",
"Painel de Consulta": "fa-desktop",
"Outros": "fa-tools"
};
// Cores de fundo para cada categoria
const categoryColors = {
"IP e DNS": "bg-indigo-100 border-indigo-400",
"Mapas": "bg-green-100 border-green-400",
"Imagens": "bg-blue-100 border-blue-400",
"Vídeos": "bg-red-100 border-red-400",
"Fake Detect": "bg-yellow-100 border-yellow-400",
"Instagram e Facebook": "bg-purple-100 border-purple-400",
"Celular": "bg-teal-100 border-teal-400",
"Cache Internet": "bg-gray-100 border-gray-400",
"Checa Username": "bg-pink-100 border-pink-400",
"E-mail": "bg-blue-100 border-blue-400",
"Alertas": "bg-orange-100 border-orange-400",
"CNPJ": "bg-emerald-100 border-emerald-400",
"Arquivos": "bg-gray-100 border-gray-400",
"Painel de Consulta": "bg-cyan-100 border-cyan-400",
"Outros": "bg-gray-200 border-gray-500"
};
// Função para renderizar as categorias
function renderCategories() {
const categoriesContainer = document.getElementById('categoriesContainer');
categoriesContainer.innerHTML = '';
Object.keys(toolsData).forEach(category => {
const card = document.createElement('div');
card.className = `category-card bg-white rounded-lg shadow-md border-l-4 ${categoryColors[category]} p-6 cursor-pointer transition hover:shadow-lg duration-300`;
card.innerHTML = `
<div class="flex items-center mb-4">
<i class="fas ${categoryIcons[category]} text-2xl ${categoryColors[category].replace('bg-', 'text-').split(' ')[0]} mr-3"></i>
<h2 class="text-xl font-bold">${category}</h2>
</div>
<p class="text-gray-600">${toolsData[category].length} ferramentas disponíveis</p>
`;
card.addEventListener('click', () => showTools(category));
categoriesContainer.appendChild(card);
});
}
// Função para mostrar as ferramentas de uma categoria
function showTools(category) {
const categoriesDiv = document.getElementById('categoriesContainer');
const toolsDiv = document.getElementById('toolsContainer');
const categoryTitle = document.getElementById('categoryTitle');
const toolsList = document.getElementById('toolsList');
categoriesDiv.classList.add('hidden');
toolsDiv.classList.remove('hidden');
categoryTitle.textContent = category;
toolsList.innerHTML = '';
toolsData[category].forEach(tool => {
const toolCard = document.createElement('div');
toolCard.className = 'tool-card bg-white rounded-lg shadow p-4 transition duration-300 hover:shadow-md';
toolCard.innerHTML = `
<h3 class="font-bold text-blue-700 mb-2">${tool.name}</h3>
<p class="text-gray-600 text-sm mb-3">${tool.desc}</p>
<a href="${tool.url}" target="_blank" class="text-blue-600 hover:text-blue-800 text-sm font-medium inline-flex items-center">
Acessar <i class="fas fa-external-link-alt ml-1"></i>
</a>
`;
toolsList.appendChild(toolCard);
});
// Scroll to top
window.scrollTo({ top: 0, behavior: 'smooth' });
}
// Função para voltar para a lista de categorias
document.getElementById('backButton').addEventListener('click', () => {
document.getElementById('categoriesContainer').classList.remove('hidden');
document.getElementById('toolsContainer').classList.add('hidden');
});
// Função para pesquisa
document.getElementById('searchInput').addEventListener('input', function() {
const searchTerm = this.value.toLowerCase();
if (searchTerm.length === 0) {
renderCategories();
return;
}
const categoriesContainer = document.getElementById('categoriesContainer');
categoriesContainer.innerHTML = '';
let foundResults = false;
Object.keys(toolsData).forEach(category => {
const matchingTools = toolsData[category].filter(tool =>
tool.name.toLowerCase().includes(searchTerm) ||
tool.desc.toLowerCase().includes(searchTerm)
);
if (matchingTools.length > 0) {
foundResults = true;
const card = document.createElement('div');
card.className = `category-card bg-white rounded-lg shadow-md border-l-4 ${categoryColors[category]} p-6 cursor-pointer transition hover:shadow-lg duration-300`;
card.innerHTML = `
<div class="flex items-center mb-4">
<i class="fas ${categoryIcons[category]} text-2xl ${categoryColors[category].replace('bg-', 'text-').split(' ')[0]} mr-3"></i>
<h2 class="text-xl font-bold">${category}</h2>
</div>
<p class="text-gray-600 mb-3">${matchingTools.length} correspondência(s)</p>
<div class="space-y-2">
${matchingTools.slice(0, 3).map(tool => `
<div class="p-2 bg-gray-50 rounded">
<h3 class="font-medium">${highlightSearchTerm(tool.name, searchTerm)}</h3>
<p class="text-xs text-gray-500">${highlightSearchTerm(tool.desc.substring(0, 50) + (tool.desc.length > 50 ? '...' : ''), searchTerm)}</p>
</div>
`).join('')}
${matchingTools.length > 3 ? `<p class="text-sm text-blue-600 mt-2">+${matchingTools.length - 3} mais nesta categoria</p>` : ''}
</div>
`;
card.addEventListener('click', () => showTools(category));
categoriesContainer.appendChild(card);
}
});
if (!foundResults) {
categoriesContainer.innerHTML = `
<div class="col-span-full text-center py-10">
<i class="fas fa-search text-4xl text-gray-400 mb-4"></i>
<h3 class="text-xl font-medium text-gray-600">Nenhum resultado encontrado</h3>
<p class="text-gray-500">Tente usar termos diferentes ou mais genéricos</p>
</div>
`;
}
});
// Função para destacar o termo de pesquisa
function highlightSearchTerm(text, term) {
if (!term) return text;
const regex = new RegExp(term, 'gi');
return text.replace(regex, match => `<span class="search-highlight">${match}</span>`);
}
// Botão "Voltar ao topo"
window.addEventListener('scroll', function() {
const backToTopButton = document.querySelector('.back-to-top');
if (window.pageYOffset > 300) {
backToTopButton.style.display = 'block';
} else {
backToTopButton.style.display = 'none';
}
});
document.querySelector('.back-to-top').addEventListener('click', function() {
window.scrollTo({ top: 0, behavior: 'smooth' });
});
// Carregar as categorias quando a página carregar
document.addEventListener('DOMContentLoaded', renderCategories);
</script>
<!-- <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=alexandremoraisdarosa/osint-launcher" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>