litepath
Version:
Microframework ligero para Node.js
73 lines (59 loc) • 2.21 kB
HTML
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LitePath v1 - Demo</title>
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<!-- Vincula el archivo de estilos principal -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- ==========================
Encabezado principal
========================== -->
<header>
<!-- Logo del proyecto -->
<img src="images/logo.png" alt="LitePath Logo" class="logo">
<!-- Eslogan o tagline -->
<h1>Ligero. Rápido. Profesional.</h1>
<!-- Descripción corta -->
<p>Diseñado para quienes buscan excelencia y velocidad</p>
</header>
<!-- ==========================
Contenido principal
========================== -->
<main>
<!-- Sección de bienvenida -->
<section class="welcome-clean">
<!-- Nombre dinámico del proyecto (rellenado por script.js) -->
<h2>Bienvenido a <span id="projectName"></span></h2>
<!-- Texto introductorio -->
<p>
Tu proyecto está listo para iniciar. Accede a las herramientas y recursos disponibles.
Gestiona rutas, middlewares y la base de datos de manera sencilla y rápida.
</p>
</section>
<!-- Sección para mostrar usuarios registrados -->
<section class="card">
<h2>Usuarios registrados</h2>
<!-- Botón para cargar usuarios desde /users -->
<button id="loadUsers">Cargar usuarios</button>
<!-- Lista que se llena dinámicamente con los usuarios -->
<ul id="userList"></ul>
</section>
<!-- Sección para probar la ruta POST /echo -->
<section class="card">
<h2>Prueba de rutas</h2>
<!-- Botón para disparar la prueba -->
<button id="testEcho">Test POST /echo</button>
<!-- Contenedor donde se mostrará la respuesta del servidor -->
<pre id="echoResult"></pre>
</section>
</main>
<!-- ==========================
Script principal
========================== -->
<script src="script.js"></script>
</body>
</html>