124 lines
5.8 KiB
HTML
124 lines
5.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Forja — Estado Actual</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600&display=swap');
|
|
|
|
:root {
|
|
--forge-bg: #1c1c1c;
|
|
--forge-surface: #151515;
|
|
--forge-surface2: #242424;
|
|
--forge-iron: #333333;
|
|
--forge-ember: #f97316;
|
|
--forge-gold: #fcd34d;
|
|
--forge-text: #e7e5e4;
|
|
--forge-muted: #78716c;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Inter', system_ui, sans-serif;
|
|
background-color: var(--forge-bg);
|
|
color: var(--forge-text);
|
|
}
|
|
|
|
.font-display {
|
|
font-family: 'Space Grotesk', 'Inter', sans-serif;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.station-card {
|
|
background-color: var(--forge-surface);
|
|
border: 2px solid var(--forge-iron);
|
|
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
|
|
.section-header {
|
|
font-family: 'Space Grotesk', 'Inter', sans-serif;
|
|
letter-spacing: -0.025em;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="min-h-screen">
|
|
<div class="max-w-4xl mx-auto px-6 py-12">
|
|
|
|
<!-- Header -->
|
|
<div class="flex items-center gap-3 mb-8">
|
|
<span class="text-4xl">⚒︎</span>
|
|
<div>
|
|
<h1 class="text-4xl font-semibold tracking-tighter">Forja</h1>
|
|
<p class="text-forge-muted">Estado actual del proyecto (Gamificado)</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-10">
|
|
<div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-forge-surface border border-forge-iron text-sm">
|
|
<span class="w-2 h-2 bg-forge-ember rounded-full animate-pulse"></span>
|
|
<span class="font-medium">Versión actual: 3 estaciones</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Resumen del estado actual -->
|
|
<div class="mb-12">
|
|
<h2 class="text-2xl font-semibold tracking-tight mb-4 section-header">Resumen del Estado Actual</h2>
|
|
|
|
<div class="prose prose-invert max-w-none text-forge-muted">
|
|
<p class="text-lg">
|
|
El proyecto ha sido simplificado a <strong>3 estaciones principales</strong>, siguiendo una estructura clara y lógica:
|
|
</p>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 my-6">
|
|
<!-- Station 1 -->
|
|
<div class="station-card rounded-2xl p-5">
|
|
<div class="text-forge-ember text-xs tracking-widest font-semibold mb-1">STATION I</div>
|
|
<div class="text-xl font-semibold mb-2">The Hearth</div>
|
|
<div class="text-sm">Definición de agentes (Arsenal)</div>
|
|
</div>
|
|
|
|
<!-- Station 2 -->
|
|
<div class="station-card rounded-2xl p-5">
|
|
<div class="text-forge-ember text-xs tracking-widest font-semibold mb-1">STATION II</div>
|
|
<div class="text-xl font-semibold mb-2">The Crucible</div>
|
|
<div class="text-sm">Pruebas, guardrails y Human-in-the-Loop (Agrupación de Anvil + Judgment + Armory)</div>
|
|
</div>
|
|
|
|
<!-- Station 3 -->
|
|
<div class="station-card rounded-2xl p-5">
|
|
<div class="text-forge-ember text-xs tracking-widest font-semibold mb-1">STATION III</div>
|
|
<div class="text-xl font-semibold mb-2">The Battle</div>
|
|
<div class="text-sm">Despliegue de agentes forjados (Azure, AWS, GCP, On-prem)</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h3 class="text-xl font-semibold tracking-tight mt-8 mb-3">Cambios principales realizados:</h3>
|
|
|
|
<ul class="space-y-2 text-sm">
|
|
<li>✓ Reducción de 5 estaciones a <strong>3 estaciones</strong> bien definidas.</li>
|
|
<li>✓ Eliminación de etiquetas redundantes ("STATION I", "STATION II"...).</li>
|
|
<li>✓ Títulos de estaciones ahora en naranja (ember) y tamaño grande.</li>
|
|
<li>✓ Texto guía superior en blanco y tamaño grande (text-3xl).</li>
|
|
<li>✓ Recuperación del <strong>Forge Creed</strong> original como elemento inspirador.</li>
|
|
<li>✓ Eliminación de los enlaces "Go to the..." de las tarjetas para mayor limpieza.</li>
|
|
<li>✓ Botón flotante de Tutorial simplificado y centrado.</li>
|
|
<li>✓ Navbar con slogan: <strong>"Fire • Hammer • Judgment"</strong></li>
|
|
<li>✓ The Armory ya no es una estación principal (se integra conceptualmente dentro de The Crucible).</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="border-t border-forge-iron pt-8 text-sm text-forge-muted">
|
|
<p><strong>Próximos pasos sugeridos:</strong></p>
|
|
<ul class="mt-2 space-y-1 text-xs">
|
|
<li>• Mejorar la página de The Battle (/deploy) con más contenido real.</li>
|
|
<li>• Conectar visualmente The Crucible con las páginas de ejecución y aprobaciones.</li>
|
|
<li>• Añadir feedback visual de "éxito" cuando un agente se forja correctamente.</li>
|
|
<li>• Posiblemente añadir un estado de "agentes desplegados" en The Battle.</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html> |