Banner de Hardlimit en app broadcast torneos entre elite uci chess engines

[jordiqui]

)

[jordiqui]

Ahora os subo el código completo. Para que @cobito cuando puedas y tengas tiempo en el index.html poner el banner de hardlimit. Ya he acabado de pulirlo lo más que he podido, pero como todo siempre se puede mejorar, ahora que funciona sin romperse voy a ver si lo puedo subir al cloud de hostinguer que es donde tengo la web, que me permite instalar node y subir todo el proyecto para que se ejecute en el servidor para evitar las caídas más probables en casa y que me consume recursos, que las caídad en cloud. Lo ideal es vps, pero como tengo cloud y esto no genera nada, pues si lo permite hostinguer en esta modalidad hosting pues ahí lo metemos. Pero vamos que podéis comentar y proponer cosas, para esto dejamos el hilo como centro de operaciones.

[jordiqui]

https://mega.nz/file/tz8D3LSZ#Vm5vTiNhPFci7_DrNNXKbEzvV6Zjp7t7koQfHnwecQQ
Código de la app.

[jordiqui]

dijo en Banner de Hardlimit en app broadcast torneos entre elite uci chess engines:

Ahora os subo el código completo. Para que @cobito cuando puedas y tengas tiempo en el index.html poner el banner de hardlimit. Ya he acabado de pulirlo lo más que he podido, pero como todo siempre se puede mejorar, ahora que funciona sin romperse voy a ver si lo puedo subir al cloud de hostinguer que es donde tengo la web, que me permite instalar node y subir todo el proyecto para que se ejecute en el servidor para evitar las caídas más probables en casa y que me consume recursos, que las caídad en cloud. Lo ideal es vps, pero como tengo cloud y esto no genera nada, pues si lo permite hostinguer en esta modalidad hosting pues ahí lo metemos. Pero vamos que podéis comentar y proponer cosas, para esto dejamos el hilo como centro de operaciones.

https://ijccrl-live.ijccrl.com/ ( ahora ya se vé en tiempo real, he tenido que marear un poco al tener que usar cloudfare, tunnel etc, pero ahora ya es cuestión de que vosotros digáis donde podemos situar el banner, porque tendrá visitas aseguradas)

[jordiqui]

UI build: 2026-02-12F (Rules v1 enforced + /conditions aligned)

En estas semanas hemos consolidado una base realmente operativa para retransmisión de torneos de motores UCI (modo beta), con foco en robustez y trazabilidad:

• list item
  UI estable en directo: reconexión automática de WebSocket + watchdog de inactividad + fallback HTTP para evitar “pantallas congeladas” al cambiar de match o tras reinicios del servidor.
  Sin dependencia de GUI: pipeline UCI → servidor → sockets → UI; el front solo renderiza lo que emite el backend.
  Telemetría y lectura clara: paneles por bando (score/depth/nodes/nps/time/PV), relojes y estado de turno, tablero principal + minis.
  Rules v1 ya aplicadas: las reglas se ejecutan en backend y quedan visibles/auditables en endpoints.
  /conditions alineado: el endpoint de condiciones queda como fuente de verdad (time control, adjudicaciones/claims, etc.) y la UI se sincroniza con ello.

Resumen: hoy ya no es “una demo bonita”; es una plataforma que aguanta sesiones largas y cambios de partida sin intervención manual, y con reglas visibles y alineadas para auditoría.

Broadcast

Sourcode

[cobito]

Buenas @jordiqui Antes de nada, disculpa la tardanza en responder. He estado hasta arriba.

Mi ISP no me permite acceder a Pixeldrain, por lo que no puedo ver la última versión del código. He añadido el logo en la anterior versión del index.html para ir probando. Para evitar dependencias con terceros (yo personalmente intento evitarlas a toda costa con Hardlimit), he añadido la imagen en base64 para que esté autocontenido en el propio HTML. Pero si quieres, se puede sacar en un archivo de imagen independiente o te la puedo poner de acceso público desde hardlimit.com para mantener el html limpio.

