Spaces:

FourLabs-UN2
/

privacyshield-protector

Running

App Files Files Community

FourLabs-UN2 commited on Oct 7, 2025

Commit

86142f7

verified ·

1 Parent(s): 63b3fd0

Gere uma página de politicas e privacidade completa e profissional com essas cores

Browse files

colors: {
primary: '#21223a',
secondary: '#ff580f',
}

🛡️ Política de Privacidade – Acelerador de QA para Front-End
Última atualização: 07 de outubro de 2025
Responsável: Foursys – Studio de Inovação
📌 Compromisso com a privacidade
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.
🔍 Dados que não coletamos
Durante o uso da extensão, nenhum dos seguintes dados é coletado:
Informações pessoais (nome, e-mail, localização etc.)
Histórico de navegação
Conteúdo das páginas acessadas
Informações de login ou senha
Dados armazenados localmente (cookies, localStorage, etc.)
🧠 Como a extensão funciona
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.
Não injetamos scripts, não modificamos páginas e não enviamos nenhum dado para servidores externos.
⚙️ Permissões utilizadas
scripting: usada apenas para ler o DOM da aba ativa e sugerir seletores.
Não usamos permissões como host_permissions, storage, tabs ou cookies.
Todas as operações ocorrem localmente, no navegador do usuário, sem qualquer comunicação com APIs ou serviços externos.
🤝 Compartilhamento de dados
A extensão não compartilha dados com terceiros. Como nenhuma informação é coletada, não há o que compartilhar.
🧾 Cookies e rastreamento
A extensão não utiliza cookies nem qualquer mecanismo de rastreamento. Não há integração com ferramentas de analytics ou publicidade.
📞 Contato
Em caso de dúvidas sobre esta Política de Privacidade, você pode entrar em contato com o time responsável:
Foursys – Studio de Inovação
https://www.foursys.com.br
📧 contato@foursys.com.br
✅ Resumo
✅ Não coletamos dados pessoais
✅ Não rastreamos sua navegação
✅ Não armazenamos informações localmente
✅ Toda funcionalidade acontece no seu navegador, com total privacidade

Files changed (2) hide show

README.md +8 -5
privacy.html +318 -0

README.md CHANGED Viewed

@@ -1,10 +1,13 @@
 ---
-title: Privacyshield Protector
-emoji: 🐠
-colorFrom: red
-colorTo: red
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: PrivacyShield Protector 🛡️
+colorFrom: gray
+colorTo: gray
+emoji: 🐳
 sdk: static
 pinned: false
+tags:
+  - deepsite-v3
 ---
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://deepsite.hf.co).

privacy.html ADDED Viewed

	@@ -0,0 +1,318 @@

+<!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 -->
+    <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>
+    <!-- Hero Section -->
+    <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 Content -->
+    <main class="container mx-auto px-6 pb-20">
+        <!-- Commitment 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="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>
+        <!-- Data Collection 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>
+        <!-- How it Works 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>
+        <!-- Permissions 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>
+        <!-- Data Sharing 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>
+        <!-- Cookies 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>
+        <!-- Contact 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>
+        <!-- Summary 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 -->
+    <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();
+        // Smooth scrolling for anchor links
+        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>