Hardlimit banner in app broadcasts tournaments between elite UCI chess engines

[cobito]

Hello @jordiqui First of all, sorry for the delay in responding. I've been swamped.

My ISP doesn't allow me to access Pixeldrain, so I can't see the latest version of the code. I've added the logo in the previous version of index.html to keep testing. To avoid third-party dependencies (I personally try to avoid them at all costs with Hardlimit), I've added the image in base64 so that it's self-contained in the HTML itself. But if you want, it can be taken out into a separate image file or I can put it on public access from hardlimit.com to keep the html clean.

I've made a "dark" version in the style of the test bench.

I see that you have the page pretty well laid out and I'm not sure where I could fit it in; maybe in the footer, in a corner. Or if you want, I'll pass by here the HTML code with the logo in its own div so that you just have to copy and paste it where you want.

Let me know and congratulations on the project. It's very cool.

[jordiqui]

@cobito said in Hardlimit banner in app broadcast tournaments between elite UCI chess engines:

Hello @jordiqui, First of all, sorry for the delay in responding. I've been swamped.

My ISP doesn't allow me to access Pixeldrain, so I can't see the latest version of the code. I've added the logo in the previous version of the index.html to start testing. To avoid third-party dependencies (I personally try to avoid them at all costs with Hardlimit), I've added the image in base64 so that it's self-contained in the HTML itself. But if you want, it can be put in a separate image file or I can make it publicly accessible from hardlimit.com to keep the HTML clean.

I've made a "dark" version in the style of the test bench.

I see that you've laid out the page pretty well and I'm not sure where I could fit it; maybe in the footer, in a corner. Or if you want, I'll send you the HTML code with the logo in its own div so you can just copy and paste it wherever you want.

Let me know and congratulations on the project. It's really cool.

Hi buddy, I've made a.zip of the UI source code so you can see where we can fit the banner so that it's well encapsulated in a box (the ideal is that it's visible) within the current distribution with a link to the forum. (currently analyzing the data from cloudfare, we're not going below 1000k daily without doing any promotion because we're in the testing phase and trying to get the pairings right, scripts to audit the completed tests, until we go to production, which is when visits will really increase since it's a niche that's perhaps little known, but with thousands of followers. United States, Spain, Russia, Denmark, etc. (since I'm using the free plan from cloudfare, I can't count exactly how many of those 1000k+ daily visitors come from bots and how many from real users, but considering we haven't done anything official, it can be considered a good sign.) Regards!

[jordiqui]

I am "arguing with gtp" to move to an iframe and get the necessary space for the banner to be visible. We are working on it, and as soon as we have a properly formatted layout, I will upload the source code of the index.html because I am launching the first tournament on March 1st and I would like to have the banner there. However, I do not know how to embed it with html code, css, etc. I leave it to your discretion, as I know it is always correct.

[jordiqui]

Hello colleagues. To make it more interesting, since the community of chess engine programmers (not all) hates those who make mods, substantial changes to the code, but they are still derivatives of Stockfish, it makes life difficult for you. In the mini pc I have ported the project, and what has been months, in an afternoon we have changed the routes, created another subdomain, etc., and I have another tournament but of original chess engines. @cobito the ui that I have already left in zip for you and for the colleagues of the forum, is almost ready, to be able to put a vertical banner in a fourth block of the layout, but it was necessary to touch the backend and I could not do it anymore.
I stop again and this build does have improvements compared to the first photo of this thread, to download. Index.html.

original engine tournament

Best regards and happy weekend.

[cobito]

@jordiqui That's up to you. I think the simplest way is inside a simple div. Something like

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

Or by embedding the image within the HTML with base64:

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

I think it's the simplest and you can always style it from CSS.

[jordiqui]

@cobito said in Hardlimit banner in app broadcast tournaments between elite UCI chess engines:

@jordiqui That's up to you. I think the simplest thing is inside a simple div. Something like this

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

Or by embedding the image within the HTML with base64:

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

I think it's the simplest and you can always style it from CSS.

Perfect, I'll get to it. Let's see how it turns out.

[jordiqui]

https://ijccrl-live.ijccrl.com/
well for now I've put a topbar because my idea was to lay it out in a vertical box of the layout, but more code changes are needed and that's when I'll need the gpt. I'll get serious about it on Monday. It has a link to the forum nofollow, but when it's in production mode which is when visits with high peaks will come, then if for seo reasons, that dofollow link is a backlink that you consider correct, I'll change it. Hugs and thanks for guiding me, because I was already confused.

[cobito]

@jordiqui Here's the logo for the dark theme: it will look better than the official one: https://hardlimit.com/logo_tema_oscuro.png

And I'm going to try to push the English forum a bit.

[jordiqui]

Hello colleagues, I hope you like the final design, although we still need to polish some details with the chosen fonts, typography, but the hardest part was fighting to get the transparencies and a more or less uniform morphology. DOM, html, css, javascript all this is new to me, but fighting with gpt in the end it did what I wanted to do, not without devouring the official documentation from mdn, guides, etc.
Now comes the important question, at the moment with all the antibot filters, rules, etc. in cloudfare, we are daily doing nothing more than publishing every two days in a chess forum, about 1000k, 1200k daily with an upward trend. One of the subdomains is this: https://elite.ijccrl.com/ and the hardlimit logo, as it doesn't have a header it would be more of an app layout, which broadcast, so in the upper part of the chat which also has its own identity it would stand out a lot to put it there, but I hope for your suggestions. @cobito the chat is not going to change in color or size. The logo you sent me I don't know if it fits well, but when you have time, tell me which one you think would be better and I will link it to the English page. Although we have traffic from all over Europe, Mexico and many Americans. A hug colleagues.

[cobito]

Hello @jordiqui. No, with that background it won't fit.

A couple of things: I see that the background changes depending on the window size: sometimes it's an image (large window) and other times a solid color (small window) where part of the left panel also disappears:

I see that the mobile version doesn't work well: strange things happen with the size of the panels.

And if the window is very large (in my case, maximized to 4K with 150% scaling), the two right panels overlap and get cut off:

From the logo's point of view, does the background matter: do you want to put it on the black background of the chat or right on the chat, whose background could be a texture or a solid color depending on the window size?