He hecho una versión "oscura" al estilo del banco de pruebas.

Veo que tienes la página bastante bien maquetada y no estoy seguro dónde podría encajar; quizás en el pie de página, en una esquina. O si quieres, te paso por aquí el código HTML con el logo en su propio div para que sólo sea copiarlo y pegarlo donde quieras.

Ya me vas diciendo y enhorabuena por el proyecto. Está muy chulo.

[jordiqui]

@cobito dijo en Banner de Hardlimit en app broadcast torneos entre elite uci chess engines:

Buenas @jordiqui Antes de nada, disculpa la tardanza en responder. He estado hasta arriba.

Mi ISP no me permite acceder a Pixeldrain, por lo que no puedo ver la última versión del código. He añadido el logo en la anterior versión del index.html para ir probando. Para evitar dependencias con terceros (yo personalmente intento evitarlas a toda costa con Hardlimit), he añadido la imagen en base64 para que esté autocontenido en el propio HTML. Pero si quieres, se puede sacar en un archivo de imagen independiente o te la puedo poner de acceso público desde hardlimit.com para mantener el html limpio.

He hecho una versión "oscura" al estilo del banco de pruebas.

Veo que tienes la página bastante bien maquetada y no estoy seguro dónde podría encajar; quizás en el pie de página, en una esquina. O si quieres, te paso por aquí el código HTML con el logo en su propio div para que sólo sea copiarlo y pegarlo donde quieras.

Ya me vas diciendo y enhorabuena por el proyecto. Está muy chulo.

