63 lines
2.1 KiB
HTML
63 lines
2.1 KiB
HTML
<!doctype html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="/eldia.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Mercados Widgets - Catálogo de Componentes</title>
|
|
<style>
|
|
body { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; background-color: #f4f6f8; padding: 1rem; }
|
|
h1, h2, h3 { color: #333; }
|
|
hr { border: none; border-top: 1px solid #e0e0e0; margin: 2rem 0; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Catálogo Completo de Widgets de Mercados</h1>
|
|
<p>Esta página muestra todos los componentes disponibles para ser integrados.</p>
|
|
|
|
<hr />
|
|
|
|
<h2>Sección: Mercado Local</h2>
|
|
<h3>Componente: Tarjeta de Héroe (Merval)</h3>
|
|
<div data-mercado-widget="merval-heroe"></div>
|
|
<br>
|
|
<h3>Componente: Tabla de Acciones Líderes</h3>
|
|
<div data-mercado-widget="bolsa-local-tabla"></div>
|
|
|
|
<hr />
|
|
|
|
<h2>Sección: Mercado de EEUU</h2>
|
|
<h3>Componente: Tarjeta de Héroe (S&P 500)</h3>
|
|
<div data-mercado-widget="sp500-heroe"></div>
|
|
<br>
|
|
<h3>Componente: Tabla de Acciones de EEUU</h3>
|
|
<div data-mercado-widget="bolsa-eeuu-tabla"></div>
|
|
|
|
<hr />
|
|
|
|
<h2>Sección: Granos</h2>
|
|
<h3>Componente: Tarjetas de Resumen</h3>
|
|
<div data-mercado-widget="granos-tarjetas"></div>
|
|
<br>
|
|
<h3>Componente: Tabla Detallada</h3>
|
|
<div data-mercado-widget="granos-tabla"></div>
|
|
|
|
<hr />
|
|
|
|
<h2>Sección: Mercado Agroganadero</h2>
|
|
<h3>Componente: Tarjetas de Resumen</h3>
|
|
<div data-mercado-widget="mercado-agro-tarjetas"></div>
|
|
<br>
|
|
<h3>Componente: Tabla/Lista Responsiva Detallada</h3>
|
|
<div data-mercado-widget="mercado-agro-tabla"></div>
|
|
|
|
<hr />
|
|
|
|
<h2>Sección: Página para Redacción (embebida)</h2>
|
|
<div data-mercado-widget="pagina-datos-crudos"></div>
|
|
|
|
|
|
<!-- Carga el script principal de nuestra aplicación -->
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html> |