From 0cee3ad175c8000a9c36c398388cb722277e835d Mon Sep 17 00:00:00 2001 From: JoniMartin27 <130197986+JoniMartin27@users.noreply.github.com> Date: Fri, 14 Aug 2026 20:52:48 +0200 Subject: [PATCH] =?UTF-8?q?feat(seo):=20cumplir=20el=20checklist=20de=2026?= =?UTF-8?q?=20puntos=20en=20las=2018=20p=C3=A1ginas?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Pasada completa de SEO on-page sobre fervon.dev. Antes cumplían 13 de los 26 puntos; ahora cumplen 25 (el 23, GA4, necesita el ID de medición). Bloques nuevos en las 18 páginas (bilingües, vía data-en/data-es): - TL;DR "En 30 segundos" justo tras el hero, con CTA dentro (puntos 6, 7, 8) - FAQ visible + schema FAQPage donde faltaba: home, contacto, claudescope, inferbench, launchpad, lookspan, pregon e informe de Veredicto (12, 13) - Clúster de enlaces internos entre productos y artículos (punto 10) - Botón de compartir con navigator.share y respaldo al portapapeles (22) - CTA fijo en móvil que se aparta mientras el del hero está a la vista (21) - Tabla de datos donde no había ninguna, sólo con datos ya presentes en la página o su JSON-LD; nada inventado (punto 11) Sitio: - llms.txt nuevo (punto 20) - robots.txt: se separan los rastreadores de BÚSQUEDA/CITAS (OAI-SearchBot, ChatGPT-User, Claude-SearchBot, PerplexityBot, Google-Extended → Allow) de los de ENTRENAMIENTO (GPTBot, CCBot, Bytespider… → Disallow). Antes se bloqueaba a todos, lo que hacía imposible aparecer en ChatGPT. Se añade Disallow /page/ (punto 19) - schema ProfessionalService en el @graph de la home (punto 16) - sitemap con lastmod al día (punto 25) Arreglos encontrados por el camino: - /contacto/: se sube h4 a h3, que saltaba de h2 a h4 (punto 9) - /contacto/: la tabla estiraba el
a 570px con el viewport a 375 porque su es flex; se contiene con contain:inline-size - assets/shared.js: el respaldo con execCommand sólo actuaba si faltaba la API moderna. Medido: clipboard.writeText rechaza con NotAllowedError en casos donde execCommand SÍ copia, así que ahora se intenta tras el rechazo - el deploy no excluía LICENSE, PAYMENTS.md, LANZAMIENTO-VEREDICTO.md ni los og-test-*: se servían en fervon.dev Verificado con Chrome headless: 18 páginas × 375/320px sin desbordes nuevos (los 3 de 320px son idénticos a los de HEAD, ya existían), 0 errores de consola, el toggle ES/EN cambia los bloques nuevos en ambos sentidos, y el CTA fijo aparece al bajar. La CSP regenerada pasa de 22 a 36 hashes. Co-Authored-By: Claude Opus 5 --- .github/workflows/pages.yml | 7 +- assets/shared.css | 155 +++++ assets/shared.js | 71 ++ claudescope/index.html | 157 +++++ contacto/index.html | 153 ++++- index.css | 6 +- index.html | 220 +++++++ inferbench/index.html | 128 ++++ launchpad/index.html | 128 ++++ llms.txt | 55 ++ lookspan/index.html | 158 +++++ pregon/index.html | 128 ++++ regenta/index.html | 86 +++ robots.txt | 55 +- scripts/build-pages.sh | 5 + scripts/check-overflow.mjs | 90 +++ scripts/seo-blocks.mjs | 605 ++++++++++++++++++ scripts/seo-tables.mjs | 190 ++++++ sitemap.xml | 36 +- trace/index.html | 59 ++ trace/limitless-alternative.html | 59 ++ trace/microsoft-recall-alternative.html | 59 ++ ...-memory-tool-without-screen-recording.html | 59 ++ trace/rewind-ai-alternative.html | 59 ++ trace/rewind-alternative-windows.html | 59 ++ trace/rewind-shut-down-what-to-use.html | 59 ++ trace/screenpipe-alternative.html | 59 ++ veredicto/index.html | 59 ++ veredicto/report.html | 167 +++++ 29 files changed, 3089 insertions(+), 42 deletions(-) create mode 100644 llms.txt create mode 100644 scripts/check-overflow.mjs create mode 100644 scripts/seo-blocks.mjs create mode 100644 scripts/seo-tables.mjs diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml index fe3a1b5..8a133c7 100644 --- a/.github/workflows/pages.yml +++ b/.github/workflows/pages.yml @@ -49,7 +49,12 @@ jobs: --exclude 'BRAND-IMAGE-PROMPTS.md' \ --exclude 'package.json' \ --exclude 'package-lock.json' \ - --exclude 'index.js' + --exclude 'index.js' \ + --exclude 'LANZAMIENTO-VEREDICTO.md' \ + --exclude 'LICENSE' \ + --exclude 'og-test-*' \ + --exclude 'og-zoom-*' \ + --exclude 'wrangler.toml' echo "Published files:"; find _site -maxdepth 1 | sort - uses: actions/configure-pages@983d7736d9b0ae728b81ab479565c72886d7745b # v5 diff --git a/assets/shared.css b/assets/shared.css index 2112ef0..24cfc02 100644 --- a/assets/shared.css +++ b/assets/shared.css @@ -117,3 +117,158 @@ nav .bar,.nav .bar{position:relative} RECORTABA el GIF: medido en /inferbench/, 22 px arriba y abajo con la demo a 800x500 en una caja de 870. Afecta a las tres páginas de producto que enseñan un GIF. */ figure img[width][height]{height:auto} + +/* ============================================================ + SEO / conversión — bloques compartidos por todas las páginas + (TL;DR, clúster de enlaces, compartir, CTA fijo en móvil). + Añadido en la pasada de los 26 puntos de SEO. + ============================================================ */ + +/* ── TL;DR / Key takeaways ─────────────────────────────────── + Va SIEMPRE justo después del hero: primero la intención de + búsqueda (el h1 + el subtítulo), después el resumen. */ +.tldr{border:1px solid var(--line2,#3A2C22);border-left:3px solid var(--ember,#FF6A00); + background:linear-gradient(180deg,rgba(26,19,16,.72),rgba(14,11,10,.55)); + border-radius:14px;padding:22px 24px;max-width:860px;margin:0 auto; + box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 1px 2px rgba(0,0,0,.4)} +.tldr h2{font-size:13px;letter-spacing:1.6px;text-transform:uppercase; + color:var(--amber,#FFB02E);font-weight:700;margin-bottom:14px} +.tldr ul{list-style:none;display:grid;gap:10px} +.tldr li{position:relative;padding-left:26px;font-size:16px;line-height:1.62; + color:var(--bone,#EFE7DC)} +.tldr li::before{content:"";position:absolute;left:6px;top:.62em;width:7px;height:7px; + border-radius:2px;transform:rotate(45deg); + background:linear-gradient(135deg,var(--ember,#FF6A00),var(--amber,#FFB02E))} +.tldr li b,.tldr li strong{color:#fff;font-weight:650} +@media(max-width:600px){.tldr{padding:18px 18px;border-radius:12px}.tldr li{font-size:15px}} + +/* ── Clúster de enlaces internos ───────────────────────────── + Cada página enlaza a sus hermanas: reparte autoridad y da a + Google la estructura del portfolio. */ +.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:26px} +.relcard{display:block;border:1px solid var(--line2,#3A2C22);border-radius:12px; + padding:15px 17px;background:rgba(26,19,16,.5);transition:.16s;color:inherit;text-decoration:none} +.relcard:hover{border-color:var(--ember,#FF6A00);transform:translateY(-2px); + background:rgba(26,19,16,.78)} +.relcard .rt{display:block;font-weight:650;font-size:15.5px;color:var(--bone,#EFE7DC);margin-bottom:5px} +.relcard .rd{display:block;font-size:13.5px;line-height:1.5;color:var(--dim,#A0917F)} +.relcard:hover .rt{color:var(--amber,#FFB02E)} + +/* ── Botón de compartir ────────────────────────────────────── + Usa navigator.share en móvil y copia al portapapeles en + escritorio. shared.js le pone el comportamiento. */ +.fv-share{display:inline-flex;align-items:center;gap:9px;margin-top:8px} +.fv-share .sharebtn{display:inline-flex;align-items:center;gap:8px;font-family:inherit; + font-size:14px;font-weight:600;padding:9px 15px;border-radius:11px;cursor:pointer; + border:1px solid var(--line2,#3A2C22);background:rgba(26,19,16,.55); + color:var(--bone,#EFE7DC);transition:.16s} +.fv-share .sharebtn:hover{border-color:var(--ember,#FF6A00);color:var(--amber,#FFB02E)} +.fv-share .sharebtn svg{width:16px;height:16px;flex:none} +.fv-share .sharemsg{font-size:13px;color:var(--amber,#FFB02E);opacity:0;transition:opacity .18s} +.fv-share .sharemsg.on{opacity:1} + +/* ── CTA fijo en móvil ─────────────────────────────────────── + Barra inferior que sólo existe por debajo de 760px. El + padding del body evita que tape el pie. */ +.stickycta{display:none} +@media(max-width:760px){ + .stickycta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:90; + align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px)); + background:rgba(14,11,10,.93);backdrop-filter:blur(12px); + border-top:1px solid var(--line2,#3A2C22); + box-shadow:0 -8px 28px rgba(0,0,0,.5)} + .stickycta .sct{flex:1;min-width:0;font-size:13px;line-height:1.35;color:var(--dim,#A0917F)} + .stickycta .sct b{display:block;font-size:14.5px;color:var(--bone,#EFE7DC);font-weight:650; + white-space:nowrap;overflow:hidden;text-overflow:ellipsis} + .stickycta .btn{flex:none;padding:11px 17px;font-size:14.5px} + body{padding-bottom:78px} + /* El CTA fijo no debe animarse: es un elemento de interfaz permanente. */ + .stickycta .btn-fire{animation:none} +} +@media(max-width:380px){ + .stickycta{gap:9px;padding-left:11px;padding-right:11px} + .stickycta .sct{font-size:12px} + .stickycta .btn{padding:10px 13px;font-size:13.5px} +} + +/* ── Respaldos de cero especificidad ───────────────────────────────────── + Los bloques nuevos (TL;DR, FAQ, clúster) se insertan en 18 páginas que NO + comparten la misma hoja: `.faq` sólo estaba definido en index.css, + trace/base.css, veredicto/base.css y regenta/index.css, y `.eye`/`.cta-row` + sólo en core.css/index.css. Aquí van los respaldos envueltos en `:where()` + para que su especificidad sea 0 y la hoja propia de cada página SIEMPRE + gane, aunque shared.css se cargue después. */ + +:where(.faq){max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px} +:where(.faq) details{background:var(--card,var(--panel,#1A1310));border:1px solid var(--line,#2C211B);border-radius:12px;padding:2px 18px;transition:border-color .16s ease} +:where(.faq) details[open]{border-color:var(--line2,#3A2C22)} +:where(.faq) summary{cursor:pointer;list-style:none;padding:15px 0;font-weight:600;font-size:15px;color:var(--bone,#EFE7DC);display:flex;justify-content:space-between;align-items:center;gap:14px} +:where(.faq) summary::-webkit-details-marker{display:none} +:where(.faq) summary::after{content:"+";color:var(--ember,#FF6A00);font-size:22px;font-weight:300;line-height:1;transition:transform .2s ease} +:where(.faq) details[open] summary::after{transform:rotate(45deg)} +:where(.faq) details p{color:var(--ash,#A89A8E);font-size:14px;line-height:1.6;margin:0;padding:0 0 16px} +:where(.eye){font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--amber,#FFB02E);display:block} +:where(.cta-row){display:flex;gap:14px;justify-content:center;flex-wrap:wrap} + +/* El bloque nuevo trae su propio `.wrap`; en la home y en /contacto el
+ ya es `.wrap`, así que el anidado duplicaría el padding lateral. */ +.wrap .wrap{max-width:none;padding:0} + +/* Detalles del TL;DR */ +.tldr .cta-row{margin-top:20px;justify-content:flex-start} +.tldr code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em; + background:rgba(255,106,0,.10);border:1px solid var(--line,#2C211B);border-radius:6px;padding:1px 6px;color:var(--amber,#FFB02E)} + +/* ── Tablas de datos insertadas por scripts/seo-tables.mjs ─────────────── + Clases propias (.tablewrap/.seotable) para no chocar con las tablas que + cada página ya tenía. Scroll lateral propio: la página nunca debe + desplazarse en horizontal. */ +/* `contain:inline-size` hace que el ancho del contenedor NO dependa de su + contenido. Sin esto, el `min-width:520px` de la tabla se propagaba hacia + arriba como ancho mínimo: en /contacto/ (cuyo es flex) estiraba el +
a 570px con el viewport a 375 y la página se desplazaba en + horizontal. Medido con Chrome headless en la pasada de los 26 puntos. */ +.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:34px; + contain:inline-size;max-width:100%; + border:1px solid var(--line,#2C211B);border-radius:14px;background:rgba(22,17,14,.5)} +.tablewrap::-webkit-scrollbar{height:6px} +.tablewrap::-webkit-scrollbar-thumb{background:var(--line2,#3A2C22);border-radius:3px} +.seotable{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px} +.seotable th,.seotable td{text-align:left;padding:13px 18px; + border-bottom:1px solid var(--line,#2C211B);vertical-align:top;line-height:1.55} +.seotable thead th{font-size:12px;letter-spacing:1.4px;text-transform:uppercase; + color:var(--amber,#FFB02E);font-weight:700;background:rgba(255,106,0,.06);white-space:nowrap} +.seotable tbody th{font-weight:650;color:var(--bone,#EFE7DC);white-space:nowrap} +.seotable tbody td{color:var(--ash,#A89A8E)} +.seotable tbody tr:last-child th,.seotable tbody tr:last-child td{border-bottom:0} +.seotable tbody tr:hover{background:rgba(255,106,0,.035)} +.seotable a{color:var(--amber,#FFB02E);text-decoration:none;font-weight:650} +.seotable a:hover{text-decoration:underline} +.seotable b{color:var(--bone,#EFE7DC)} +.seotable code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em; + background:rgba(255,106,0,.10);border:1px solid var(--line,#2C211B);border-radius:6px;padding:1px 6px;color:var(--amber,#FFB02E)} +@media(max-width:600px){.seotable{font-size:13.5px}.seotable th,.seotable td{padding:11px 14px}} + +/* Un
hijo directo de un en flex (caso de /contacto/) hereda + `min-width:auto` como ítem flex y NO encoge por debajo del ancho mínimo de + su contenido: la tabla de datos (min-width 520px) estiraba el main a 569px + a 375px de ancho y la página se desplazaba en horizontal. Medido en la + pasada de los 26 puntos. `min-width:0` es inocuo en los bodies no-flex. */ +body > main{min-width:0} + +/* ── Secciones insertadas por los scripts de SEO ───────────────────────── + Van marcadas con `.seosec` porque las 18 páginas NO comparten hoja: la + home y /contacto/ no cargan `core.css`, así que allí `.center` no + centraba y `h2` heredaba el estilo de etiqueta de `index.css` (13px, + mayúsculas, letter-spacing 4px). Con una definición propia, estos + bloques se ven igual en todo el sitio. */ +.seosec{padding:72px 0} +.seosec .center{text-align:center;max-width:680px;margin-left:auto;margin-right:auto} +.seosec .center .eye{display:block;font-size:13px;font-weight:600;letter-spacing:3px; + text-transform:uppercase;color:var(--amber,#FFB02E);margin-bottom:10px} +.seosec h2{font-size:clamp(28px,4vw,38px);font-weight:800;letter-spacing:-.8px; + text-transform:none;line-height:1.15;color:var(--bone,#EFE7DC)} +/* El h2 del TL;DR es el rótulo pequeño del propio recuadro, no un titular. */ +.seosec .tldr h2{font-size:13px;font-weight:700;letter-spacing:1.6px; + text-transform:uppercase;color:var(--amber,#FFB02E)} +@media(max-width:600px){.seosec{padding:52px 0}} diff --git a/assets/shared.js b/assets/shared.js index 9c6a168..d265efe 100644 --- a/assets/shared.js +++ b/assets/shared.js @@ -414,3 +414,74 @@ } rafId=requestAnimationFrame(tick); // store the id: a hide/show before the first tick must not fork a second chain })(); + +/* ============================================================ + Botón de compartir (punto 22 del checklist SEO). + Progresivo: navigator.share donde exista (móvil y Safari), + copia al portapapeles como respaldo. Sin dependencias y sin + ninguna red social embebida — no cargamos scripts de terceros + porque la CSP del sitio es `script-src 'self'`. + ============================================================ */ +(function(){ + var boxes=document.querySelectorAll('.fv-share'); + if(!boxes.length) return; + var isEN=function(){ return document.documentElement.lang==='en'; }; + [].forEach.call(boxes,function(box){ + var btn=box.querySelector('.sharebtn'); + var msg=box.querySelector('.sharemsg'); + if(!btn) return; + btn.addEventListener('click',function(){ + var url=(document.querySelector('link[rel=canonical]')||{}).href||location.href; + var title=document.title; + var say=function(t){ if(!msg) return; msg.textContent=t; msg.classList.add('on'); + clearTimeout(msg._t); msg._t=setTimeout(function(){ msg.classList.remove('on'); },2600); }; + if(navigator.share){ + navigator.share({title:title,url:url}).catch(function(){ /* el usuario canceló */ }); + return; + } + var done=function(){ say(isEN()?'Link copied':'Enlace copiado'); }; + var fail=function(){ say(isEN()?'Copy it from the address bar':'Cópialo de la barra de direcciones'); }; + /* Respaldo con textarea + execCommand. Sigue haciendo falta: la API + moderna `clipboard.writeText` rechaza con NotAllowedError en más + situaciones de las que parece (permiso denegado, iframes sin + allow="clipboard-write", contextos automatizados). Medido: en ese + mismo caso execCommand('copy') SÍ copia, así que se intenta después + del rechazo, no sólo cuando la API no existe. */ + var legacy=function(){ + try{ + var ta=document.createElement('textarea'); + ta.value=url; ta.setAttribute('readonly',''); ta.className='vh'; + document.body.appendChild(ta); + ta.select(); ta.setSelectionRange(0,ta.value.length); + var ok=document.execCommand('copy'); + document.body.removeChild(ta); + ok?done():fail(); + }catch(e){ fail(); } + }; + if(navigator.clipboard&&navigator.clipboard.writeText){ + navigator.clipboard.writeText(url).then(done,legacy); + }else{ + legacy(); + } + }); + }); +})(); + +/* ============================================================ + CTA fijo en móvil (punto 21). + La barra ya viene en el HTML de cada página (para que exista + sin JS); aquí sólo la ocultamos mientras el CTA principal del + hero está a la vista, para no duplicar el mismo botón en + pantalla, y la devolvemos al hacer scroll. + ============================================================ */ +(function(){ + var bar=document.querySelector('.stickycta'); + if(!bar) return; + var heroCta=document.querySelector('.hero .btn-fire'); + if(!heroCta||!('IntersectionObserver' in window)) return; + var io=new IntersectionObserver(function(entries){ + bar.style.transform=entries[0].isIntersecting?'translateY(110%)':'translateY(0)'; + },{threshold:0}); + bar.style.transition='transform .22s ease'; + io.observe(heroCta); +})(); diff --git a/claudescope/index.html b/claudescope/index.html index 2db9d3d..157bd9b 100644 --- a/claudescope/index.html +++ b/claudescope/index.html @@ -36,6 +36,47 @@ } + + @@ -120,6 +161,24 @@

+
+
+

En 30 segundos

+
    +
  • ClaudeScope da búsqueda full-text sobre todas las sesiones de Claude Code que has corrido.
    • +
  • Añade el panel de uso que la suscripción no te enseña: tokens, coste y lo que te ahorró la caché.
    • +
  • 100% local: lee los ficheros de sesión de tu disco. No sube nada y no pide API key.
    • +
  • Un solo comando y gratis: npx claudescope-cli. Open source.
    • +
+
+ Cómo empezar +
+
+
+
Demo @@ -242,8 +301,106 @@

+
+
+ FAQ +

Preguntas frecuentes

+
+
+
+ ¿ClaudeScope sube mis sesiones a algún sitio? +

No. Lee los ficheros de sesión que Claude Code ya guarda en tu disco y monta el índice y el panel en tu propia máquina. No hay servidor, no hay cuenta y no hay API key.

+
+
+ ¿Hay que instalar algo? +

No hace falta instalación permanente: con npx claudescope-cli se ejecuta directamente. Solo necesitas Node.js.

+
+
+ ¿Qué puedo buscar exactamente? +

El texto completo de las conversaciones: tus mensajes, las respuestas y las llamadas a herramientas. Sirve justo para lo que uno hace a mano y mal: recordar en qué sesión resolviste un problema concreto.

+
+
+ ¿Cuánto cuesta? +

Nada. Es gratis y open source, sin tier de pago ni límite de uso. El código está en GitHub.

+
+
+
+

+ + + +
+
+
+ Ficha +

ClaudeScope de un vistazo

+
+
+ + + + + + + + + + + + + + + +
Precio, licencia, requisitos y tratamiento de datos de ClaudeScope.
DatoValor
PrecioGratis, sin tier de pago
LicenciaMIT (open source)
Cómo se ejecutanpx claudescope-cli
RequisitosNode.js
PlataformasWindows · macOS · Linux
Dónde correEn tu máquina, sobre los ficheros de sesión de tu disco
Cuenta o API keyNo hace falta ninguna
TelemetríaNinguna: no sube nada
+
+
+
+ + +
+
+
+ Más de Fervon +

Sigue explorando

+
+
+ + Lookspan + Observabilidad local-first para tus agentes de IA. Gratis. + + + Mission Control + Arranca todos tus repos a la vez, sin choques de puerto. + + + Veredicto + El check de CI que pilla los tests de agentes que no prueban nada. + +
+
+ + +
+
+

+ + +
+
+ ClaudeScope + Gratis y open source +
+ Empezar +
+
MIT © 2026 Jonathan Martín · GitHub ↗ diff --git a/contacto/index.html b/contacto/index.html index 39bb9d1..b8cd4f8 100644 --- a/contacto/index.html +++ b/contacto/index.html @@ -24,6 +24,55 @@ + + @@ -70,6 +119,24 @@

+
+
+

En 30 segundos

+
    +
  • Desarrollo a medida dirigiendo flotas de agentes de IA: del concepto al producto funcionando.
    • +
  • Precio por proyecto, con alcance cerrado antes de empezar. Nunca por horas.
    • +
  • El código entregado es tuyo, documentado y traspasado. Sin dependencia de mí ni de ninguna plataforma.
    • +
  • Hablas directamente conmigo. Remoto desde España (CET), con clientes en cualquier huso horario.
    • +
+
+ Escríbeme +
+
+
+ +

Qué puedo construir

@@ -93,22 +160,22 @@

Cómo trabajo

1 -

Hablamos

+

Hablamos

Me cuentas el problema. Sin compromiso y sin intermediarios — me hablas a mí.

2 -

Propuesta clara

+

Propuesta clara

Alcance, plazos y precio cerrado, acordados antes de empezar a trabajar.

3 -

Construyo con flotas de IA

+

Construyo con flotas de IA

Dirijo agentes autónomos para ir de la idea al producto en tiempo récord, sin pausa.

4 -

Entrega y soporte

+

Entrega y soporte

Tu código, documentado y tuyo. Te acompaño también después del lanzamiento.

@@ -120,19 +187,19 @@

Por qué trabajar conmigo

Un estudio que entrega como un equipo, llevado por una persona a la que puedes llegar.

-

Velocidad real

+

Velocidad real

Flotas de agentes trabajando en paralelo y sin pausa — lo que antes era cosa de un equipo entero sale en días.

-

Local-first y privado

+

Local-first y privado

Tu código y tus datos se quedan donde deben. La inferencia puede correr incluso en modelos locales, a coste $0.

-

Producto, no horas

+

Producto, no horas

Recibes algo que funciona, con alcance y precio cerrados — no una factura por horas.

-

Hablas conmigo

+

Hablas conmigo

Sin gestores de cuenta ni capa comercial. Quien lo construye es quien te responde.

@@ -186,8 +253,78 @@

Preguntas frecuentes

+ + + +
+
+
+ Condiciones +

Cómo es trabajar conmigo

+
+
+ + + + + + + + + + + + + + + +
Condiciones de un encargo de desarrollo a medida con Fervon.
ConceptoCómo funciona
PrecioPor proyecto, cerrado antes de empezar. Nunca por horas.
AlcanceAcordado por escrito antes de que arranque nada
Propiedad del códigoTuya. Documentado y traspasado, sin dependencia de mí ni de ninguna plataforma.
Con quién hablasConmigo, directamente. No hay intermediarios ni comerciales.
Dónde estoyRemoto desde España (CET), con clientes en cualquier huso horario
Forma de trabajoAsíncrono por defecto; llamadas cuando ayudan
StackTypeScript/Node · React · Python · SQLite/Postgres · LLM (Claude + llama.cpp)
IdiomasEspañol e inglés
+
+
+
+ + +
+
+
+ Más de Fervon +

Sigue explorando

+
+
+ + Fervon + El estudio y todo el portfolio, en una página. + + + Trace + Tu memoria personal, local-first y de pago único. + + + Veredicto + El check de CI que pilla los tests de agentes que no prueban nada. + +
+
+ + +
+
+
+ + +
+
+ Cuéntame tu proyecto + Respuesta directa, sin intermediarios +
+ Escribir +
+
fervon
diff --git a/index.css b/index.css index a6b8931..d7a5b33 100644 --- a/index.css +++ b/index.css @@ -260,7 +260,7 @@ @media(max-width:520px){.steps{grid-template-columns:1fr}} .step{background:linear-gradient(165deg,rgba(255,255,255,.022),transparent),var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.4)} .step .n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;font-weight:800;font-size:15px;color:#1A0E06;background:linear-gradient(180deg,var(--ember),var(--brasa));box-shadow:0 4px 14px rgba(255,106,0,.3)} - .step h4{margin-top:14px;font-size:16px;font-weight:700;color:var(--bone)} + .step h3{margin-top:14px;font-size:16px;font-weight:700;color:var(--bone)} .step p{margin-top:7px;color:var(--ash);font-size:13.6px;line-height:1.55} /* Why cards */ @@ -269,8 +269,8 @@ @media(max-width:520px){.why{grid-template-columns:1fr}} .whycard{background:linear-gradient(165deg,rgba(255,255,255,.022),transparent),var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.4);transition:border-color .16s ease,transform .16s ease} .whycard:hover{border-color:color-mix(in srgb,var(--ember) 40%,var(--line));transform:translateY(-3px)} - .whycard h4{font-size:16px;font-weight:700;color:var(--bone);display:flex;align-items:center;gap:10px;position:relative;z-index:2} - .whycard h4::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ember);box-shadow:0 0 10px var(--ember);flex:none} + .whycard h3{font-size:16px;font-weight:700;color:var(--bone);display:flex;align-items:center;gap:10px;position:relative;z-index:2} + .whycard h3::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ember);box-shadow:0 0 10px var(--ember);flex:none} .whycard p{margin-top:9px;color:var(--ash);font-size:13.8px;line-height:1.55;position:relative;z-index:2} /* FAQ */ diff --git a/index.html b/index.html index 43ec662..9cc2c6f 100644 --- a/index.html +++ b/index.html @@ -96,11 +96,111 @@ "about": { "@id": "https://fervon.dev/#organization" }, "primaryImageOfPage": { "@id": "https://fervon.dev/#logo" }, "inLanguage": "es" + }, + { + "@type": "ProfessionalService", + "@id": "https://fervon.dev/#localbusiness", + "name": "Fervon", + "legalName": "Fervon", + "url": "https://fervon.dev/", + "image": { "@id": "https://fervon.dev/#logo" }, + "logo": { "@id": "https://fervon.dev/#logo" }, + "description": "Estudio de software autónomo. Desarrollo a medida dirigiendo flotas de agentes de IA, y productos propios local-first. Trabajo en remoto desde España, con clientes en cualquier zona horaria.", + "slogan": "Forjado al rojo vivo", + "parentOrganization": { "@id": "https://fervon.dev/#organization" }, + "founder": { "@id": "https://fervon.dev/#jonathan" }, + "address": { + "@type": "PostalAddress", + "addressCountry": "ES" + }, + "areaServed": { "@type": "Place", "name": "Worldwide" }, + "availableLanguage": ["es", "en"], + "priceRange": "$19–$39", + "currenciesAccepted": "USD, EUR", + "serviceType": [ + "Desarrollo de software a medida", + "Automatización con agentes de IA", + "Integración de LLM", + "Software local-first" + ], + "knowsAbout": [ + "Agentes de IA", + "Modelos de lenguaje locales", + "Observabilidad de agentes", + "Integración continua", + "Software local-first" + ], + "hasOfferCatalog": { + "@type": "OfferCatalog", + "name": "Productos y servicios de Fervon", + "itemListElement": [ + { "@type": "Offer", "url": "https://fervon.dev/trace/", "price": "39", "priceCurrency": "USD", "itemOffered": { "@type": "SoftwareApplication", "name": "Trace", "applicationCategory": "UtilitiesApplication", "operatingSystem": "Windows, macOS, Linux" } }, + { "@type": "Offer", "url": "https://fervon.dev/veredicto/", "price": "19", "priceCurrency": "USD", "itemOffered": { "@type": "SoftwareApplication", "name": "Veredicto", "applicationCategory": "DeveloperApplication", "operatingSystem": "GitHub Actions" } }, + { "@type": "Offer", "url": "https://fervon.dev/contacto/", "itemOffered": { "@type": "Service", "name": "Desarrollo de software a medida con flotas de agentes de IA" } } + ] + }, + "contactPoint": { "@type": "ContactPoint", "contactType": "sales", "url": "https://fervon.dev/contacto/", "availableLanguage": ["es", "en"] }, + "sameAs": [ + "https://github.com/Fervon", + "https://www.npmjs.com/package/fervon", + "https://dev.to/jonimatiin", + "https://bsky.app/profile/jonimartin.bsky.social", + "https://mastodon.social/@jonimartin" + ] } ] } + + @@ -154,6 +254,24 @@

Fervon — estudio de software autónomo. Forjado al rojo
+ +
+
+
+

En 30 segundos

+
    +
  • Fervon es el estudio de software autónomo de Jonathan Martín: una persona dirigiendo flotas de agentes de IA.
    • +
  • Dos productos de pago —Trace ($39, pago único) y Veredicto ($19/repo)— y cinco herramientas open source y gratis.
    • +
  • Todo es local-first: sin nube obligatoria, sin suscripción y sin telemetría por defecto.
    • +
  • También hago desarrollo a medida con el mismo método. Hablas conmigo, no con un comercial.
    • +
+
+ Cuéntame tu proyecto +
+
+
+
+

Fervon es el estudio de software autónomo de Jonathan Martín. No es una agencia: una persona dirige flotas de agentes de IA que trabajan sin pausa — y cada herramienta de aquí abajo nació de ese mismo método.

@@ -300,8 +418,110 @@

¿Necesitas que forje algo?

+ + +
+
+
+ FAQ +

Preguntas frecuentes

+
+
+
+ ¿Qué es exactamente Fervon? +

Un estudio de software de una sola persona. Jonathan Martín dirige flotas de agentes de IA que construyen, prueban y despliegan; el resultado son productos propios y herramientas open source, no horas facturadas.

+
+
+ ¿Qué productos hay y cuáles son gratis? +

De pago: Trace (memoria personal local, $39 de pago único) y Veredicto (check de CI contra tests amañados, $19 por repositorio). Gratis y open source: inferbench, Lookspan, ClaudeScope, Mission Control y Pregón.

+
+
+ ¿Se puede comprar sin hablar con nadie? +

Sí, y es lo normal. Todo es self-serve: se compra o se descarga desde la web, sin demo, sin llamada de ventas y sin dejar el correo para «que te contacten».

+
+
+ ¿Mis datos salen de mi máquina? +

No. Las herramientas corren en local y no envían telemetría por defecto. Las open source son inspeccionables en GitHub, así que no hace falta creerse la promesa.

+
+
+ ¿Aceptas encargos de desarrollo a medida? +

Sí. Aplico el mismo motor de agentes a los retos de tu empresa, por proyecto y con alcance y precio cerrados de antemano, no por horas. El código entregado es tuyo.

+
+
+
+
+ + + +
+
+
+ De un vistazo +

Todo el portfolio, comparado

+
+
+ + + + + + + + + + + + + + + +
Productos y herramientas de Fervon con su precio, licencia y plataformas.
ProductoPara quéPrecioLicenciaPlataformas
TraceMemoria personal buscable$39 pago únicoComercialWindows · macOS · Linux
VeredictoPillar tests amañados en CI$19 por repoComercialGitHub Actions
inferbenchBenchmark de LLM localesGratisMITWindows · macOS · Linux
LookspanObservabilidad de agentesGratisMITWindows · macOS · Linux
ClaudeScopeBuscar sesiones de Claude CodeGratisMITWindows · macOS · Linux
Mission ControlArrancar todos tus reposGratisMITWindows · macOS · Linux
PregónPublicar en 14 canalesGratisMITWeb (autoalojado)
RegentaGobernar flotas de agentesPor solicitudComercialWeb
+
+
+
+ + +
+
+
+ Más de Fervon +

Sigue explorando

+
+
+ + Trace + Tu memoria personal, local-first y de pago único. + + + Veredicto + El check de CI que pilla los tests de agentes que no prueban nada. + + + Contacto + Desarrollo a medida con flotas de agentes. + +
+
+ + +
+
+
+ + +
+
+ Fervon + Software a medida con agentes +
+ Hablemos +
+
+ + +
+
+ inferbench + Gratis y open source +
+ Descargar +
+