Migracion de sistema
This commit is contained in:
299
web/privacy.html
Normal file
299
web/privacy.html
Normal file
@@ -0,0 +1,299 @@
|
||||
<!doctype html>
|
||||
<html class="dark" lang="es" dir="ltr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
||||
<title>Política de Privacidad - SIAX Monitor</title>
|
||||
<link rel="icon" type="image/svg+xml" href="/static/icon/favicon.svg" />
|
||||
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<script>
|
||||
tailwind.config = {
|
||||
darkMode: "class",
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
primary: "#137fec",
|
||||
"background-light": "#f6f7f8",
|
||||
"background-dark": "#101922",
|
||||
},
|
||||
fontFamily: {
|
||||
display: ["Inter", "sans-serif"],
|
||||
},
|
||||
borderRadius: {
|
||||
DEFAULT: "0.25rem",
|
||||
lg: "0.5rem",
|
||||
xl: "0.75rem",
|
||||
full: "9999px",
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
body {
|
||||
font-family: "Inter", sans-serif;
|
||||
}
|
||||
.material-symbols-outlined {
|
||||
font-variation-settings:
|
||||
"FILL" 0,
|
||||
"wght" 400,
|
||||
"GRAD" 0,
|
||||
"opsz" 24;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-background-dark font-display text-white min-h-screen flex flex-col">
|
||||
|
||||
<!-- Header -->
|
||||
<header class="sticky top-0 z-50 w-full border-b border-solid border-[#283039] bg-background-dark/80 backdrop-blur-md px-4 md:px-10 py-3">
|
||||
<div class="max-w-[1400px] mx-auto flex items-center justify-between">
|
||||
<div class="flex items-center gap-4 text-white">
|
||||
<div class="size-8 bg-primary rounded-lg flex items-center justify-center overflow-hidden">
|
||||
<img src="/static/icon/logo.png" alt="Logo" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<h2 class="text-white text-lg font-bold leading-tight tracking-[-0.015em]">SIAX Monitor</h2>
|
||||
</div>
|
||||
<div class="flex items-center gap-6">
|
||||
<nav class="hidden md:flex items-center gap-6">
|
||||
<a class="text-[#9dabb9] text-sm font-medium hover:text-white transition-colors" href="/">Panel</a>
|
||||
<a class="text-[#9dabb9] text-sm font-medium hover:text-white transition-colors" href="/logs">Registros</a>
|
||||
<a class="text-[#9dabb9] text-sm font-medium hover:text-white transition-colors" href="/terms">Términos</a>
|
||||
<a class="text-primary text-sm font-medium border-b-2 border-primary pb-1" href="/privacy">Privacidad</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Content -->
|
||||
<main class="flex-1 max-w-[860px] mx-auto w-full px-6 py-12">
|
||||
|
||||
<!-- Title -->
|
||||
<div class="mb-10">
|
||||
<div class="flex items-center gap-3 mb-3">
|
||||
<span class="material-symbols-outlined text-primary text-3xl">shield</span>
|
||||
<h1 class="text-3xl font-bold text-white">Política de Privacidad</h1>
|
||||
</div>
|
||||
<p class="text-[#9dabb9] text-sm">
|
||||
Última actualización: <span class="text-white">21 de febrero de 2026</span>
|
||||
</p>
|
||||
<div class="mt-4 p-4 bg-green-500/10 border border-green-500/20 rounded-lg flex items-start gap-3">
|
||||
<span class="material-symbols-outlined text-green-400 text-[20px] mt-0.5">verified_user</span>
|
||||
<p class="text-[#9dabb9] text-sm">
|
||||
<strong class="text-white">SIAX Monitor no recopila ni transmite datos personales a servidores externos.</strong>
|
||||
Todo el procesamiento ocurre localmente en tu infraestructura.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Sections -->
|
||||
<div class="space-y-8">
|
||||
|
||||
<!-- 1 -->
|
||||
<section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
|
||||
<h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
|
||||
<span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">01</span>
|
||||
Responsable del Tratamiento
|
||||
</h2>
|
||||
<div class="space-y-2 text-sm text-[#9dabb9]">
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="material-symbols-outlined text-primary text-[18px]">person</span>
|
||||
<span><strong class="text-white">Responsable:</strong> Pablinux / Xsystem</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="material-symbols-outlined text-primary text-[18px]">location_on</span>
|
||||
<span><strong class="text-white">País:</strong> Ecuador</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="material-symbols-outlined text-primary text-[18px]">mail</span>
|
||||
<span>
|
||||
<a href="mailto:pablinux@hotmail.es" class="text-primary hover:underline">pablinux@hotmail.es</a>
|
||||
·
|
||||
<a href="mailto:admin@telcotronics.com" class="text-primary hover:underline">admin@telcotronics.com</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 2 -->
|
||||
<section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
|
||||
<h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
|
||||
<span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">02</span>
|
||||
Datos que Maneja el Software
|
||||
</h2>
|
||||
<p class="text-[#9dabb9] text-sm leading-relaxed mb-4">
|
||||
SIAX Monitor almacena localmente la siguiente información de configuración:
|
||||
</p>
|
||||
<div class="grid gap-3">
|
||||
<div class="flex items-start gap-3 p-3 bg-[#0a0f16] rounded-lg">
|
||||
<span class="material-symbols-outlined text-blue-400 text-[18px] mt-0.5">settings</span>
|
||||
<div>
|
||||
<p class="text-white text-sm font-medium">Configuración de aplicaciones</p>
|
||||
<p class="text-[#9dabb9] text-xs mt-0.5">Nombres, rutas, puertos y parámetros de inicio de las apps registradas.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-start gap-3 p-3 bg-[#0a0f16] rounded-lg">
|
||||
<span class="material-symbols-outlined text-yellow-400 text-[18px] mt-0.5">terminal</span>
|
||||
<div>
|
||||
<p class="text-white text-sm font-medium">Logs del sistema</p>
|
||||
<p class="text-[#9dabb9] text-xs mt-0.5">Registros de actividad de los servicios gestionados, almacenados localmente.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-start gap-3 p-3 bg-[#0a0f16] rounded-lg">
|
||||
<span class="material-symbols-outlined text-purple-400 text-[18px] mt-0.5">key</span>
|
||||
<div>
|
||||
<p class="text-white text-sm font-medium">Variables de entorno</p>
|
||||
<p class="text-[#9dabb9] text-xs mt-0.5">Variables de configuración de las aplicaciones, guardadas en archivos locales.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 3 -->
|
||||
<section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
|
||||
<h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
|
||||
<span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">03</span>
|
||||
Datos que NO se Recopilan
|
||||
</h2>
|
||||
<p class="text-[#9dabb9] text-sm leading-relaxed mb-3">
|
||||
SIAX Monitor <strong class="text-white">no recopila, almacena ni transmite</strong>:
|
||||
</p>
|
||||
<ul class="space-y-2 text-sm text-[#9dabb9]">
|
||||
<li class="flex items-center gap-2">
|
||||
<span class="material-symbols-outlined text-green-400 text-[16px]">check</span>
|
||||
Datos personales de los usuarios de las aplicaciones gestionadas.
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<span class="material-symbols-outlined text-green-400 text-[16px]">check</span>
|
||||
Información de telemetría o uso del software.
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<span class="material-symbols-outlined text-green-400 text-[16px]">check</span>
|
||||
Cookies de seguimiento o identificadores de sesión persistentes.
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<span class="material-symbols-outlined text-green-400 text-[16px]">check</span>
|
||||
Direcciones IP, datos de geolocalización o información del dispositivo.
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<span class="material-symbols-outlined text-green-400 text-[16px]">check</span>
|
||||
Credenciales, contraseñas ni tokens de autenticación externos.
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- 4 -->
|
||||
<section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
|
||||
<h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
|
||||
<span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">04</span>
|
||||
Almacenamiento y Seguridad
|
||||
</h2>
|
||||
<p class="text-[#9dabb9] text-sm leading-relaxed">
|
||||
Toda la información gestionada por SIAX Monitor reside exclusivamente en el servidor
|
||||
donde el software está instalado. La seguridad de dicha información depende de las
|
||||
medidas de protección del sistema operativo y la red del usuario.
|
||||
Recomendamos restringir el acceso a la interfaz web mediante firewall y autenticación
|
||||
a nivel de red.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<!-- 5 -->
|
||||
<section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
|
||||
<h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
|
||||
<span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">05</span>
|
||||
Terceros
|
||||
</h2>
|
||||
<p class="text-[#9dabb9] text-sm leading-relaxed">
|
||||
SIAX Monitor no comparte, vende ni cede información a terceros. La interfaz web carga
|
||||
recursos externos únicamente para estilos y fuentes (Tailwind CSS CDN, Google Fonts),
|
||||
los cuales no reciben datos de configuración ni de logs.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<!-- 6 -->
|
||||
<section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
|
||||
<h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
|
||||
<span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">06</span>
|
||||
Derechos del Usuario
|
||||
</h2>
|
||||
<p class="text-[#9dabb9] text-sm leading-relaxed mb-3">
|
||||
De conformidad con la legislación ecuatoriana aplicable, el usuario tiene derecho a:
|
||||
</p>
|
||||
<ul class="space-y-2 text-sm text-[#9dabb9]">
|
||||
<li class="flex items-center gap-2">
|
||||
<span class="material-symbols-outlined text-primary text-[16px]">arrow_forward</span>
|
||||
Acceder a los datos de configuración almacenados localmente.
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<span class="material-symbols-outlined text-primary text-[16px]">arrow_forward</span>
|
||||
Rectificar o eliminar cualquier dato desde la propia interfaz del software.
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<span class="material-symbols-outlined text-primary text-[16px]">arrow_forward</span>
|
||||
Solicitar información sobre el tratamiento de datos contactando al responsable.
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- 7 -->
|
||||
<section class="border border-[#283039] rounded-xl p-6 bg-[#161f2a]">
|
||||
<h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
|
||||
<span class="text-primary font-mono text-sm bg-primary/10 px-2 py-0.5 rounded">07</span>
|
||||
Cambios en esta Política
|
||||
</h2>
|
||||
<p class="text-[#9dabb9] text-sm leading-relaxed">
|
||||
Xsystem puede actualizar esta política de privacidad en cualquier momento. La fecha de
|
||||
última actualización se indica al inicio del documento. Se notificará al usuario sobre
|
||||
cambios relevantes a través de la interfaz del software o por correo electrónico.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<!-- 8 - Contact -->
|
||||
<section class="border border-primary/30 rounded-xl p-6 bg-primary/5">
|
||||
<h2 class="text-white text-lg font-semibold mb-3 flex items-center gap-2">
|
||||
<span class="material-symbols-outlined text-primary text-[20px]">mail</span>
|
||||
Contacto
|
||||
</h2>
|
||||
<p class="text-[#9dabb9] text-sm leading-relaxed mb-4">
|
||||
Para ejercer tus derechos o realizar consultas sobre esta política:
|
||||
</p>
|
||||
<div class="space-y-2">
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="material-symbols-outlined text-primary text-[18px]">person</span>
|
||||
<span class="text-sm text-[#9dabb9]">Desarrollador:
|
||||
<a href="mailto:pablinux@hotmail.es" class="text-primary hover:underline">pablinux@hotmail.es</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="material-symbols-outlined text-primary text-[18px]">business</span>
|
||||
<span class="text-sm text-[#9dabb9]">Empresa:
|
||||
<a href="mailto:admin@telcotronics.com" class="text-primary hover:underline">admin@telcotronics.com</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="material-symbols-outlined text-primary text-[18px]">location_on</span>
|
||||
<span class="text-sm text-[#9dabb9]">Ecuador</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Footer nav -->
|
||||
<div class="mt-10 pt-6 border-t border-[#283039] flex items-center justify-between text-sm text-[#9dabb9]">
|
||||
<span>© 2026 Xsystem / Pablinux. Todos los derechos reservados.</span>
|
||||
<a href="/terms" class="text-primary hover:underline flex items-center gap-1">
|
||||
<span class="material-symbols-outlined text-[16px]">gavel</span>
|
||||
Términos y Condiciones
|
||||
</a>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user