If you create the base page as static html plus css then there is no need for "detecting" blocked JS, because the page will display properly everywhere.
And if what shows with the JS blocked is all that is there, then there does not look to be any reason there should be any JS on this page to begin with.
You have two images, images display fine without JS. Although given their native size they need some css or width=/height= attributes to corral them into size. And a small amount of text (no need for JS to display text) and one form field and a submit button (both handled by basic html forms and posting to a CGI endpoint).
The only use of JS as of now is 1. storing URL source param (optional), and 2. to prevent redirection on pressing 'submit'. This one I can probably work upon. I've used tailwind CDN (was warned not to on prod). Didn't know it gets blocked too, as evident from the ugly formatting + those huge SVGs.
That, here, is your first exercice as a first timer. You'll receive many such requests and your job is to decide whether they're relevant to your objectives or not.
It is a discipline even with yourself; just because you think adding something would be cool doesn't mean it's important and doesn't automatically put it on the roadmap.
Comments
Does not work with javascript blocked via ublock origin.
Instead, a giant blue bird svg takes up most of the page, scrolling down there is another giant svg, and then a tiny amount of unformatted text.
Thanks. I'll see if I can detect blocked js to show an alternate layout.
If you create the base page as static html plus css then there is no need for "detecting" blocked JS, because the page will display properly everywhere.
And if what shows with the JS blocked is all that is there, then there does not look to be any reason there should be any JS on this page to begin with.
You have two images, images display fine without JS. Although given their native size they need some css or width=/height= attributes to corral them into size. And a small amount of text (no need for JS to display text) and one form field and a submit button (both handled by basic html forms and posting to a CGI endpoint).
The only use of JS as of now is 1. storing URL source param (optional), and 2. to prevent redirection on pressing 'submit'. This one I can probably work upon. I've used tailwind CDN (was warned not to on prod). Didn't know it gets blocked too, as evident from the ugly formatting + those huge SVGs.
Here is how it renders with all JS blocked: https://0x0.st/HLFl.png
That, here, is your first exercice as a first timer. You'll receive many such requests and your job is to decide whether they're relevant to your objectives or not.
It is a discipline even with yourself; just because you think adding something would be cool doesn't mean it's important and doesn't automatically put it on the roadmap.
A highly underrated piece of advice. This is exactly why I launched this website in this state before making any improvements whatsoever.