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("/clear-logs", post(clear_logs_handler))
|
||||||
.route("/health", get(health_handler))
|
.route("/health", get(health_handler))
|
||||||
.route("/api-docs", get(api_docs_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))
|
.route("/install.sh", get(install_script_handler))
|
||||||
// Archivos estáticos embebidos
|
// Archivos estáticos embebidos
|
||||||
.route("/static/icon/logo_telco128.png", get(logo_telco_handler))
|
.route("/static/icon/logo_telco128.png", get(logo_telco_handler))
|
||||||
@@ -138,6 +140,14 @@ async fn health_handler() -> Html<String> {
|
|||||||
Html(template.to_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) {
|
async fn install_script_handler() -> ([(String, String); 2], String) {
|
||||||
let script = include_str!("../install-remote.sh");
|
let script = include_str!("../install-remote.sh");
|
||||||
(
|
(
|
||||||
|
|||||||
@@ -238,11 +238,12 @@
|
|||||||
<!-- Tab Content: App Logs -->
|
<!-- Tab Content: App Logs -->
|
||||||
<div
|
<div
|
||||||
id="content-app-logs"
|
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
|
<div
|
||||||
id="log-container"
|
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 -->
|
<!-- Welcome Message -->
|
||||||
<div class="text-[#9dabb9] opacity-50">
|
<div class="text-[#9dabb9] opacity-50">
|
||||||
@@ -259,11 +260,12 @@
|
|||||||
<!-- Tab Content: System Errors -->
|
<!-- Tab Content: System Errors -->
|
||||||
<div
|
<div
|
||||||
id="content-system-errors"
|
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
|
<div
|
||||||
id="system-errors-container"
|
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">
|
<div class="text-[#9dabb9] opacity-50">
|
||||||
<span class="text-yellow-400">⚠</span> Cargando logs
|
<span class="text-yellow-400">⚠</span> Cargando logs
|
||||||
@@ -446,11 +448,9 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
logEntry.innerHTML = `
|
logEntry.style.whiteSpace = "pre";
|
||||||
<span class="text-[#9dabb9] opacity-50">[${timestamp}]</span>
|
logEntry.style.overflowX = "auto";
|
||||||
<span class="${color}">${icon}</span>
|
logEntry.innerHTML = `<span class="text-[#9dabb9] opacity-50">[${timestamp}]</span> <span class="${color}">${icon}</span> <span class="${color}">${escapeHtml(message)}</span>`;
|
||||||
<span class="${color}">${escapeHtml(message)}</span>
|
|
||||||
`;
|
|
||||||
|
|
||||||
logContainer.appendChild(logEntry);
|
logContainer.appendChild(logEntry);
|
||||||
|
|
||||||
@@ -506,12 +506,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function clearLogViewer() {
|
function clearLogViewer() {
|
||||||
|
if (currentTab === "app-logs") {
|
||||||
const logContainer = document.getElementById("log-container");
|
const logContainer = document.getElementById("log-container");
|
||||||
logContainer.innerHTML = `
|
logContainer.innerHTML = `<div class="text-[#9dabb9]"><span class="text-blue-400">ℹ</span> Log viewer cleared</div>`;
|
||||||
<div class="text-[#9dabb9]">
|
} else if (currentTab === "system-errors") {
|
||||||
<span class="text-blue-400">ℹ</span> Log viewer cleared
|
const errContainer = document.getElementById("system-errors-container");
|
||||||
</div>
|
errContainer.innerHTML = `<div class="text-[#9dabb9]"><span class="text-blue-400">ℹ</span> Historial de errores limpiado</div>`;
|
||||||
`;
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Tab switching
|
// 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