Migracion de sistema
This commit is contained in:
@@ -60,6 +60,8 @@ pub fn create_web_router() -> Router {
|
||||
.route("/clear-logs", post(clear_logs_handler))
|
||||
.route("/health", get(health_handler))
|
||||
.route("/api-docs", get(api_docs_handler))
|
||||
.route("/terms", get(terms_handler))
|
||||
.route("/privacy", get(privacy_handler))
|
||||
.route("/install.sh", get(install_script_handler))
|
||||
// Archivos estáticos embebidos
|
||||
.route("/static/icon/logo_telco128.png", get(logo_telco_handler))
|
||||
@@ -138,6 +140,14 @@ async fn health_handler() -> Html<String> {
|
||||
Html(template.to_string())
|
||||
}
|
||||
|
||||
async fn terms_handler() -> Html<&'static str> {
|
||||
Html(include_str!("../web/terms.html"))
|
||||
}
|
||||
|
||||
async fn privacy_handler() -> Html<&'static str> {
|
||||
Html(include_str!("../web/privacy.html"))
|
||||
}
|
||||
|
||||
async fn install_script_handler() -> ([(String, String); 2], String) {
|
||||
let script = include_str!("../install-remote.sh");
|
||||
(
|
||||
|
||||
@@ -238,11 +238,12 @@
|
||||
<!-- Tab Content: App Logs -->
|
||||
<div
|
||||
id="content-app-logs"
|
||||
class="flex-1 bg-[#0a0f16] overflow-y-auto overflow-x-auto p-4 font-mono text-sm tab-content"
|
||||
class="flex-1 bg-[#0a0f16] overflow-y-auto overflow-x-hidden p-4 font-mono text-sm tab-content"
|
||||
>
|
||||
<div
|
||||
id="log-container"
|
||||
class="space-y-1 break-words overflow-wrap-anywhere"
|
||||
class="space-y-1"
|
||||
style="overflow-x: auto; min-width: 0;"
|
||||
>
|
||||
<!-- Welcome Message -->
|
||||
<div class="text-[#9dabb9] opacity-50">
|
||||
@@ -259,11 +260,12 @@
|
||||
<!-- Tab Content: System Errors -->
|
||||
<div
|
||||
id="content-system-errors"
|
||||
class="hidden flex-1 bg-[#0a0f16] overflow-y-auto overflow-x-auto p-4 font-mono text-sm tab-content"
|
||||
class="hidden flex-1 bg-[#0a0f16] overflow-y-auto overflow-x-hidden p-4 font-mono text-sm tab-content"
|
||||
>
|
||||
<div
|
||||
id="system-errors-container"
|
||||
class="space-y-1 break-words overflow-wrap-anywhere"
|
||||
class="space-y-1"
|
||||
style="overflow-x: auto; min-width: 0;"
|
||||
>
|
||||
<div class="text-[#9dabb9] opacity-50">
|
||||
<span class="text-yellow-400">⚠</span> Cargando logs
|
||||
@@ -446,11 +448,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
logEntry.innerHTML = `
|
||||
<span class="text-[#9dabb9] opacity-50">[${timestamp}]</span>
|
||||
<span class="${color}">${icon}</span>
|
||||
<span class="${color}">${escapeHtml(message)}</span>
|
||||
`;
|
||||
logEntry.style.whiteSpace = "pre";
|
||||
logEntry.style.overflowX = "auto";
|
||||
logEntry.innerHTML = `<span class="text-[#9dabb9] opacity-50">[${timestamp}]</span> <span class="${color}">${icon}</span> <span class="${color}">${escapeHtml(message)}</span>`;
|
||||
|
||||
logContainer.appendChild(logEntry);
|
||||
|
||||
@@ -506,12 +506,13 @@
|
||||
}
|
||||
|
||||
function clearLogViewer() {
|
||||
if (currentTab === "app-logs") {
|
||||
const logContainer = document.getElementById("log-container");
|
||||
logContainer.innerHTML = `
|
||||
<div class="text-[#9dabb9]">
|
||||
<span class="text-blue-400">ℹ</span> Log viewer cleared
|
||||
</div>
|
||||
`;
|
||||
logContainer.innerHTML = `<div class="text-[#9dabb9]"><span class="text-blue-400">ℹ</span> Log viewer cleared</div>`;
|
||||
} else if (currentTab === "system-errors") {
|
||||
const errContainer = document.getElementById("system-errors-container");
|
||||
errContainer.innerHTML = `<div class="text-[#9dabb9]"><span class="text-blue-400">ℹ</span> Historial de errores limpiado</div>`;
|
||||
}
|
||||
}
|
||||
|
||||
// Tab switching
|
||||
|
||||
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>
|
||||
268
web/terms.html
Normal file
268
web/terms.html
Normal file
@@ -0,0 +1,268 @@
|
||||
<!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>Términos y Condiciones - 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-primary text-sm font-medium border-b-2 border-primary pb-1" href="/terms">Términos</a>
|
||||
<a class="text-[#9dabb9] text-sm font-medium hover:text-white transition-colors" 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">gavel</span>
|
||||
<h1 class="text-3xl font-bold text-white">Términos y Condiciones</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-primary/10 border border-primary/20 rounded-lg">
|
||||
<p class="text-[#9dabb9] text-sm">
|
||||
Al utilizar <strong class="text-white">SIAX Monitor</strong>, aceptas los presentes términos en su totalidad.
|
||||
Si no estás de acuerdo con alguna parte, te pedimos que no uses el software.
|
||||
</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>
|
||||
Descripción del Software
|
||||
</h2>
|
||||
<p class="text-[#9dabb9] text-sm leading-relaxed">
|
||||
<strong class="text-white">SIAX Monitor</strong> es una herramienta de monitoreo y gestión de aplicaciones
|
||||
desarrollada por <strong class="text-white">Pablinux</strong> para <strong class="text-white">Xsystem</strong>,
|
||||
con sede en Ecuador. Permite registrar, iniciar, detener y supervisar servicios del sistema operativo
|
||||
a través de una interfaz web local. El software opera exclusivamente dentro de la infraestructura
|
||||
del usuario y no transmite datos a servidores externos.
|
||||
</p>
|
||||
</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>
|
||||
Licencia de Uso
|
||||
</h2>
|
||||
<p class="text-[#9dabb9] text-sm leading-relaxed mb-3">
|
||||
Se otorga una licencia personal, no exclusiva, no transferible y revocable para usar SIAX Monitor
|
||||
en los entornos autorizados por Xsystem. Queda expresamente prohibido:
|
||||
</p>
|
||||
<ul class="space-y-2 text-sm text-[#9dabb9]">
|
||||
<li class="flex items-start gap-2">
|
||||
<span class="material-symbols-outlined text-red-400 text-[16px] mt-0.5">block</span>
|
||||
Sublicenciar, vender o redistribuir el software sin autorización escrita.
|
||||
</li>
|
||||
<li class="flex items-start gap-2">
|
||||
<span class="material-symbols-outlined text-red-400 text-[16px] mt-0.5">block</span>
|
||||
Modificar o crear trabajos derivados sin consentimiento del autor.
|
||||
</li>
|
||||
<li class="flex items-start gap-2">
|
||||
<span class="material-symbols-outlined text-red-400 text-[16px] mt-0.5">block</span>
|
||||
Utilizar el software para fines ilegales o no autorizados.
|
||||
</li>
|
||||
<li class="flex items-start gap-2">
|
||||
<span class="material-symbols-outlined text-red-400 text-[16px] mt-0.5">block</span>
|
||||
Realizar ingeniería inversa del código fuente.
|
||||
</li>
|
||||
</ul>
|
||||
</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>
|
||||
Responsabilidades del Usuario
|
||||
</h2>
|
||||
<p class="text-[#9dabb9] text-sm leading-relaxed mb-3">
|
||||
El usuario es responsable de:
|
||||
</p>
|
||||
<ul class="space-y-2 text-sm text-[#9dabb9]">
|
||||
<li class="flex items-start gap-2">
|
||||
<span class="material-symbols-outlined text-green-400 text-[16px] mt-0.5">check_circle</span>
|
||||
Mantener la seguridad del servidor donde se ejecuta SIAX Monitor.
|
||||
</li>
|
||||
<li class="flex items-start gap-2">
|
||||
<span class="material-symbols-outlined text-green-400 text-[16px] mt-0.5">check_circle</span>
|
||||
Gestionar correctamente los permisos de acceso a la interfaz web.
|
||||
</li>
|
||||
<li class="flex items-start gap-2">
|
||||
<span class="material-symbols-outlined text-green-400 text-[16px] mt-0.5">check_circle</span>
|
||||
Realizar copias de seguridad de su configuración y datos.
|
||||
</li>
|
||||
<li class="flex items-start gap-2">
|
||||
<span class="material-symbols-outlined text-green-400 text-[16px] mt-0.5">check_circle</span>
|
||||
Usar el software conforme a las leyes vigentes en Ecuador y las aplicables en su jurisdicción.
|
||||
</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>
|
||||
Limitación de Responsabilidad
|
||||
</h2>
|
||||
<p class="text-[#9dabb9] text-sm leading-relaxed">
|
||||
SIAX Monitor se proporciona <strong class="text-white">"tal cual"</strong>, sin garantías de ningún tipo,
|
||||
expresas o implícitas. Xsystem y Pablinux no se hacen responsables por daños directos, indirectos,
|
||||
incidentales o consecuentes que resulten del uso o la imposibilidad de uso del software, incluyendo
|
||||
pero no limitándose a: pérdida de datos, interrupciones de servicio, o daños en el sistema operativo
|
||||
derivados de configuraciones incorrectas.
|
||||
</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>
|
||||
Propiedad Intelectual
|
||||
</h2>
|
||||
<p class="text-[#9dabb9] text-sm leading-relaxed">
|
||||
Todos los derechos de propiedad intelectual sobre SIAX Monitor, incluyendo su código fuente,
|
||||
diseño, logotipos y documentación, son propiedad exclusiva de <strong class="text-white">Pablinux / Xsystem</strong>.
|
||||
Quedan reservados todos los derechos no otorgados expresamente en estos términos.
|
||||
</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>
|
||||
Modificaciones
|
||||
</h2>
|
||||
<p class="text-[#9dabb9] text-sm leading-relaxed">
|
||||
Xsystem se reserva el derecho de modificar estos términos en cualquier momento. Los cambios
|
||||
serán comunicados a través de la propia interfaz del software o mediante correo electrónico.
|
||||
El uso continuado del software tras la publicación de cambios constituye aceptación de los
|
||||
nuevos términos.
|
||||
</p>
|
||||
</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>
|
||||
Legislación Aplicable
|
||||
</h2>
|
||||
<p class="text-[#9dabb9] text-sm leading-relaxed">
|
||||
Estos términos se rigen por las leyes vigentes en la <strong class="text-white">República del Ecuador</strong>.
|
||||
Cualquier disputa derivada del uso de este software será sometida a la jurisdicción de los
|
||||
tribunales competentes de Ecuador.
|
||||
</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 cualquier consulta relacionada con estos términos, puedes contactarnos a través de:
|
||||
</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="/privacy" class="text-primary hover:underline flex items-center gap-1">
|
||||
<span class="material-symbols-outlined text-[16px]">shield</span>
|
||||
Política de Privacidad
|
||||
</a>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user