|
|
<!DOCTYPE html> |
|
|
<html lang="pt-BR"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Política de Privacidade - Acelerador de QA para Front-End</title> |
|
|
<link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script> |
|
|
tailwind.config = { |
|
|
theme: { |
|
|
extend: { |
|
|
colors: { |
|
|
primary: '#21223a', |
|
|
secondary: '#ff580f', |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
<script src="https://unpkg.com/feather-icons"></script> |
|
|
<style> |
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); |
|
|
|
|
|
body { |
|
|
font-family: 'Inter', sans-serif; |
|
|
} |
|
|
|
|
|
.gradient-bg { |
|
|
background: linear-gradient(135deg, #21223a 0%, #2d2f4e 100%); |
|
|
} |
|
|
|
|
|
.section-divider { |
|
|
border-bottom: 2px solid #ff580f; |
|
|
width: 60px; |
|
|
margin: 1.5rem 0; |
|
|
} |
|
|
|
|
|
.privacy-card { |
|
|
transition: transform 0.3s ease, box-shadow 0.3s ease; |
|
|
} |
|
|
|
|
|
.privacy-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 20px 25px -5px rgba(33, 34, 58, 0.1), 0 10px 10px -5px rgba(33, 34, 58, 0.04); |
|
|
} |
|
|
|
|
|
.checkmark-animation { |
|
|
animation: checkmarkPulse 2s infinite; |
|
|
} |
|
|
|
|
|
@keyframes checkmarkPulse { |
|
|
0% { transform: scale(1); } |
|
|
50% { transform: scale(1.1); } |
|
|
100% { transform: scale(1); } |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="gradient-bg min-h-screen text-white"> |
|
|
|
|
|
<header class="container mx-auto px-6 py-8"> |
|
|
<div class="flex items-center justify-between"> |
|
|
<div class="flex items-center space-x-3"> |
|
|
<div class="w-12 h-12 bg-secondary rounded-full flex items-center justify-center"> |
|
|
<i data-feather="shield" class="w-6 h-6"></i> |
|
|
</div> |
|
|
<h1 class="text-2xl font-bold">Acelerador de QA</h1> |
|
|
</div> |
|
|
<div class="hidden md:flex items-center space-x-6"> |
|
|
<a href="#" class="hover:text-secondary transition-colors">Início</a> |
|
|
<a href="#" class="hover:text-secondary transition-colors">Recursos</a> |
|
|
<a href="#" class="hover:text-secondary transition-colors">Documentação</a> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<section class="container mx-auto px-6 py-16 text-center"> |
|
|
<div class="max-w-4xl mx-auto"> |
|
|
<div class="w-20 h-20 bg-secondary rounded-full flex items-center justify-center mx-auto mb-6"> |
|
|
<i data-feather="lock" class="w-10 h-10"></i> |
|
|
</div> |
|
|
<h1 class="text-4xl md:text-5xl font-bold mb-4">Política de Privacidade</h1> |
|
|
<p class="text-xl text-gray-300 mb-8">Transparência e segurança em primeiro lugar</p> |
|
|
<div class="bg-primary rounded-lg p-6 border-l-4 border-secondary"> |
|
|
<p class="text-lg">Última atualização: 07 de outubro de 2025</p> |
|
|
<p class="text-gray-300">Responsável: Foursys – Studio de Inovação</p> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<main class="container mx-auto px-6 pb-20"> |
|
|
|
|
|
<section class="max-w-4xl mx-auto mb-16"> |
|
|
<div class="flex items-center space-x-4 mb-6"> |
|
|
<div class="w-10 h-10 bg-secondary rounded-full flex items-center justify-center"> |
|
|
<i data-feather="heart" class="w-5 h-5"></i> |
|
|
</div> |
|
|
<h2 class="text-2xl font-bold">Compromisso com a privacidade</h2> |
|
|
</div> |
|
|
<div class="bg-primary rounded-lg p-8 privacy-card"> |
|
|
<p class="text-lg leading-relaxed"> |
|
|
A extensão Acelerador de QA para Front-End foi desenvolvida com foco em privacidade, segurança e respeito total ao usuário. Nós não coletamos, armazenamos ou compartilhamos qualquer tipo de informação pessoal ou dados de navegação. |
|
|
</p> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="max-w-4xl mx-auto mb-16"> |
|
|
<div class="flex items-center space-x-4 mb-6"> |
|
|
<div class="w-10 h-10 bg-secondary rounded-full flex items-center justify-center"> |
|
|
<i data-feather="eye-off" class="w-5 h-5"></i> |
|
|
</div> |
|
|
<h2 class="text-2xl font-bold">Dados que não coletamos</h2> |
|
|
</div> |
|
|
<div class="bg-primary rounded-lg p-8 privacy-card"> |
|
|
<p class="text-lg mb-6">Durante o uso da extensão, nenhum dos seguintes dados é coletado:</p> |
|
|
<ul class="space-y-4"> |
|
|
<li class="flex items-start space-x-3"> |
|
|
<i data-feather="x-circle" class="w-5 h-5 text-red-400 mt-1 flex-shrink-0"></i> |
|
|
<span>Informações pessoais (nome, e-mail, localização etc.)</span> |
|
|
</li> |
|
|
<li class="flex items-start space-x-3"> |
|
|
<i data-feather="x-circle" class="w-5 h-5 text-red-400 mt-1 flex-shrink-0"></i> |
|
|
<span>Histórico de navegação</span> |
|
|
</li> |
|
|
<li class="flex items-start space-x-3"> |
|
|
<i data-feather="x-circle" class="w-5 h-5 text-red-400 mt-1 flex-shrink-0"></i> |
|
|
<span>Conteúdo das páginas acessadas</span> |
|
|
</li> |
|
|
<li class="flex items-start space-x-3"> |
|
|
<i data-feather="x-circle" class="w-5 h-5 text-red-400 mt-1 flex-shrink-0"></i> |
|
|
<span>Informações de login ou senha</span> |
|
|
</li> |
|
|
<li class="flex items-start space-x-3"> |
|
|
<i data-feather="x-circle" class="w-5 h-5 text-red-400 mt-1 flex-shrink-0"></i> |
|
|
<span>Dados armazenados localmente (cookies, localStorage, etc.)</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="max-w-4xl mx-auto mb-16"> |
|
|
<div class="flex items-center space-x-4 mb-6"> |
|
|
<div class="w-10 h-10 bg-secondary rounded-full flex items-center justify-center"> |
|
|
<i data-feather="cpu" class="w-5 h-5"></i> |
|
|
</div> |
|
|
<h2 class="text-2xl font-bold">Como a extensão funciona</h2> |
|
|
</div> |
|
|
<div class="bg-primary rounded-lg p-8 privacy-card"> |
|
|
<p class="text-lg leading-relaxed"> |
|
|
A extensão opera exclusivamente na aba ativa e apenas quando o usuário a aciona. Ela lê a estrutura do DOM da página atual para identificar elementos HTML e sugerir seletores úteis para automação de testes. |
|
|
</p> |
|
|
<div class="section-divider"></div> |
|
|
<p class="text-lg leading-relaxed"> |
|
|
Não injetamos scripts, não modificamos páginas e não enviamos nenhum dado para servidores externos. Tudo acontece localmente no seu navegador. |
|
|
</p> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="max-w-4xl mx-auto mb-16"> |
|
|
<div class="flex items-center space-x-4 mb-6"> |
|
|
<div class="w-10 h-10 bg-secondary rounded-full flex items-center justify-center"> |
|
|
<i data-feather="key" class="w-5 h-5"></i> |
|
|
</div> |
|
|
<h2 class="text-2xl font-bold">Permissões utilizadas</h2> |
|
|
</div> |
|
|
<div class="bg-primary rounded-lg p-8 privacy-card"> |
|
|
<ul class="space-y-4"> |
|
|
<li class="flex items-start space-x-3"> |
|
|
<i data-feather="check-circle" class="w-5 h-5 text-green-400 mt-1 flex-shrink-0"></i> |
|
|
<span><strong>scripting:</strong> usada apenas para ler o DOM da aba ativa e sugerir seletores.</span> |
|
|
</li> |
|
|
<li class="flex items-start space-x-3"> |
|
|
<i data-feather="x-circle" class="w-5 h-5 text-red-400 mt-1 flex-shrink-0"></i> |
|
|
<span>Não usamos permissões como host_permissions, storage, tabs ou cookies.</span> |
|
|
</li> |
|
|
</ul> |
|
|
<div class="section-divider"></div> |
|
|
<p class="text-lg leading-relaxed"> |
|
|
Todas as operações ocorrem localmente, no navegador do usuário, sem qualquer comunicação com APIs ou serviços externos. |
|
|
</p> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="max-w-4xl mx-auto mb-16"> |
|
|
<div class="flex items-center space-x-4 mb-6"> |
|
|
<div class="w-10 h-10 bg-secondary rounded-full flex items-center justify-center"> |
|
|
<i data-feather="users" class="w-5 h-5"></i> |
|
|
</div> |
|
|
<h2 class="text-2xl font-bold">Compartilhamento de dados</h2> |
|
|
</div> |
|
|
<div class="bg-primary rounded-lg p-8 privacy-card"> |
|
|
<p class="text-lg leading-relaxed"> |
|
|
A extensão não compartilha dados com terceiros. Como nenhuma informação é coletada, não há o que compartilhar. |
|
|
</p> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="max-w-4xl mx-auto mb-16"> |
|
|
<div class="flex items-center space-x-4 mb-6"> |
|
|
<div class="w-10 h-10 bg-secondary rounded-full flex items-center justify-center"> |
|
|
<i data-feather="pie-chart" class="w-5 h-5"></i> |
|
|
</div> |
|
|
<h2 class="text-2xl font-bold">Cookies e rastreamento</h2> |
|
|
</div> |
|
|
<div class="bg-primary rounded-lg p-8 privacy-card"> |
|
|
<p class="text-lg leading-relaxed"> |
|
|
A extensão não utiliza cookies nem qualquer mecanismo de rastreamento. Não há integração com ferramentas de analytics ou publicidade. |
|
|
</p> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="max-w-4xl mx-auto mb-16"> |
|
|
<div class="flex items-center space-x-4 mb-6"> |
|
|
<div class="w-10 h-10 bg-secondary rounded-full flex items-center justify-center"> |
|
|
<i data-feather="mail" class="w-5 h-5"></i> |
|
|
</div> |
|
|
<h2 class="text-2xl font-bold">Contato</h2> |
|
|
</div> |
|
|
<div class="bg-primary rounded-lg p-8 privacy-card"> |
|
|
<p class="text-lg mb-6">Em caso de dúvidas sobre esta Política de Privacidade, você pode entrar em contato com o time responsável:</p> |
|
|
<div class="space-y-3"> |
|
|
<div class="flex items-center space-x-3"> |
|
|
<i data-feather="briefcase" class="w-5 h-5 text-secondary"></i> |
|
|
<span class="text-lg">Foursys – Studio de Inovação</span> |
|
|
</div> |
|
|
<div class="flex items-center space-x-3"> |
|
|
<i data-feather="globe" class="w-5 h-5 text-secondary"></i> |
|
|
<a href="https://www.foursys.com.br" class="text-lg text-secondary hover:underline">https://www.foursys.com.br</a> |
|
|
</div> |
|
|
<div class="flex items-center space-x-3"> |
|
|
<i data-feather="mail" class="w-5 h-5 text-secondary"></i> |
|
|
<a href="mailto:contato@foursys.com.br" class="text-lg text-secondary hover:underline">contato@foursys.com.br</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="max-w-4xl mx-auto"> |
|
|
<div class="flex items-center space-x-4 mb-6"> |
|
|
<div class="w-10 h-10 bg-secondary rounded-full flex items-center justify-center"> |
|
|
<i data-feather="check-square" class="w-5 h-5"></i> |
|
|
</div> |
|
|
<h2 class="text-2xl font-bold">Resumo</h2> |
|
|
</div> |
|
|
<div class="grid md:grid-cols-2 gap-6"> |
|
|
<div class="bg-primary rounded-lg p-6 text-center privacy-card"> |
|
|
<i data-feather="user-x" class="w-12 h-12 text-green-400 mx-auto mb-4 checkmark-animation"></i> |
|
|
<h3 class="text-xl font-semibold mb-2">Não coletamos dados pessoais</h3> |
|
|
<p class="text-gray-300">Zero coleta de informações pessoais</p> |
|
|
</div> |
|
|
<div class="bg-primary rounded-lg p-6 text-center privacy-card"> |
|
|
<i data-feather="map-pin" class="w-12 h-12 text-green-400 mx-auto mb-4 checkmark-animation"></i> |
|
|
<h3 class="text-xl font-semibold mb-2">Não rastreamos sua navegação</h3> |
|
|
<p class="text-gray-300">Sem monitoramento de atividades</p> |
|
|
</div> |
|
|
<div class="bg-primary rounded-lg p-6 text-center privacy-card"> |
|
|
<i data-feather="database" class="w-12 h-12 text-green-400 mx-auto mb-4 checkmark-animation"></i> |
|
|
<h3 class="text-xl font-semibold mb-2">Não armazenamos informações</h3> |
|
|
<p class="text-gray-300">Nada é guardado localmente</p> |
|
|
</div> |
|
|
<div class="bg-primary rounded-lg p-6 text-center privacy-card"> |
|
|
<i data-feather="monitor" class="w-12 h-12 text-green-400 mx-auto mb-4 checkmark-animation"></i> |
|
|
<h3 class="text-xl font-semibold mb-2">Tudo no seu navegador</h3> |
|
|
<p class="text-gray-300">Processamento 100% local</p> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
</main> |
|
|
|
|
|
|
|
|
<footer class="bg-primary border-t border-gray-700 py-8"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="flex flex-col md:flex-row justify-between items-center"> |
|
|
<div class="flex items-center space-x-3 mb-4 md:mb-0"> |
|
|
<i data-feather="shield" class="w-6 h-6 text-secondary"></i> |
|
|
<span class="text-lg font-semibold">Acelerador de QA</span> |
|
|
</div> |
|
|
<div class="flex space-x-6"> |
|
|
<a href="#" class="text-gray-300 hover:text-secondary transition-colors">Termos de Uso</a> |
|
|
<a href="#" class="text-gray-300 hover:text-secondary transition-colors">Suporte</a> |
|
|
<a href="#" class="text-gray-300 hover:text-secondary transition-colors">GitHub</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-center text-gray-400 mt-6"> |
|
|
<p>© 2025 Foursys – Studio de Inovação. Todos os direitos reservados.</p> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
feather.replace(); |
|
|
|
|
|
|
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
|
|
anchor.addEventListener('click', function (e) { |
|
|
e.preventDefault(); |
|
|
const target = document.querySelector(this.getAttribute('href')); |
|
|
if (target) { |
|
|
target.scrollIntoView({ |
|
|
behavior: 'smooth', |
|
|
block: 'start' |
|
|
}); |
|
|
} |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
|