Hola compañero, he hecho un .zip del sourcode del UI para que puedas ver dónde podemos encajar el banner para que quede bien encapsulado en un box ( lo ideal es que sea visible) dentro de la distribución actual con un enlace hacia el foro. ( actualmente analizando los datos de cloudfare no bajamos de 1000k diarias sin hacer nada de divulgación porque estamos en fase de pruebas e intentando que cuadren los emparejamientos, scripts para auditar los test finalizados, hasta que pasemos a producción que entonces sí que subirán las visitas ya que es un nicho quizá poco conocido, pero con miles de seguidores. Estados Unidos, España, Rusia, Dinamarca, etc. ( como uso el plan gratuito de cloudfare, no puedo contabilizar con exactitud de esos 1000k+ diarios cuántas provienen de bots y cuántas de usuarios reales, pero para no haber hecho nada oficial puede considerarse como buena señal.) Un saludo!

[jordiqui]

Estoy "peleándome con gtp" para pasar a un iframe y conseguir poder tener el espacio necesario para el banner y que quede bien visible. Estamos en ello en cuanto tenga un layout enmaquetado en condiciones, y paso a subir el sourcode del index.html porque el 1 de marzo lanzo el primer torneo y ahí sí que me gustaría tener el banner. Eso sí yo no sé incrustarlo con código html, css, etc. Os dejo a vuestro criterio que se que siempre es correcto.

[jordiqui]

Hola compañeros. Ya para hacerlo más interesante ya que la comunidad de programadores de motores de ajedrez ( no todos) odia a los que hacen mods, cambios sustanciales en el código, pero no dejan de ser derivados de Stockfish, te hace la vida poco fácil, en el mini pc he portado el proyecto, y lo que han sido meses, en una tarde hemos cambiados las rutas, creado otro subdominio, etc, y tengo otro torneo pero de motores de ajedrez originales. @cobito la ui que ya he dejado en zip para ti y para los compañeros del foro, está casi lista, para poder poner un banner vertical en un cuarto bloque del layout, pero había que tocar backend y no podía más.
Dejo de nuevo y este build sí que tiene mejoras respecto a la primera foto de este hilo, para descargar. Index.html .

torneo motores originales

Un saludo y feliz fin de semana.

[cobito]

@jordiqui Eso como tú veas. Yo creo que lo más sencillo es dentro de un simple div. Algo del estilo

<div class=logo><img src="https://hardlimit.com/logo.png" alt="Hardlimit's logo"></div> 

O bien embebiendo la imagen dentro del HTML con base64:

<div class=logo><img src="data:image/png;base64, [...]==" alt="Hardlimit's logo" /></div> 

Me parece lo más simple y siempre puedes maquetarlo desde el CSS.

[jordiqui]

@cobito dijo en Banner de Hardlimit en app broadcast torneos entre elite uci chess engines:

@jordiqui Eso como tú veas. Yo creo que lo más sencillo es dentro de un simple div. Algo del estilo

<div class=logo><img src="https://hardlimit.com/logo.png" alt="Hardlimit's logo"></div> 

O bien embebiendo la imagen dentro del HTML con base64:

<div class=logo><img src="data:image/png;base64, [...]==" alt="Hardlimit's logo" /></div> 

Me parece lo más simple y siempre puedes maquetarlo desde el CSS.

Perfecto, me pongo a ello. a ver cómo queda.

[jordiqui]

https://ijccrl-live.ijccrl.com/
bueno de momento he puesto un topbar porque mi idea era enmaquetarlo en una caja vertical del layout, pero toca hacer más cambios de código y ahi sí necesito el gpt. El lunes ya me pongo en serio con ello. Tiene un enlace hacia la el foro nofollow, pero cuando esté en modo producción que es cuando vendrán las visitas con picos altos, entonces si por cuestiones de seo, ese enlace dofollow es un backlink que consideráis correcto, lo cambio. Un abrazo y gracias por guiarme, porque ya estaba espeso.

[cobito]

@jordiqui Te dejo aquí el logo para tema oscuro: que se verá mejor que el oficial: https://hardlimit.com/logo_tema_oscuro.png

Y voy a intentar apretarle un poco al foro en inglés.

[jordiqui]

Hola compañeros, espero que os guste como ha quedado definitivamente el diseño que todavía falta pulir algun detalle con las fuentes escogidas, tipografía, pero lo gordo, ha sido pelear por conseguir las transparencias y una morfología más o menos uniforme. DOM, html, css, javascript todo esto nuevo para mí, pero peleando con el gpt al final ha hecho lo que quería hacer, no sin zamparme la documentacion oficial de mdn, guías, etc.
Ahora viene la cuestiíón importante, en estos momentos con todos los filtros activados antibots, reglas, etc en cloudfare, estamos diariamente sin hacer nada más que publicar cada dos días en un foro de ajedrez, sobre las 1000k, 1200k diarias con una tendencia al alza. Uno de los subdominios es este: https://elite.ijccrl.com/ y el logo de hardlimit, como no tiene header pues sería un layou más app, que retransmisión, pues en la parte superior del chat que además al tener su propia identidad destacaría mucho situarlo allí, pero espero vuestras sugerencias. @cobito el chat no va a cambiar ni en color ni en tamaño. El logo que me pasaste no sé si encaja bien, pero cuando tengas tiempo, me comentas cual crees que iría mejor y lo enlazo con la página en ingles. Aunque tenemos tráfico de media europa, méxico y muchos estadounidenses. Un abrazo compañeros.

[cobito]

Buenas @jordiqui. No, con ese fondo no va a encajar.

Un par de cosillas: veo que el fondo cambia en función del tamaño de la ventana: unas veces es una imagen (ventana grande) y otras un color plano (ventana pequeña) donde además desaparece parte del tablero de la izquierda:

La versión móvil veo que no funciona bien: pasan cosas raras con los tamaño de los tableros.

Y si la ventana es muy grande (en mi caso ventana maximizada a 4K con escalado del 150%), los dos tableros de la derecha, se superponen y se cortan:

Desde el punto vista del logo, importa el fondo: ¿lo quieres poner sobre el fondo negro del chat o justo sobre el chat, cuyo fondo podría ser una textura o un color sólido dependiendo del tamaño de la ventana?