feat: initial implementation taller-wox.fitlabs.dev
Portal FastAPI + 5 endpoints REST para Bootcamp Agentic AI con watsonx Orchestrate (FactorIT). Single container, Coolify-ready. - Landing brandeado FIT con formulario de registro (honeypot anti-bot) - Tokens itsdangerous para descargas (24h expiry) - 5 endpoints API: historical/available procedures, member-insights, schedule, generate-report (Jinja2 + Plotly) - SQLite con upsert-on-email para leads + log de descargas - Admin endpoints (HTTP Basic): leads.json, leads.csv, stats - 23 tests pytest pasando - Dockerfile listo para Coolify con volúmenes persistentes (/app/leads.db, /app/app/data/reports_output, /app/material) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
36
app/templates/base.html
Normal file
36
app/templates/base.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{% block title %}Bootcamp Agentic AI — watsonx Orchestrate | FactorIT{% endblock %}</title>
|
||||
<meta name="description" content="Construye tu primer agente de IA en 4 horas con IBM watsonx Orchestrate. Material completo del bootcamp para descarga.">
|
||||
|
||||
<meta property="og:title" content="Bootcamp Agentic AI — watsonx Orchestrate | FactorIT">
|
||||
<meta property="og:description" content="Construye tu primer agente de IA en 4 horas con IBM watsonx Orchestrate.">
|
||||
<meta property="og:url" content="https://taller-wox.fitlabs.dev/">
|
||||
|
||||
<link rel="icon" href="/static/img/LogoFIT.png">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/static/css/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header">
|
||||
<a class="brand" href="/"><img src="/static/img/LogoFIT.png" alt="FactorIT" height="36"></a>
|
||||
<span class="powered-by">powered by <strong>IBM watsonx Orchestrate</strong></span>
|
||||
</header>
|
||||
|
||||
{% block content %}{% endblock %}
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="footer-inner">
|
||||
<p><strong>FactorIT · FIT</strong> — Material del bootcamp · taller-wox.fitlabs.dev</p>
|
||||
<p class="copyright">© 2026 FactorIT — Todos los derechos reservados</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/static/js/app.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
25
app/templates/descargas.html
Normal file
25
app/templates/descargas.html
Normal file
@@ -0,0 +1,25 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Material del bootcamp — {{ nombre }}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<section class="descargas-section">
|
||||
<h1 class="hello">¡Hola {{ nombre }}!</h1>
|
||||
<p class="hello-sub">Acá tienes todo el material del bootcamp.</p>
|
||||
|
||||
<div class="download-cards">
|
||||
{% for d in downloads %}
|
||||
<article class="download-card">
|
||||
<div class="dl-icon">{{ d.icon }}</div>
|
||||
<h2>{{ d.title }}</h2>
|
||||
<p>{{ d.description }}</p>
|
||||
<p class="size">{% if d.available %}{{ d.size_mb }} MB{% else %}Próximamente{% endif %}</p>
|
||||
{% if d.available %}
|
||||
<a class="btn btn-primary" href="/download/{{ d.filename }}?token={{ token }}">Descargar</a>
|
||||
{% else %}
|
||||
<span class="btn btn-disabled" title="Archivo aún no disponible">No disponible</span>
|
||||
{% endif %}
|
||||
</article>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
63
app/templates/index.html
Normal file
63
app/templates/index.html
Normal file
@@ -0,0 +1,63 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
{% if error %}
|
||||
<div class="banner banner-error" role="alert">{{ error }}</div>
|
||||
{% endif %}
|
||||
|
||||
<section class="hero">
|
||||
<div class="hero-inner">
|
||||
<p class="eyebrow">FACTORIT · FIT</p>
|
||||
<h1>Bootcamp Agentic AI con watsonx Orchestrate</h1>
|
||||
<p class="subtitle">Construye tu primer agente de IA en 4 horas.</p>
|
||||
<a class="btn btn-primary" href="#descargas">Acceder al material →</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="cards-section">
|
||||
<h2 class="section-title">¿Qué vas a construir?</h2>
|
||||
<div class="cards">
|
||||
<article class="card"><div class="icon">⚙️</div><h3>Tu primer agente</h3><p>Conecta una API real a un agente conversacional sin escribir código.</p></article>
|
||||
<article class="card"><div class="icon">📚</div><h3>Multi-agente con RAG</h3><p>Compón agentes especializados con base de conocimiento documental.</p></article>
|
||||
<article class="card"><div class="icon">📊</div><h3>Reportes y APIs</h3><p>Genera reportes ejecutivos invocando endpoints en vivo.</p></article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="stats-section">
|
||||
<h2 class="section-title">El taller en números</h2>
|
||||
<div class="stats">
|
||||
<div class="stat"><span class="num">4h</span><span class="label">Duración</span></div>
|
||||
<div class="stat"><span class="num">6</span><span class="label">Módulos</span></div>
|
||||
<div class="stat"><span class="num">0</span><span class="label">Líneas de código</span></div>
|
||||
<div class="stat"><span class="num">100%</span><span class="label">Hands-on</span></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="descargas" class="form-section">
|
||||
<h2 class="section-title">Descarga todo el material</h2>
|
||||
<p class="form-intro">Registra tus datos para acceder al kit completo del bootcamp.</p>
|
||||
<form class="register-form" method="post" action="/register" autocomplete="on">
|
||||
<div class="field">
|
||||
<label for="nombre">Nombre completo</label>
|
||||
<input type="text" id="nombre" name="nombre" minlength="2" maxlength="80" required>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="email">Email corporativo</label>
|
||||
<input type="email" id="email" name="email" required>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="empresa">Empresa</label>
|
||||
<input type="text" id="empresa" name="empresa" minlength="2" maxlength="100" required>
|
||||
</div>
|
||||
<div class="field field-checkbox">
|
||||
<input type="checkbox" id="consentimiento" name="consentimiento" required>
|
||||
<label for="consentimiento">Acepto que FactorIT use mis datos para enviarme información del bootcamp y comunicaciones futuras. No spam — solo lo importante.</label>
|
||||
</div>
|
||||
<div class="hp-field" aria-hidden="true">
|
||||
<label for="website">Website</label>
|
||||
<input type="text" id="website" name="website" tabindex="-1" autocomplete="off">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-large">Acceder al material</button>
|
||||
</form>
|
||||
</section>
|
||||
{% endblock %}
|
||||
21
app/templates/report.html
Normal file
21
app/templates/report.html
Normal file
@@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Care Report</title>
|
||||
<style>
|
||||
body { font-family: 'Inter', system-ui, sans-serif; max-width: 960px; margin: 40px auto; padding: 20px; color: #1A1A1A; }
|
||||
h2 { color: #0A1F44; border-bottom: 3px solid #FF7A00; padding-bottom: 8px; }
|
||||
table { width: 100%; border-collapse: collapse; margin: 16px 0; }
|
||||
th { background: #0A1F44; color: white; padding: 10px; text-align: left; }
|
||||
td { padding: 8px; border-bottom: 1px solid #D8DEE5; }
|
||||
.eyebrow { color: #00B5D8; font-weight: 700; }
|
||||
footer { margin-top: 40px; color: #5A6473; font-size: 13px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header><p class="eyebrow">FACTORIT · FIT</p></header>
|
||||
{{ content | safe }}
|
||||
<footer>Generado por AskReporting · taller-wox.fitlabs.dev</footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user