When sites go dark, what remains will be the difference between the country getting behind the internet companies and hating them for causing disruption.
The blackout page needs to do three things:
1) making people understand the SOPA proponents made the site go dark (and not Reddit etc.)
2) make people understand just one thing about why SOPA is dangerous
3) make people take some form of action to help prevent SOPA (sign a petition etc.)
It's tough but it also has to do all of this in about 20s while people landing on it reel from the shock that Reddit / Twitter / Tumblr etc. have gone.
Note: replace hxxp with http.
Preview of an actual page with the overlay: http://www.nitrogenlogic.com/sopaindex.html
The inconvenience of dysfunctional sites surely outweighs the one in a million chance you will have your login to HackerNews stolen, or something else that's more of a nuisance than an actual danger.
2.) Removes clutter
3.) Additional privacy
4.) Additional security
The small amount of additional work is worth it.
If you haven't yet, I suggest you give these add-ons a ride for, say, a week, if anything for the sake of learning.
Because when you hit an infected web site, the script loading from xyz.ru will not get loaded and you will be safe. NOSCRIPT FF & NOTSCRIPT Chrome FTW!
how many of these vulnerabilities would noscript fail to protect against?
Well, it was broken earlier. I guess you saw it after I fixed it. =)
And this is a total picked nit, but the kerning of SOP A is killing me. Wrap that P in a <span> and letter-spacing it, pleeeease.
Hover effects really don't translate well to touchscreens.
Let's just keep this simple, do away with the mousemove following spotlight altogether, if you want to make the page more interesting then embed a youtube video explaining the issue.
The text is kind of hard to read too. Personally I would just do a white background with dark text and possibly an amusing cartoon image or something to visually illustrate the concept of a blackout.
Very nice bit of code, though; especially the thrown shadow :)
Does it look OK on other mobile browsers? Seems like mobile browser support would be important for this "template"?
but we have to reach as many people as possible. i think a plain site with the message would be more effective.