feat: initpage com sync Go + auth + frontend em web/
This commit is contained in:
167
web/politica-privacidade/index.html
Normal file
167
web/politica-privacidade/index.html
Normal file
@@ -0,0 +1,167 @@
|
||||
<!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="https://weltonmoura.com.br/initpage/termos-servico/">Termos de Serviço</a>
|
||||
<span>•</span>
|
||||
<a class="accent" href="https://weltonmoura.com.br/initpage/">Voltar ao início</a>
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user