Files
k8s-manifests/portfolio/configmap-html.yaml
T
chemavxandClaude Fable 5 09643943cb feat(portfolio): refresh de la landing — fix /ze/, fuera Open WebUI, nuevos servicios y proyectos
- fix: card ze apunta a /ze/ (el redirect de nginx a http:// caía en 404 de Traefik)
- fuera Open WebUI (chat.chemavx.xyz no existe) y card duplicada de polymarket en Services
- nuevos servicios: Uptime Kuma, Infisical, Trilium, Files, Umami, Ollama
- Projects: blogs The Exclusion Zone (EN) y Zona de Exclusión (ES) + ResearchOwl
- badges de infra bajo el header y subtítulos en las cards; Status en el footer

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-17 09:44:58 +00:00

327 lines
14 KiB
YAML

apiVersion: v1
data:
index.html: |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="ChemaVX — homelab k3s self-hosted: GitOps con ArgoCD, secrets con Infisical, backups offsite duales y publicación bilingüe." />
<title>ChemaVX</title>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--bg: #0d1117;
--surface: #161b22;
--border: #30363d;
--text: #e6edf3;
--muted: #8b949e;
--accent: #58a6ff;
--green: #3fb950;
--red: #f85149;
--yellow: #d29922;
--purple: #bc8cff;
}
body {
background: var(--bg);
color: var(--text);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
padding: 3rem 1.5rem 4rem;
}
/* ── Header ─────────────────────────────────── */
header {
text-align: center;
margin-bottom: 3rem;
}
.avatar {
width: 80px; height: 80px;
border-radius: 50%;
background: linear-gradient(135deg, #1f6feb 0%, #bc8cff 100%);
display: flex; align-items: center; justify-content: center;
font-size: 2rem; font-weight: 700; color: #fff;
margin: 0 auto 1.25rem;
box-shadow: 0 0 0 3px var(--border);
}
h1 { font-size: 2rem; font-weight: 700; letter-spacing: -0.5px; }
.tagline {
color: var(--muted); font-size: 0.95rem; margin-top: 0.4rem;
}
.dot { display: inline-block; width: 8px; height: 8px;
border-radius: 50%; background: var(--green);
margin-right: 6px; animation: pulse 2s infinite; }
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.4; }
}
.badges {
display: flex; flex-wrap: wrap; gap: 0.5rem;
justify-content: center; margin-top: 1.1rem;
max-width: 560px;
}
.badge {
font-size: 0.7rem; color: var(--muted);
border: 1px solid var(--border); border-radius: 20px;
padding: 3px 11px; background: var(--surface);
white-space: nowrap;
}
.badge b { color: var(--text); font-weight: 600; }
/* ── Section title ───────────────────────────── */
.section-title {
font-size: 0.7rem; font-weight: 600; letter-spacing: 0.08em;
text-transform: uppercase; color: var(--muted);
margin-bottom: 0.875rem;
}
/* ── Services grid ───────────────────────────── */
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 0.75rem;
width: 100%; max-width: 720px;
margin-bottom: 2.5rem;
}
.service-card {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 10px;
padding: 0.9rem 1.1rem;
text-decoration: none;
color: var(--text);
transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s;
display: flex; align-items: center; gap: 0.65rem;
}
.service-card:hover {
border-color: var(--accent);
transform: translateY(-2px);
box-shadow: 0 4px 16px rgba(88,166,255,0.1);
}
.service-icon { font-size: 1.3rem; flex-shrink: 0; }
.service-name { font-size: 0.9rem; font-weight: 500; line-height: 1.25; }
.service-sub { font-size: 0.68rem; color: var(--muted); margin-top: 1px; }
/* ── Polymarket card ─────────────────────────── */
.poly-wrapper { width: 100%; max-width: 720px; }
.poly-card {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 12px;
padding: 1.5rem;
margin-bottom: 2.5rem;
}
.poly-header {
display: flex; align-items: center; justify-content: space-between;
margin-bottom: 1.25rem;
}
.poly-title {
display: flex; align-items: center; gap: 0.5rem;
font-size: 0.95rem; font-weight: 600;
}
.poly-badge {
font-size: 0.65rem; font-weight: 600; letter-spacing: 0.04em;
padding: 2px 7px; border-radius: 20px;
background: rgba(188,140,255,0.15); color: var(--purple);
border: 1px solid rgba(188,140,255,0.3);
}
#poly-updated {
font-size: 0.72rem; color: var(--muted);
}
.metrics-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
}
@media (min-width: 480px) {
.metrics-grid { grid-template-columns: repeat(4, 1fr); }
}
.metric {
background: var(--bg);
border: 1px solid var(--border);
border-radius: 8px;
padding: 0.875rem 1rem;
}
.metric-label {
font-size: 0.68rem; color: var(--muted);
text-transform: uppercase; letter-spacing: 0.06em;
margin-bottom: 0.35rem;
}
.metric-value {
font-size: 1.35rem; font-weight: 700; font-variant-numeric: tabular-nums;
transition: color 0.3s;
}
.metric-value.positive { color: var(--green); }
.metric-value.negative { color: var(--red); }
.metric-value.neutral { color: var(--text); }
.metric-value.loading { color: var(--muted); font-size: 1rem; }
/* ── Footer ──────────────────────────────────── */
footer {
color: var(--muted); font-size: 0.75rem; text-align: center;
width: 100%; max-width: 720px;
border-top: 1px solid var(--border);
padding-top: 1.25rem;
}
footer a { color: var(--accent); text-decoration: none; }
footer a:hover { text-decoration: underline; }
</style>
</head>
<body>
<header>
<div class="avatar">C</div>
<h1>ChemaVX</h1>
<p class="tagline">
<span class="dot"></span>Homelab · k3s · Self-hosted
</p>
<div class="badges">
<span class="badge"><b>k3s</b> · 2 nodos</span>
<span class="badge"><b>GitOps</b> · ArgoCD</span>
<span class="badge"><b>Secrets</b> · Infisical</span>
<span class="badge"><b>Backups</b> · Mega + B2</span>
<span class="badge"><b>Observabilidad</b> · Grafana + Kuma</span>
</div>
</header>
<!-- Services -->
<div style="width:100%;max-width:720px;margin-bottom:2.5rem;">
<p class="section-title">Services</p>
<div class="services-grid">
<a class="service-card" href="https://grafana.chemavx.xyz" target="_blank" rel="noopener">
<span class="service-icon">📊</span>
<span><span class="service-name">Grafana</span><div class="service-sub">Dashboards y alertas</div></span>
</a>
<a class="service-card" href="https://status.chemavx.xyz" target="_blank" rel="noopener">
<span class="service-icon">💓</span>
<span><span class="service-name">Uptime Kuma</span><div class="service-sub">Estado de servicios</div></span>
</a>
<a class="service-card" href="https://n8n.chemavx.xyz" target="_blank" rel="noopener">
<span class="service-icon">⚙️</span>
<span><span class="service-name">n8n</span><div class="service-sub">Automatización</div></span>
</a>
<a class="service-card" href="https://home.chemavx.xyz" target="_blank" rel="noopener">
<span class="service-icon">🏠</span>
<span><span class="service-name">Homarr</span><div class="service-sub">Panel del homelab</div></span>
</a>
<a class="service-card" href="https://git.chemavx.xyz" target="_blank" rel="noopener">
<span class="service-icon">🐙</span>
<span><span class="service-name">Gitea</span><div class="service-sub">Git + CI + registry</div></span>
</a>
<a class="service-card" href="https://argocd.chemavx.xyz" target="_blank" rel="noopener">
<span class="service-icon">🔄</span>
<span><span class="service-name">ArgoCD</span><div class="service-sub">GitOps del cluster</div></span>
</a>
<a class="service-card" href="https://infisical.chemavx.xyz" target="_blank" rel="noopener">
<span class="service-icon">🗝️</span>
<span><span class="service-name">Infisical</span><div class="service-sub">Gestor de secretos</div></span>
</a>
<a class="service-card" href="https://vaultwarden.chemavx.xyz" target="_blank" rel="noopener">
<span class="service-icon">🔐</span>
<span><span class="service-name">Vaultwarden</span><div class="service-sub">Contraseñas</div></span>
</a>
<a class="service-card" href="https://trilium.chemavx.xyz" target="_blank" rel="noopener">
<span class="service-icon">📝</span>
<span><span class="service-name">Trilium</span><div class="service-sub">Notas</div></span>
</a>
<a class="service-card" href="https://files.chemavx.xyz" target="_blank" rel="noopener">
<span class="service-icon">📁</span>
<span><span class="service-name">Files</span><div class="service-sub">Filebrowser</div></span>
</a>
<a class="service-card" href="https://umami.chemavx.xyz" target="_blank" rel="noopener">
<span class="service-icon">📈</span>
<span><span class="service-name">Umami</span><div class="service-sub">Analytics sin cookies</div></span>
</a>
<a class="service-card" href="https://ollama.chemavx.xyz" target="_blank" rel="noopener">
<span class="service-icon">🦙</span>
<span><span class="service-name">Ollama</span><div class="service-sub">LLM local</div></span>
</a>
</div>
</div>
<!-- Projects -->
<div style="width:100%;max-width:720px;margin-bottom:2.5rem;">
<p class="section-title">Projects</p>
<div class="services-grid">
<a class="service-card" href="https://theexclusionzone.com" target="_blank" rel="noopener">
<span class="service-icon">🛸</span>
<span><span class="service-name">The Exclusion Zone</span><div class="service-sub">UAP research · EN</div></span>
</a>
<a class="service-card" href="https://zonadeexclusion.com" target="_blank" rel="noopener">
<span class="service-icon">📡</span>
<span><span class="service-name">Zona de Exclusión</span><div class="service-sub">Investigación UAP · ES</div></span>
</a>
<a class="service-card" href="https://git.chemavx.xyz/chemavx/researchowl" target="_blank" rel="noopener">
<span class="service-icon">🦉</span>
<span><span class="service-name">ResearchOwl</span><div class="service-sub">Bot de investigación</div></span>
</a>
<a class="service-card" href="/ze/">
<span class="service-icon">⌨️</span>
<span><span class="service-name">ze</span><div class="service-sub">CLI · manual</div></span>
</a>
</div>
</div>
<!-- Polymarket bot: archived case study (final figures, 2026-07-06) -->
<div class="poly-wrapper">
<p class="section-title">Polymarket Bot — Archived · Case study</p>
<div class="poly-card">
<div class="poly-header">
<div class="poly-title">
<span>📉</span>
<span>Paper Trading — Final Results</span>
<span class="poly-badge">ARCHIVED</span>
</div>
<span id="poly-updated">Final snapshot · 2026-07-06</span>
</div>
<div class="metrics-grid">
<div class="metric">
<div class="metric-label">Realized P&amp;L</div>
<div class="metric-value positive">+$247.78</div>
</div>
<div class="metric">
<div class="metric-label">Paper Trades</div>
<div class="metric-value neutral">12</div>
</div>
<div class="metric">
<div class="metric-label">Evaluations</div>
<div class="metric-value neutral">239k</div>
</div>
<div class="metric">
<div class="metric-label">Days Observed</div>
<div class="metric-value neutral">81</div>
</div>
</div>
<p style="font-size:0.8rem;color:var(--muted);margin-top:1rem;line-height:1.5;">
Bot bayesiano de paper trading sobre mercados de predicción, retirado en
julio de 2026 tras el bloqueo regulatorio de Polymarket en España.
Motor de replay determinista, ~239k evaluaciones archivadas y
observabilidad completa en k3s.
<a href="https://git.chemavx.xyz/chemavx/polymarket-bot" target="_blank" rel="noopener"
style="color:var(--accent);text-decoration:none;">Case study completo →</a>
</p>
</div>
</div>
<footer>
<p>
Hosted on <strong>k3s</strong> &mdash;
<a href="https://grafana.chemavx.xyz/d/chemavx-homelab-v1/chemavx-homelab-overview" target="_blank">Cluster Dashboard</a>
&mdash; <a href="https://status.chemavx.xyz" target="_blank">Status</a>
&mdash; <a href="https://git.chemavx.xyz" target="_blank">Gitea</a>
</p>
</footer>
</body>
</html>
kind: ConfigMap
metadata:
name: portfolio-html
namespace: portfolio