69 |
70 |
--------------------------------------------------------------------------------
/javascript-only/banner.js:
--------------------------------------------------------------------------------
1 | (function() {
2 | var body=null,isIE=(/msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent));
3 |
4 | function makeA(elem,attrs) {
5 | var e = document.createElement(elem);
6 | for(var a in attrs) {
7 | if(a === "content") {
8 | e.innerText = attrs[a];
9 | } else {
10 | e.setAttribute(a,attrs[a]);
11 | }
12 | }
13 | return e;
14 | };
15 |
16 | function sopa() {
17 | var stintCondensedCSS = makeA("link",{
18 | href: 'http://fonts.googleapis.com/css?family=Stint+Ultra+Condensed',
19 | rel: 'stylesheet',
20 | type: 'text/css'
21 | });
22 |
23 | var banner = makeA("div", {
24 | style: "marginL:0;padding:0;font-family: 'Stint Ultra Condensed';height: 50px;width: 100%;background-color: #000; position: absolute;top: 0;"
25 | });
26 | var inner = makeA("div", {
27 | style: "width: 840px;margin: 0 auto;"
28 | });
29 |
30 | var couldDisappear = makeA("p", {
31 | style: "float:left;color:#fff;font-family: 'Arial';letter-spacing:5px;margin-top: 13px!important;",
32 | content: "This site could disappear forever."
33 | });
34 |
35 | var link = makeA("a", {
36 | href: "http://www.tumblr.com/protect-the-net",
37 | style: "font-size: 40px;text-decoration: underline;color:#bb7711;float: left;margin: 0;padding: 0 15px 0 0;",
38 | content: "ACT NOW."
39 | });
40 |
41 | var saveInternet = makeA("p", {
42 | style: "color:#fff;font-size: 40px;float: left;margin: 0;padding: 0 15px 0 0;",
43 | content: "SAVE THE INTERNET."
44 | });
45 |
46 | inner.appendChild(couldDisappear);
47 | inner.appendChild(link);
48 | inner.appendChild(saveInternet);
49 | banner.appendChild(inner);
50 |
51 | document.head.appendChild(stintCondensedCSS);
52 | body.appendChild(banner);
53 | };
54 |
55 | (window.addEventListener || window.attachEvent)(isIE?"onload":"load",function(){
56 | body=document.body;
57 | sopa();
58 | }, false);
59 | })();
60 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | Let's Save the Internet!
2 | ===
3 |
4 | This is a standardized page for the internet blackout planned for 1/18/2012. Feel free to contribute to the design, or fork to do something cool. This README will contain a list of sites planned to be taken down for the duration of the day of 1/18/2012. Please add yours, or ping me at sarajchipps@gmail.com and I will add it to the list.
5 |
6 | If you have access to the HTML in your homepage, between the two HEAD tags, you can drop in this bit of code. This will send your visitors to a protest page here: http://protestsopa.com. I blogged about this here.
7 |
8 |
9 |
16 |
17 | If you are not a developer, or you don't know how to work the GitHubs, or have access to your HTML, and you would like to participate reach out to sarajchipps@gmail.com, and myself or a lovely assistant will walk you through the process beforehand, and help you revert your site back the way it was afterwards. Design by Tony Bacigalupo.
18 |
19 |
20 | ###Sites Pledged to be Blacked Out 1/18/2012 in Protest of SOPA/PIPA
21 |
22 | * http://reddit.com
23 | * http://cheezburger.com
24 | * http://sarachipps.com
25 | * http://girldevelopit.com
26 | * http://elizabethandclarke.com
27 | * http://aujsproduction.com
28 | * http://michaellaplante.com
29 | * http://codeimpossible.com
30 | * http://happymonster.co
31 | * http://johnnycode.com
32 | * http://aliciaj.com
33 | * http://seriouspanda.org
34 | * http://mikeavello.com/
35 | * http://spong.org
36 | * http://johanydemarco.com
37 | * http://cbrody.com
38 | * http://peaceblog.org
39 | * http://zzzen.com
40 | * http://no2bio.org
41 | * http://jasondentler.com
42 | * http://pearescope.com
43 | * http://liveon.com
44 | * http://Weblogs.us
45 | * http://avc.com
46 | * http://saturn6.com
47 | * http://shakespeare-monologues.org
48 | * http://nicefishfilms.com
49 | * http://capsul8.com
50 | * http://minecraft.net
51 | * http://Mojang.com
52 | * http://www.androirc.com
53 | * http://blensor.org
54 | * http://mikeavello.com
55 | * http://suenolff.com
56 | * http://EveryoneNeedsAnAlgonquin.wordpress.com
57 | * http://ThroughTheSplitWindow.wordpress.com
58 | * http://gnuwhatimsaying.com/
59 | * http://lost-children.com
60 | * http://ravensandchimes.com
61 | * http://supermartyr.com
62 | * http://averyjamesbrooks.com
63 | * http://Replyz.com
64 | * http://caribbean.orrin.org
65 | * http://www.shakespeare-monologues.org
66 | * http://pxlc.me
67 | * http://rnill.us
68 | * http://kobraphoto.ca/
69 | * http://wonkydonky.net
70 | * http://infli.kr
71 | * http://theopenphotoproject.org
72 | * http://blensor.org
73 | * http://camerataoflondon.org
74 | * http://crystalpalacequartet.co.uk
75 | * http://dorkbotpdx.org
76 | * http://tsugumitks.com
77 | * http://CaseySoftware.com
78 | * http://pandapick.com
79 | * http://web2project.net
80 | * http://CodeSnipers.com
81 | * http://channinginthecity.com
82 | * http://cytec.us
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Save the Internet. Act now.
6 |
7 |
64 |
65 |
66 |
67 |
68 |
SAVE THE INTERNET.
69 |
This site has been taken down in protest of bills currently being considered in the US
70 | House and Senate. Called SOPA and
71 | PIPA, these bills threaten
72 | to destroy the Internet as we know it.
73 |
If either one passes, your favorite sites could disappear forever.
This site has been taken down in protest of bills currently being considered in the US
100 | House and Senate. Called SOPA and
101 | PIPA, these bills threaten
102 | to destroy the Internet as we know it.
103 |
If either one passes, your favorite sites could disappear forever.