apply a crafty style to the lane buttons #273

On my screen, the contrast between the text and the background feels too low. I think part of this is due to the combination of that particular font and the pixelation effect being applied.

Slightly nit picky and along the same issue as above, the record icon looks like it has more contrast. Probably because there is more black overall. Is there a way to give the other icons the same "weight" as the record icon?

The buttons are looking good. My only concern is from an accessibility point of view. ![image.png](/attachments/c0fadc94-a10f-4091-a4c7-305b60714a0b) On my screen, the contrast between the text and the background feels too low. I think part of this is due to the combination of that particular font and the pixelation effect being applied. Slightly nit picky and along the same issue as above, the record icon looks like it has more contrast. Probably because there is more black overall. Is there a way to give the other icons the same "weight" as the record icon?

image.png

220 KiB

lee commented

2025-09-04 15:29:44 +00:00

Hmm, something is up with the font rendering on the screenshot, it should be using a specific google font, it looks like it is using the fallback generic cursive font, better maybe to fallback to sans. The record icon is deliberately more pronounced - as Ken keeps saying, more than anything else the purpose of the website is to encourage people to record. But if that level of contrast works better. then the others, can be made similar. Again the backgrounds are deliberately trying to show some pixels and are mixed up a bit as to which part of the background image each one shows, both for variation and to try to give a rough work in progress feel. Maybe best just to standardise and reduce that complexity as it adds a lot of css with little payback.

I'll aim to revise and re-submit based on the feedback.

Hmm, something is up with the font rendering on the screenshot, it should be using a specific google font, it looks like it is using the fallback generic cursive font, better maybe to fallback to sans. The record icon is deliberately more pronounced - as Ken keeps saying, more than anything else the purpose of the website is to encourage people to record. But if that level of contrast works better. then the others, can be made similar. Again the backgrounds are deliberately trying to show some pixels and are mixed up a bit as to which part of the background image each one shows, both for variation and to try to give a rough work in progress feel. Maybe best just to standardise and reduce that complexity as it adds a lot of css with little payback. I'll aim to revise and re-submit based on the feedback.

ken_fallon commented

2025-09-04 15:33:48 +00:00

Also keep in mind the license of any font we need to have that listed on the page. Also all fonts need to be hosted on the deployed site, and not from 3rd party services like Google.

rho_n commented

2025-09-04 16:08:35 +00:00

Hmm, something is up with the font rendering on the screenshot, it should be using a specific google font, it looks like it is using the fallback generic cursive font, better maybe to fallback to sans.

Ahh, didn't realize the font wasn't correct. I just cloned your repository and then generated the index page. Should have looked closer at your snip above.

The record icon is deliberately more pronounced - as Ken keeps saying, more than anything else the purpose of the website is to encourage people to record. But if that level of contrast works better. then the others, can be made similar. Again the backgrounds are deliberately trying to show some pixels and are mixed up a bit as to which part of the background image each one shows, both for variation and to try to give a rough work in progress feel. Maybe best just to standardise and reduce that complexity as it adds a lot of css with little payback.

Ok, Fair point on highlighting that record icon. Maybe make the others a little closer to it, and then make the border for the record icon the --background-secondary color--so that it is emphasized by the border.

lol, or we could add a blink tag or the modern CSS equivalent to that icon. Really draw attention to it 😛

> Hmm, something is up with the font rendering on the screenshot, it should be using a specific google font, it looks like it is using the fallback generic cursive font, better maybe to fallback to sans. Ahh, didn't realize the font wasn't correct. I just cloned your repository and then generated the index page. Should have looked closer at your snip above. > The record icon is deliberately more pronounced - as Ken keeps saying, more than anything else the purpose of the website is to encourage people to record. But if that level of contrast works better. then the others, can be made similar. Again the backgrounds are deliberately trying to show some pixels and are mixed up a bit as to which part of the background image each one shows, both for variation and to try to give a rough work in progress feel. Maybe best just to standardise and reduce that complexity as it adds a lot of css with little payback. Ok, Fair point on highlighting that record icon. Maybe make the others a little closer to it, and then make the border for the record icon the --background-secondary color--so that it is emphasized by the border. lol, or we could add a blink tag or the modern CSS equivalent to that icon. Really draw attention to it 😛

lee added 1 commit 2025-09-04 17:20:09 +00:00

increase contrast on lane buttons, fix font definition f55f24957a

lee commented

2025-09-04 17:32:30 +00:00

Amended now, that font licence along with the font is at /public_html/css/patrickhand/OFL.txt

Screenshot 2025-09-04 at 18.31.14.png

288 KiB