168 lines
8.5 KiB
HTML
168 lines
8.5 KiB
HTML
<!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 · InitPage</title>
|
|
<meta name="description" content="Política de Privacidade do InitPage, página inicial personalizável do navegador.">
|
|
<meta name="robots" content="index, follow">
|
|
<link rel="icon" href="https://www.google.com/s2/favicons?domain=weltonmoura.com.br&sz=128">
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link rel="stylesheet" href="../styles.css">
|
|
<style>
|
|
body {
|
|
font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
|
|
}
|
|
a.accent {
|
|
color: var(--accent-color);
|
|
}
|
|
a.accent:hover {
|
|
text-decoration: underline;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-slate-950 text-slate-300 antialiased min-h-screen flex flex-col">
|
|
<div class="fixed inset-0 bg-cover bg-center -z-20 opacity-20" style="background-image: url('https://images.unsplash.com/photo-1506744038136-46273834b3fb?w=1920&q=85');"></div>
|
|
|
|
<header class="w-full px-6 py-6 flex items-center justify-between">
|
|
<h1 class="text-lg font-extrabold text-white tracking-tight items-center">
|
|
<span class="text-accent">InitPage</span> · Política de Privacidade
|
|
</h1>
|
|
<a href="https://weltonmoura.com.br" class="text-xs text-slate-400 hover:text-white transition">weltonmoura.com.br</a>
|
|
</header>
|
|
|
|
<main class="w-full max-w-3xl mx-auto px-6 pb-14 flex-1">
|
|
<section class="glass-panel rounded-3xl p-7 sm:p-10 space-y-8 border border-white/10">
|
|
<div class="pb-4 border-b border-white/10">
|
|
<p class="text-xs uppercase tracking-wider font-semibold text-slate-400 mb-2">Última atualização: 18 de outubro de 2026</p>
|
|
<p class="text-sm leading-relaxed">
|
|
Esta Política de Privacidade descreve como o aplicativo web <strong class="text-white">InitPage</strong>
|
|
(doravante "o aplicativo") coleta, usa e armazena informações. Ao utilizar o aplicativo, você concorda
|
|
com as práticas descritas neste documento.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="space-y-2">
|
|
<h2 class="text-base font-bold text-white">1. Visão geral</h2>
|
|
<p class="text-sm leading-relaxed">
|
|
O aplicativo é uma página inicial personalizável que roda inteiramente no navegador. Ele não possui
|
|
servidor próprio e não envia seus dados a terceiros. Todo o processamento acontece localmente no seu dispositivo.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="space-y-2">
|
|
<h2 class="text-base font-bold text-white">2. Dados armazenados localmente</h2>
|
|
<p class="text-sm leading-relaxed">
|
|
Suas configurações — como nome de exibição, atalhos, categorias, plano de fundo, cor de destaque e
|
|
preferências de layout — são salvas exclusivamente no armazenamento local do seu navegador
|
|
(<code class="text-slate-200 bg-white/10 rounded px-1.5 py-0.5 text-xs">localStorage</code>).
|
|
</p>
|
|
<p class="text-sm leading-relaxed">
|
|
Esses dados permanecem no seu dispositivo e podem ser apagados por você a qualquer momento,
|
|
pela limpeza de dados do navegador ou pela exportação e exclusão manual do arquivo de configuração.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="space-y-2">
|
|
<h2 class="text-base font-bold text-white">3. Backup e exportação</h2>
|
|
<p class="text-sm leading-relaxed">
|
|
O aplicativo oferece recursos de exportação e importação de configurações em formato JSON.
|
|
Essa funcionalidade é totalmente local: o arquivo é gerado e baixado no seu dispositivo,
|
|
e a importação ocorre a partir de um arquivo que você seleciona manualmente.
|
|
Nenhum dado é enviado a servidores externos durante esse processo.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="space-y-2">
|
|
<h2 class="text-base font-bold text-white">4. Conteúdo patrocinado</h2>
|
|
<p class="text-sm leading-relaxed">
|
|
Em certas categorias, o aplicativo pode exibir cards identificados como <strong class="text-white">"Patrocinado"</strong>.
|
|
Esses cards são injetados durante a renderização da página e <em>não</em> fazem parte dos seus dados:
|
|
eles não são salvos nem exportados junto com suas configurações.
|
|
</p>
|
|
<p class="text-sm leading-relaxed">
|
|
A seleção do anúncio é feita <strong class="text-white">exclusivamente no seu navegador</strong>, com
|
|
base no nome da categoria ativa. Nenhum dado pessoal (nome, atalhos, histórico) é enviado ou usado
|
|
para escolher o anúncio a exibir.
|
|
</p>
|
|
<p class="text-sm leading-relaxed">
|
|
Ao clicar em um card patrocinado, você será direcionado ao site do anunciante. Uma vez no site do
|
|
anunciante, aplicam-se a Política de Privacidade e os Termos de Serviço desse site.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="space-y-2">
|
|
<h2 class="text-base font-bold text-white">5. Serviços de terceiros</h2>
|
|
<p class="text-sm leading-relaxed">
|
|
O aplicativo consulta a API <strong class="text-white">Open-Meteo</strong> (gratuita e sem chave de API)
|
|
para exibir informações de clima, caso você tenha configurado uma cidade. Essa consulta envia apenas
|
|
o nome da cidade digitada, sem qualquer identificador pessoal.
|
|
</p>
|
|
<p class="text-sm leading-relaxed">
|
|
As bibliotecas externas carregadas (Tailwind CSS, Lucide Icons, Google Fonts) servem
|
|
apenas para funcionamento técnico e não coletam dados de uso do aplicativo.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="space-y-2">
|
|
<h2 class="text-base font-bold text-white">6. Cookies e rastreamento</h2>
|
|
<p class="text-sm leading-relaxed">
|
|
O aplicativo não utiliza cookies de publicidade comportamental, redes de anúncios ou ferramentas de
|
|
analytics próprias. Os cards patrocinados são selecionados localmente pelo nome da categoria ativa
|
|
(ver item 4).
|
|
</p>
|
|
</div>
|
|
|
|
<div class="space-y-2">
|
|
<h2 class="text-base font-bold text-white">7. Compartilhamento de dados</h2>
|
|
<p class="text-sm leading-relaxed">
|
|
Não vendemos, alugamos ou compartilhamos suas informações pessoais. O aplicativo não possui servidor
|
|
próprio e não transmite seus dados de configuração para nenhum serviço externo.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="space-y-2">
|
|
<h2 class="text-base font-bold text-white">8. Segurança</h2>
|
|
<p class="text-sm leading-relaxed">
|
|
Todo o tráfego ocorre sobre HTTPS. Seus dados são armazenados apenas no <code class="text-slate-200 bg-white/10 rounded px-1.5 py-0.5 text-xs">localStorage</code>
|
|
do seu navegador, que é isolado por origem e inacessível a outros sites. URLs inseridas pelo usuário
|
|
são sanitizadas para bloquear esquemas potencialmente perigosos (como <code class="text-slate-200 bg-white/10 rounded px-1.5 py-0.5 text-xs">javascript:</code>).
|
|
</p>
|
|
</div>
|
|
|
|
<div class="space-y-2">
|
|
<h2 class="text-base font-bold text-white">9. Seus direitos (LGPD)</h2>
|
|
<p class="text-sm leading-relaxed">
|
|
Nos termos da Lei Geral de Proteção de Dados (Lei nº 13.709/2018), você pode solicitar acesso,
|
|
correção ou exclusão dos dados associados ao seu uso. Como seus dados residem exclusivamente no seu
|
|
próprio dispositivo, você pode exercê-los diretamente pela limpeza de dados do navegador,
|
|
ou entrando em contato conosco.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="space-y-2">
|
|
<h2 class="text-base font-bold text-white">10. Alterações nesta política</h2>
|
|
<p class="text-sm leading-relaxed">
|
|
Esta política pode ser atualizada para refletir mudanças no funcionamento do aplicativo ou em
|
|
requisitos legais. A data da última revisão consta no início desta página.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="space-y-2">
|
|
<h2 class="text-base font-bold text-white">11. Contato</h2>
|
|
<p class="text-sm leading-relaxed">
|
|
Dúvidas sobre esta Política de Privacidade podem ser enviadas para:
|
|
<a class="accent" href="mailto:weltonmouradev@gmail.com">weltonmouradev@gmail.com</a>.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="mt-8 text-center text-xs text-slate-500 space-x-4">
|
|
<a class="accent" href="../termos-servico/">Termos de Serviço</a>
|
|
<span>•</span>
|
|
<a class="accent" href="../">Voltar ao início</a>
|
|
</footer>
|
|
</main>
|
|
</body>
|
|
</html>
|