Grupo Salmerón Infraestructura · TI
IN-06 · Portal interno

El Portal: la puerta de entrada del grupo

Qué es portal.salmeronai.es, qué contiene, cómo está montado y —lo importante— cómo se edita y se corrige sin miedo a romper nada. Un archivo en GitHub que se publica solo.

Abrir el portal · portal.salmeronai.es
1 · Qué es

La plataforma interna del grupo

El portal es la página de inicio del equipo: desde ahí se entra a todo lo que vamos montando (el ERP, la Biblioteca, las herramientas…) y se ven las novedades, el equipo y las marcas. Es una única página web, sobria y rápida, pensada para tenerla siempre a mano.

Hero

Saludo según la hora y reloj en vivo — el pulso del grupo al abrir.

Accesos

Las tarjetas que llevan a cada aplicación (ERP, Biblioteca, y las que se vayan sumando).

Novedades

La última noticia de cada marca, leída sola del WordPress (cms.salmeronai.es).

Equipo y Marcas

Quién es quién y las marcas del grupo (Elvia, Abitia, Fabria).

2 · Cómo está montado

Un archivo en GitHub que se publica solo

El portal no se edita "en caliente" en el servidor. Su única fuente de verdad es un archivo en GitHub; cada cambio que se sube se publica automáticamente en uno o dos minutos. Así todo queda versionado y cualquier error se deshace en un clic.

Fuente de verdad · GitHub

Donde se edita
  • Repositorio privado jose-salmeron/portal-salmeron
  • Rama main, archivo index.html
  • Una sola página, con su CSS y su JS dentro

Publicación · Coolify

Cómo llega a internet
  • App Static en Coolify, servida por nginx
  • Webhook de auto-deploy: cada push a main se publica solo (~1–2 min)
  • DNS portal → 187.124.3.227 (VPS), SSL automático (Let's Encrypt)

1 · Editas

Cambias index.html en GitHub.

→

2 · Commit a main

Queda versionado con su mensaje.

→

3 · Se publica solo

El webhook despliega en 1–2 min.

Migración del 13/08/2026: antes el portal se editaba a mano en un "file mount" de Coolify (frágil). Ahora es GitHub + auto-deploy, igual que el ERP y la Biblioteca. Para editar el contenido ya no hace falta tocar Coolify.
3 · Cómo se edita, con seguridad

Cambios pequeños, verificados y reversibles

El caso más común es añadir un acceso nuevo (una tarjeta que lleva a una aplicación). El flujo es siempre el mismo y está pensado para no romper el resto de la página:

  1. Abrir el editor del archivo en GitHub: portal-salmeron/edit/main/index.html (con sesión iniciada).
  2. Localizar el bloque de accesos: dentro de <main id="accesos"> hay una rejilla <div class="grid"> con las tarjetas.
  3. Insertar una tarjeta nueva copiando exacta la plantilla y cambiando solo el enlace, la categoría, el título y la descripción.
  4. Confirmar con Commit a main, con un mensaje claro (p. ej. "Añadir acceso a Facturación").
  5. Esperar 1–2 min y verificar recargando el portal: que se ve el cambio y que el resto sigue intacto.

Reglas de oro (blindaje anti-errores)

4 · Si algo sale mal

Deshacer un error es un clic

Como todo está versionado en Git, no hace falta "arreglar el servidor". Se revierte el commit que rompió algo y el portal vuelve a estar bien solo.

  1. En GitHub, abrir la pestaña Commits del repo y entrar en el commit que causó el problema.
  2. Pulsar Revert y confirmar el commit del revert a main.
  3. El webhook republica solo la versión anterior en 1–2 min. Listo.
Alternativa igual de válida: editar index.html, quitar el trozo que se metió y commitear. Nunca se toca el servidor a mano.
5 · Límites fijos

Seguridad

El portal es interno pero visible para todo el equipo, así que los cambios se publican con cabeza: no se introducen contraseñas ni claves (si un paso las pide, las mete José), no se borran datos ni recursos sin confirmación explícita, y ante cualquier duda sobre un cambio que se publica, se consulta antes.

¿Quieres tocar el portal? Basta con decir "añade / cambia / quita esto del portal" y se hace por su repositorio, con commit pequeño y verificación. La operativa detallada vive en la skill portal-salmeron.
6 · Novedades y noticias

Las noticias salen solas del WordPress

Desde el 25/09/2026, «Novedades» ya no se escribe a mano. Un pequeño script al final de index.html lee las entradas publicadas en cms.salmeronai.es y muestra la última noticia de cada marca (Grupo, Elvia, Abitia y Fabria): como máximo cuatro, ordenadas por fecha, en una fila que en el móvil pasa a una columna.

  1. La noticia se hace en WordPress con el patrón de su marca (Patrones → Noticias Grupo Salmerón) y su categoría: Elvia, Abitia o Fabria (más Noticias), o solo Noticias para el Grupo.
  2. Al publicarla, aparece en el portal en lugar de la anterior de su marca. No hay que tocar GitHub.
  3. El texto corto de la tarjeta es la entradilla de la noticia.
Red de seguridad: si el WordPress no responde en 6 segundos, el portal enseña las tarjetas fijas que siguen escritas en index.html.
El método completo para hacer noticias está en la skill noticias-salmeron. No se publican precios sin que lo diga José.