The NoScript Error Screen

Tired of getting complaints of broken functionality from tinfoil hat-wearing NoScript users?

This block of code, when added anywhere in between the <body></body> tags, will catch out any users who have Javascript disabled on their browsers, whether accidentally or intentionally.

<noscript id="noscript-error">
<style type="text/css">
    #noscript-error {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        z-index: 9000000;

        background: #500;
        color: #fff;
        font-family: Arial, sans-serif;
        font-variant: small-caps;
        font-weight: bold;
    }

    #noscript-root {
        width: 640px;
        margin: 10% auto;
    }

    #noscript-root > p { text-shadow: 1px 1px #000;  }
    #noscript-root > h1 { text-shadow: 3px 3px #000;  }
    #noscript-root a { color: #faa; text-decoration: none;}
    #noscript-root li { margin-bottom: 20px; }

    #noscript-root sub {
        opacity: 0.5;
        float: right;
        padding: 20px 0;
    }

    #noscript-root sub:hover {opacity: 1.0;}

</style>

<div id="noscript-root">
    <h1>Error: You have Javascript <em>disabled</em>.</h1>
    <hr />

    <p>This website requires javascript to function, either visually or behind the scenes. This could be due to:</p>

    <ul>
        <li><b>Unsupported mobile browser</b>: You may be browsing on a mobile browser that doesn't support Javascript. Consider upgrading to <a href="http://www.opera.com/mobile/">Opera Mobile</a>.</li>
        <li><b>Unsupported device</b>: You may be browsing on an old or weak-powered mobile device that is not advanced enough to support Javascript. Consider upgrading.</li>
        <li><b>NoScript</b>: If you're using NoScript or have disabled Javascript on your browser for "security" reasons, consider uninstalling NoScript and re-enabling Javascript. Disabling Javascript <b>DOES NOT</b> improve your security in any way, shape or form; this is a myth. Please do the web and us web developers a favour by not indulging in such paranoia. Thank you.</li>
    </ul>

    <hr />
    If all else fails, please check your browser settings and ensure it is up-to-date.

    <sub><a href="http://simplaza.net/hax/noscript">NoScript Error Screen</a>, <a href="http://simplaza.net/hax/SIMPL">SIMPL</a> 2011</sub>
</div>

</noscript>

To test it out, simply disable Javascript in your browser and refresh this page.

_{This entire page and the NoScript error screen code and concept are licensed under SIMPL 2011. Product of United Kingdom, by Major Rasputin}