Skip to content

Instantly share code, notes, and snippets.

@nfreear

nfreear/blackout.html

Created January 18, 2012 22:25
Show Gist options
  • Save nfreear/1636217 to your computer and use it in GitHub Desktop.
Save nfreear/1636217 to your computer and use it in GitHub Desktop.
Download ZIP
My Stop-SOPA / PIPA blackout solution - Javascript + CSS + plain old HTML
Raw
blackout.html
<!DOCTYPE html>
<!--
My Stop-SOPA blackout solution.
Copyleft 2012-01-18 Nicholas Freear.
License: http://gnu.org/licenses/lgpl.html
Source: https://gist.github.com/gists/1636217
-->
<style>
body.do-blackout, .do-blackout #wrapper{margin-top:39em;}
#blackout{
display:none;
position:absolute; top:0; left:0; width:100%;
font:1.1em sans-serif; min-height:35em; padding:1em 3em; text-align:center;
color:#eee; background-color:#222;
background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#000),to(#eee));
background-image:-webkit-linear-gradient(top,#000,#eee);
background-image:-moz-linear-gradient(top,#000,#eee);
background-image: -ms-linear-gradient(top,#000,#eee);/*IE10*/
background-image: -o-linear-gradient(top,#000,#eee);
}
#blackout a{color:#ddd; border-bottom:1px solid #ddd;}
#blackout a img, #blackout a.i{border:none;}
#blackout abbr{cursor:help; border-bottom:1px dotted #ddd;}
body.do-blackout #blackout{display:block;}
</style>
<div id="blackout" style="display:none">
<p id="blackout-note">Join the <abbr title="Stop Online Piracy Act and PROTECT IP Act in the USA">SOPA/PIPA</abbr> protest on <a href="http://www.reddit.com/">Reddit</a>, <a href="http://wordpress.org/">Wordpress</a>, <a href="http://en.wikipedia.org/wiki/Main_Page">Wikipedia</a> and elsewhere
<a href="https://gist.github.com/gists/1636217">[code]</a>.</p>
<div id="mw-sopaOverlay">
<div id="mw-sopaColumn">
<h2 id="mw-sopaHeadline">&ldquo;Imagine a World<br>Without Free Knowledge</h2>
<div id="mw-sopaText"><p>For over a decade, we have spent millions of hours building the largest encyclopedia in human history. Right now, the U.S. Congress is considering legislation that could fatally damage the free and open Internet. For 24 hours, to raise awareness, we are blacking out Wikipedia. <a href="http://en.wikipedia.org/wiki/Wikipedia:SOPA_initiative/Learn_more" target="_blank">Learn more.</a>&rdquo;</p></div>
<div id="mw-sopaAction"><h3 class="mw-sopaActionHead">Make your voice heard</h3>
<div class="mw-sopaActionDiv"><div>
<div class="mw-sopaSocial">
<a target="wpblackout_Facebook_share" href="https://www.facebook.com/sharer.php?u=http%3A%2F%2Ft.co%2FrSD8ZinS"><img src="http://upload.wikimedia.org/wikipedia/commons/2/2a/WP_SOPA_sm_icon_facebook_dedede.png" height="33" width="33"></a><br><a target="wpblackout_Facebook_share" href="https://www.facebook.com/sharer.php?u=http%3A%2F%2Ft.co%2FrSD8ZinS">Facebook</a></div>
<div class="mw-sopaSocial"><a href="https://m.google.com/app/plus/x/?v=compose&amp;content=I%20support%20the%20January%2018th%20Wikipedia%20blackout%20to%20protest%20SOPA%20and%20PIPA.%20Show%20your%20support%20here%20%20http%3A%2F%2Ft.co%2FrSD8ZinS"><img src="http://upload.wikimedia.org/wikipedia/commons/0/08/WP_SOPA_sm_icon_gplus_dedede.png" height="33" width="33"></a><br><a href="https://m.google.com/app/plus/x/?v=compose&amp;content=I%20support%20the%20January%2018th%20Wikipedia%20blackout%20to%20protest%20SOPA%20and%20PIPA.%20Show%20your%20support%20here%20%20http%3A%2F%2Ft.co%2FrSD8ZinS">Google+</a></div>
<div class="mw-sopaSocial"><a target="wpblackout_Twitter_share" href="https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FMain_Page&amp;text=I%20support%20%23wikipediablackout%21%20Show%20your%20support%20here%20http%3A%2F%2Ft.co%2FrSD8ZinS%20%23SOPA"><img src="http://upload.wikimedia.org/wikipedia/foundation/4/45/WP_SOPA_sm_icon_twitter_dedede.png" height="33" width="33"></a><br><a target="wpblackout_Twitter_share" href="https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FMain_Page&amp;text=I%20support%20%23wikipediablackout%21%20Show%20your%20support%20here%20http%3A%2F%2Ft.co%2FrSD8ZinS%20%23SOPA" style="color:rgb(222, 222,222);">Twitter</a></div></div><div style="clear: both;"></div></div></div></div></div>
</div>
<script>
var a=new Date,b=a.getUTCHours();if(0==a.getUTCMonth()&&2012==a.getUTCFullYear()&&((18==a.getUTCDate()&&13<=b)||(19==a.getUTCDate()&&0>=b))){
//window.location="http://sopastrike.com/strike";
//document.getElementById('blackout').style.display='block';
document.getElementsByTagName('body')[0].className += 'do-blackout';
}
</script>
<h1>Normal page content starts here!</h1>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment